Skip to content

Instantly share code, notes, and snippets.

@dannyoceanxo

dannyoceanxo/page.html

Created March 19, 2017 23:33
Show Gist options
  • Save dannyoceanxo/9eb6cee2e20bc6043e42706ca03a64c8 to your computer and use it in GitHub Desktop.
Save dannyoceanxo/9eb6cee2e20bc6043e42706ca03a64c8 to your computer and use it in GitHub Desktop.
Download ZIP
Re create website
Raw
page.html
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<title>Portfolio</title>
<link rel="stylesheet" href="/screen.css">
</head>
<body>
<header>
<div class="header-content">
<img src="http://placehold.it/250x250">
<div class="chat-bubble">
<h1>Hi, I'm Danny Shenker</h1>
<p>I'm a Jr. Front End Developer living on the Moon</p>
</div>
</div>
</header>
<div class="container">
I'm the container text
<section>
<div class="row">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
</div>
<div class="row">
<div class=""
</div>
<div class="row">
</div>
</section>
</div>
<footer>
</footer>
</body>
</html>
Raw
styles.css
header{
background: url('images/starscape.jpg');
/*background-size: 80px 60px;*/
background-repeat: no-repeat;
background-size:cover;
height:500px;
display: flex;
}
header .header-content{
border: 5px solid black;
margin: auto;
}
.container{
height:500px;
}
.container section .row .item{
background: tomato;
padding: 5px;
width: 200px;
height: 150px;
margin-top: 10px;
line-height: 150px;
color: white;
font-weight: bold;
font-size: 3em;
text-align: center;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment