Skip to content

Instantly share code, notes, and snippets.

@federicorudolf

federicorudolf/index.html

Created June 3, 2016 12:57
Show Gist options
  • Save federicorudolf/4d439389e0b81eb85798697a4010f4f6 to your computer and use it in GitHub Desktop.
Save federicorudolf/4d439389e0b81eb85798697a4010f4f6 to your computer and use it in GitHub Desktop.
Download ZIP
Topico 0 - HTML & CSS
Raw
index.html
<!DOCTYPE html>
<html class="no-js" lang="">
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
<title>Sign up</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=3">
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
</head>
<body>
<div class="container">
<header><br />
<h1>&lt;header&gt;</h1>
</header>
<div class="wrapper">
<nav><br /><br /><br /><br /><br /><br /><br /><br /><br />
<h1>&lt;nav&gt;</h1>
</nav>
<section>
<hgroup>
<h1>&lt;section&gt;</h1>
</hgroup>
<header><br />
&lt;header&gt;
</header>
<article><br /><br />
<p>&lt;article&gt;</p>
</article>
<footer><br />
&lt;footer&gt;
</footer>
</section>
<aside><br /><br /><br /><br /><br /><br /><br/>
<h1><pre>&lt;aside&gt;</pre></h1>
<br />
</aside>
</div>
<footer>
<br />
<h1>&lt;footer&gt;</h1>
</footer>
</div>
</body>
</html>
Raw
styles.css
{
font-family: sans-serif;
border-radius: 15px;
}
header, nav, article, footer, section {
display: block;
}
.container {
width: 600px;
height: 600px;
margin: auto;
border: 5px solid rgb(127,127,127);
background: darkgray;
}
header {
margin: 20px;
height: 80px;
border: 5px solid rgb(127,127,127);
background: rgb(195, 195, 195);
text-align: center;
}
.wrapper {
width: 560px;
height: 350px;
margin: auto;
border: 5px hidden rgb(127,127,127);
}
nav {
margin: 0px 5px 5px 0px;
float: left;
width: 100px;
height: 345px;
border: 5px solid rgb(127,127,127);
background: rgb(195, 195, 195);
}
h1, h2 {
margin: 0px;
font-size: 1.7em;
}
h2 {
font-size: 1em;
}
section {
float: left;
margin: 0px;
height: 345px;
width: 300px;
border: 5px solid rgb(127,127,127);
background: rgb(195, 195, 195);
text-align: center;
}
section header {
width: 280px;
margin: 5px;
height: 55px;
}
section footer {
width: 280px;
margin: 5px;
height: 55px;
}
article {
border: 5px solid rgb(127,127,127);
width: 280px;
height: 145px;
margin: 10px 5px;
text-align: center;
}
aside {
margin: 0px;
float: right;
width: 120px;
height: 345px;
border: 5px solid rgb(127,127,127);
background: rgb(195, 195, 195);
text-align: center;
}
footer {
width: 560px;
height: 80px;
margin: 20px;
border: 5px solid rgb(127,127,127);
background: rgb(195, 195, 195);
text-align: center;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment