akajefferson avatar akajefferson committed 5133fca

css quase finalizado, vou traduzir pra PT

Comments (0)

Files changed (7)

Add a comment to this file

Arquivos/cupcode.svg

Old
Old image
New
New image
      borderopacity="1.0"
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
-     inkscape:zoom="1.65"
-     inkscape:cx="202.41189"
-     inkscape:cy="930.87662"
+     inkscape:zoom="1.6059788"
+     inkscape:cx="372.04724"
+     inkscape:cy="923.90692"
      inkscape:document-units="px"
      inkscape:current-layer="layer1"
      showgrid="false"
      showguides="true"
      inkscape:guide-bbox="true"
-     inkscape:window-width="1600"
-     inkscape:window-height="876"
+     inkscape:window-width="1680"
+     inkscape:window-height="1026"
      inkscape:window-x="0"
-     inkscape:window-y="24"
+     inkscape:window-y="924"
      inkscape:window-maximized="1" />
   <metadata
      id="metadata7">
        d="m 334.08474,185.05448 c 29.75679,0.98852 59.1889,-60.2884 18.19403,-46.31121 -4.29359,-3.56336 3.82388,-9.97849 12.49295,-9.87303 31.07784,3.89172 14.08252,36.141 -3.21406,47.18357 -8.97565,5.57461 -23.48775,10.32906 -27.47292,9.00067 z"
        style="fill:#800000"
        inkscape:connector-curvature="0"
-       sodipodi:nodetypes="ccccc" />
+       sodipodi:nodetypes="ccccc"
+       inkscape:export-filename="/home/jd/Projetos/CupCo.de/img/cupcode.png"
+       inkscape:export-xdpi="150"
+       inkscape:export-ydpi="150" />
     <path
        id="path3868"
        d="m 289.87834,112.03826 c 28.1647,2.61599 43.52346,6.63316 50.80154,13.28741 3.72469,3.40543 3.87201,7.49869 0.3725,10.34975 -5.4604,4.44859 -23.55626,10.23825 -32.00015,10.23825 -3.88881,0 -7.87548,-1.79568 -6.30496,-2.83991 0.54754,-0.36405 4.35542,-1.45651 8.46197,-2.42768 8.37481,-1.9806 19.86738,-6.16291 21.78639,-7.92839 4.56792,-4.20245 -5.47747,-8.71284 -24.77297,-11.12308 -21.68606,-2.70885 -40.52043,-3.47087 -59.97873,-2.42669 -30.30495,1.62624 -45.80565,3.90072 -57.87305,8.49195 -12.93765,4.92233 -13.72457,9.24595 -2.20612,12.12112 14.8365,3.70341 27.9238,5.5435 46.63787,6.55735 7.69501,0.41688 8.71085,0.64124 8.71085,1.9239 0,1.31908 -0.79728,1.45141 -8.71085,1.44575 -18.3849,-0.0131 -45.7196,-4.00364 -54.57876,-7.96772 -4.60384,-2.06003 -7.3927,-5.1511 -7.3927,-8.19385 0,-2.73244 6.4961,-7.95169 13.03277,-10.4711 11.15099,-4.29789 33.2933,-8.66996 53.66743,-10.59682 14.22729,-1.34552 38.33118,-1.5563 50.34697,-0.44024 z"
        style="fill:#800000"
-       inkscape:connector-curvature="0" />
+       inkscape:connector-curvature="0"
+       inkscape:export-filename="/home/jd/Projetos/CupCo.de/img/cupcode.png"
+       inkscape:export-xdpi="150"
+       inkscape:export-ydpi="150" />
     <path
        id="path3864"
        d="m 245.07871,213.31675 c -19.0848,-2.30282 -43.58463,-15.40386 -54.61755,-29.20619 -8.20176,-10.2605 -15.62713,-25.19399 -13.68861,-27.52976 67.08848,84.97796 98.88668,7.90708 166.48502,-7.66092 0.92764,2.41739 -4.16308,15.83894 -9.38801,24.75125 -9.24361,15.76708 -21.43772,25.85899 -40.31926,33.36843 -16.26154,6.46743 -31.037,8.38089 -48.47159,6.27719 z"
        style="fill:#80000d"
        inkscape:connector-curvature="0"
-       sodipodi:nodetypes="ssccsss" />
+       sodipodi:nodetypes="ssccsss"
+       inkscape:export-filename="/home/jd/Projetos/CupCo.de/img/cupcode.png"
+       inkscape:export-xdpi="150"
+       inkscape:export-ydpi="150" />
     <text
        xml:space="preserve"
        style="font-size:40px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:-2.6400001px;word-spacing:0px;fill:#800000;fill-opacity:1;stroke:none;font-family:Sans"
        x="169.25748"
        y="254.01414"
        id="text3886"
-       sodipodi:linespacing="125%"><tspan
+       sodipodi:linespacing="125%"
+       inkscape:export-xdpi="150"
+       inkscape:export-ydpi="150"
+       inkscape:export-filename="/home/jd/Projetos/CupCo.de/img/cupcode.png"><tspan
          sodipodi:role="line"
          id="tspan3888"
          x="169.25748"
Added
New image
-/* =============================================================================
-   HTML5 Boilerplate CSS: h5bp.com/css
-   ========================================================================== */
-
-article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
-audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
-audio:not([controls]) { display: none; }
-[hidden] { display: none; }
-
-html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
-html, button, input, select, textarea { font-family: sans-serif; color: #222; }
-body { margin: 0; font-size: 1em; line-height: 1.4; }
-
-::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
-::selection { background: #fe57a1; color: #fff; text-shadow: none; }
-
-a { color: #00e; }
-a:visited { color: #551a8b; }
-a:hover { color: #06e; }
-a:focus { outline: thin dotted; }
-a:hover, a:active { outline: 0; }
-
-abbr[title] { border-bottom: 1px dotted; }
-b, strong { font-weight: bold; }
-blockquote { margin: 1em 40px; }
-dfn { font-style: italic; }
-hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
-ins { background: #ff9; color: #000; text-decoration: none; }
-mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
-pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
-pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
-q { quotes: none; }
-q:before, q:after { content: ""; content: none; }
-small { font-size: 85%; }
-
-sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
-sup { top: -0.5em; }
-sub { bottom: -0.25em; }
-
-ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
-dd { margin: 0 0 0 40px; }
-nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
-
-img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
-
-svg:not(:root) { overflow: hidden; }
-
-figure { margin: 0; }
-
-form { margin: 0; }
-fieldset { border: 0; margin: 0; padding: 0; }
-label { cursor: pointer; }
-legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
-button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
-button, input { line-height: normal; }
-button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
-button[disabled], input[disabled] { cursor: default; }
-input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
-input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
-input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
-button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
-textarea { overflow: auto; vertical-align: top; resize: vertical; }
-input:valid, textarea:valid {  }
-input:invalid, textarea:invalid { background-color: #f0dddd; }
-
-table { border-collapse: collapse; border-spacing: 0; }
-td { vertical-align: top; }
-
-.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
-
-
-
-/* ===== Primary Styles ========================================================
-   Author:
-   ========================================================================== */
-
-
-
-
-
-
-
-
-
+h1,h2,h3 {
+  margin:0;
+  font-family: 'Courgette', cursive;
+  color: #80000D;
+}
+body {
+  font-family: 'Droid Sans', sans-serif;
+  background:url("http://www.bellissimocoffee.com.au/homepage_images/photo06.jpg") no-repeat center;
+}
+p {font-size:0.9em;}
+#main {
+  box-shadow: 0 0 20px 1px #000;
+  position: relative;
+  margin-top:150px;
+  max-height: 500px;
+  overflow: hidden;
+  background:rgba(255,244,219,0.9);
+}
+.subtitle{
+  color:#2E0403;
+  font-family: 'Courgette', cursive;
+}
+#main .sub-section {
 
-
-/* =============================================================================
-   Media Queries
-   ========================================================================== */
+  width:30%;
+  position:fixed;
+  left:10px;
+  top 50px;
+  float:left;
+}
+#main .content {
+  border-left:1px solid #CEC0A6;
+  float:right;
+  padding:5px;
+  overflow: hidden;
+  width:68%;
+}
+.logo {margin-top:150px;text-align: center;}
+#navbar {
+  position:absolute;
+  right: 10px;
+  top:100px;
+}
+#navbar li {
+  display: inline;
+}
+#navbar li a {
+  border-radius: 10px 10px 0 0;
+  color:white;
+  margin-left: 5px;
+  float:left;
+  padding:15px 15px 0 15px ;
 
-@media only screen and (min-width: 35em) {
-	/* Style adjustments for viewports that meet the condition */
 }
-
-/* =============================================================================
-   Non-Semantic Helper Classes
-   ========================================================================== */
+#navbar li a:hover {
+  background:rgba(255,244,219,0.8);
+  color:#80000D;
+}
+.small{
+  font-size: 0.7em;
+}
+.logo-color {
+  font-weight: bold;
+  color:#80000D;
+}
+div.page {
+  float:left;
+  height:600px;
+  width:100%;
+}
+#footer {
+  color:white;
+  text-align: center;
+  font-size: 0.9em;
+}
+.ativado {
+  background:#80000D;
+}
+/* foooooorms */
 
-.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
-.ir br { display: none; }
-.hidden { display: none !important; visibility: hidden; }
-.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
-.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
-.invisible { visibility: hidden; }
-.clearfix:before, .clearfix:after { content: ""; display: table; }
-.clearfix:after { clear: both; }
-.clearfix { *zoom: 1; }
-
-/* =============================================================================
-   Print Styles
-   ========================================================================== */
- 
-@media print {
-  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
-  a, a:visited { text-decoration: underline; }
-  a[href]:after { content: " (" attr(href) ")"; }
-  abbr[title]:after { content: " (" attr(title) ")"; }
-  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
-  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
-  thead { display: table-header-group; } /* h5bp.com/t */
-  tr, img { page-break-inside: avoid; }
-  img { max-width: 100% !important; }
-  @page { margin: 0.5cm; }
-  p, h2, h3 { orphans: 3; widows: 3; }
-  h2, h3 { page-break-after: avoid; }
+fieldset {
+  border:none;
+}
+input {
+  background: #D8CAAC;
+  border: none;
+  color:#80000D;
+  width:250px;
+  border-radius: 5px;
+  padding:10px;
+}
+label {
+  color:#80000D;
+  width: 100%;
+  display:block;
 }
+textarea {
+  border:none;
+  float:left;
+  background:url("../img/bg-text.png") no-repeat bottom left #D8CAAC;
+  width:300px;
+  padding: 10px;
+  height:100px;
+}
+.cb {clear: both;}
+
+input.btn:hover{
+  background:#91745E;
+  color:white;
+}
 	<title>
 		Cup Code - Code for coffe lovers ;)
 	</title>
-	<link type='text/css' rel='stylesheet' media='screen' href='css/estyle.css' />
-	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
+	<meta charset="utf-8">
+	<link href='http://fonts.googleapis.com/css?family=Courgette' rel='stylesheet' type='text/css'>
+	<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
+	<link type='text/css' rel='stylesheet' media='screen' href='css/style.css' />
+	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
 	<script type='text/javascript' charset='utf-8' src='js/main.js' ></script>
 </head>
 <body>
-	<div id="main">
-		<ul id='navbar'>
+	<ul id='navbar'>
 			<li>
-				<a href="#home">Home</a>
+				<a href="#home" class='scroll'>Home</a>
 			</li>
 			<li>
-				<a href="#aboutus">About Us</a>
+				<a href="#aboutus" class='scroll'>About Us</a>
 			</li>
 			<li>
-				<a href="#wwdsf"><acronym title="What We Did So Far">WWDSF</acronym></a>
+				<a href="#wwdsf" class='scroll'><acronym title="What We Did So Far">WWDSF</acronym></a>
 			</li>
 			<li>
-				<a href="#contact">Contact</a>
+				<a href="#contact" class='scroll'>Contact</a>
 			</li>
 			<li>
-				<a href="#stuff">Stuff</a>
+				<a href="#stuff" class='scroll'>Stuff</a>
 			</li>
 		</ul>
+	<div id="main">
+		
 		<div class="sub-section">
-			<a href='#' >
-				<img src="img/cupcode.png" alt="Cupcode Logo" />
-			</a>
-			<span class="subtitle">
-				Code for coffee lovers, and vice versa <span class='logo-color'> ;)</span>
-			</span>
+			<div class='logo'>
+				<a href='#' >
+					<img  src="img/cupcode.png" alt="Cupcode Logo" />
+				</a>
+				<p class="subtitle">
+					Code for coffee lovers, and vice versa <span class='logo-color'> ;)</span>
+				</p>
+			</div>
 		</div>
 		<div class="content">
 
-			<div id="home">
+			<div class='page' id="home">
 				<h1>Home sweet home..</h1>
-				<p>
-					Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-					quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-					consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-					cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-					proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-				</p>
+				<div class='slideshow'>
+					<p>
+						
+					</p>
+				</div>
+				
 			</div>
-			<div id="aboutus">
+			<div class='page' id="aboutus">
 				<h1>About us</h1>
 				<p>
-					Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-					quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-					consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-					cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-					proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+					Cupcode started with a idea, a really simple one. That programming should be like drinking coffee, it's supposed to be fun, delightful and delicious. Here at Cupcode we take coding to the next level, here we don't coding for a living, we live for coding.
 				</p>
+				<p>
+					Do you like coffee? we do! Here at Cupcode we are very seriously about coding and coffee, we like them both good and smooth <span class='logo-color'>;)</span> here are some rules we follow:
+				</p>
+				<ul>
+					<li>Sleep is for the weak</li>
+					<li>Coffee is meant to be drink without sugar...</li>
+					<li>What can't be done with python, can't be done.</li>
+					<li>We use the top level technologies available nowadays, yeah, in our machine coffees too!</li>
+					<li>We are located in Brazil, it's really hot in here</li>
+					<li>We like beer <span class="small logo-color">see why in the text above.</span></li>
+					<li>All our staff were trained in high end facilities here in Brazil<span class="small logo-color">by smart monkeys</span></li>
+				</ul>
+				<h2>What we do?</h2>
+					<p>
+						Simple answer, we CODE! and offcorse, we drink a LOT of coffee in the
+						process <span class='logo-color'> ;)</span>
+					</p>
+
 			</div>
-			<div id="wwdsf">
+			<div class='page' id="wwdsf">
 				<h1>What we did so far..</h1>
 				<p>
 					Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 					proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 				</p>
 			</div>
-			<div id="contact">
+			<div class='page' id="contact">
 				<h1>What's up?</h1>
 				<p>
 					Have something to say? Please send us a message! 
 					<span class='logo-color'> :)</span>
 				</p>
-				<form method='post' action='#'>
+				<form method='post' action='#' class="form form-horizontal">
 					<fieldset>
 						<legend>Tell me about it..</legend>
 						<label for='name'>Name</label>
-						<input id="name" name="name" />
+						<input id="name" name="name" type='text'/>
 
 						<label for='email'>E-mail</label>
 						<input id="email" name="email" type="email" />
 
 						<label for='subject'>Subject</label>
-						<input id="subject" name="subject" />
+						<input id="subject" name="subject" type='text' />
 
 						<label for='msg'>Put it out...</label>
 						<textarea id='msg' name='msg'></textarea>
+						<div class='cb'>
+							<input type='submit' class='btn ' value='Send' />
+							<input type='submit' class='btn ' value='Cancel =/' />
+						</div>
 					</fieldset>
 				</form>
 			</div>
-			<div id="stuff">
-				<h1>Bored? Me too!</h1>
+			<div class='page' id="stuff">
+				<h1>Bored? Not us!</h1>
 				<p>
-					Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-					quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-					consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-					cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-					proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+					Here at Cupcode we never get bored! 
 				</p>
 			</div>
 
+$(document).ready(function(){
+	$(".scroll").click(function(event){
+		$('.scroll').removeClass('ativado');
+		$(this).addClass('ativado');
+		event.preventDefault();
+		$('div.page').hide();
+		var h = $(this).attr('href');
+		$(h).fadeIn();
+	});
+});
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.