Skip to content

Instantly share code, notes, and snippets.

@RGamberini

RGamberini/index.html

Created November 26, 2016 23:57
Show Gist options
  • Save RGamberini/ed3ef84d49d0544e78ea0f00c788fc2e to your computer and use it in GitHub Desktop.
Save RGamberini/ed3ef84d49d0544e78ea0f00c788fc2e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!doctype html>
<html>
<head>
<style>
html, body {
margin: 0px;
height: 100%;
width: 100%;
}
.header {
width: 100%;
background-color: #333333;
text-align: center;
}
.headerButton {
padding: 1%;
background-color: BLACK;
color: WHITE;
font-size: 25px;
}
.backgroundImage {
position: fixed;
background-image: url(background.jpg);
background-size: cover;
height: inherit;
width: inherit;
}
.socialMediaTable {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-spacing: 5vw 5vh;
}
.socialMediaIcon {
width: 100%;
max-width: 200px;
}
.content {
}
</style>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div class="backgroundImage">
<div class="header">
<button class="headerButton">
WORK
</button>
<button class="headerButton">
STATEMENT
</button>
<button class="headerButton">
CONTACT
</button>
</div>
<div id="contact" class="content">
<table class="socialMediaTable">
<tr>
<td><a href=""><img class="socialMediaIcon" src="youtube.png"/></a></td>
<td><a href=""><img class="socialMediaIcon" src="email.png"/></a></td>
</tr>
<tr>
<td><a href=""><img class="socialMediaIcon" src="facebook.png"/></a></td>
<td><a href=""><img class="socialMediaIcon" src="instagram.png"/></a></td>
</tr>
</table>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment