Skip to content

Instantly share code, notes, and snippets.

@vivianedias

vivianedias/XJKQao.markdown

Created December 21, 2014 20:34
Show Gist options
  • Save vivianedias/94cac79938b772c9932e to your computer and use it in GitHub Desktop.
Save vivianedias/94cac79938b772c9932e to your computer and use it in GitHub Desktop.
Download ZIP
XJKQao
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css"/>
<script src='script.js'></script>
</head>
<body>
<div id="header"></div><div id="container"></div>
<div class="first-div"></div>
<div class="second-div"></div>
<div class="third-div"></div>
<div class="fourth-div"></div>
<div class="fifth-div"></div>
<div id="footer"></div>
</body>
</html>
Raw
style.css
body{
background-image:url("http://i.imgur.com/tpEsSqc.png");
background-repeat: no-repeat;
background-size: 753px 471px;
}
#header{
}
.first-div{
float:left;
height:214px;
width:145px;
border:1px solid #a75978;
margin-left:51px;
margin-top:41px;
display:inline-block;
}
.second-div{
float:left;
height:140px;
width:145px;
border: 1px solid #a75978;
margin-left:12px;
display:inline-block;
}
.third-div{
height: 372px;
width: 145px;
border: 1px solid #a75978;
display: inline-block;
margin-left:13px;
margin-top:40px;
}
.fourth-div{
width:145px;
height:260px;
border: 1px solid #a75978;
display:inline-block;
margin-left:12px;
}
.fifth-div{
height:121px;
width:145px;
border: 1px solid #a75978;
display:inline-block;
margin-left:12px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment