<!DOCTYPE html>
<html>
<head>
	<link rel='stylesheet' href='style.css'/>
	<script src='script.js'></script>
</head>
<body>
<div class="image"></div>
<div class="contentarea">
<h1>Timor Tsentsiper</h1>
<p> <a href="mailto:timor@codecademy.com">timor@codecademy.com</a></p>
<p>I'm timor i love to code all day errday!<br>Learn <a href="http://www.codecademy.com/tracks/ruby">Ruby</a> with me.</p>
    </div>
</body>
</html>
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

body {
    font-family:'Open Sans', helvetica, sanserif;
    background-color:#efefef;
    font-weight:300;
    background: url("https://dl.dropboxusercontent.com/u/18415626/timor.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    overflow: hidden;
    font-size:100%;
    line-height:1.25em;
}

h1 {
    font-weight:300;
    margin-bottom: -8px;
    margin-top: 0;
    padding: 0;
    font-size:1.25em;
}

p, p:link {
    margin-bottom: 0;
    font-size:.75em;
}

.contentarea {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 3%;
    opacity:.9;
    color:white;
    text-align:center;
    margin: 0;
    /* select a color by rearranging which row is lowest */
    background-color:#333;
    
    background-color:#f65a5b;
    background-color:#204056; 
    background-color:#61e5c6; 
}

a {
    color:white;
    text-decoration:none;
    opacity: .7;
    font-weight:300;
}

@media screen and (min-width:600px) {
    
    .contentarea {
        top: 30%;
        right: 5%;
        left: 65%;
        bottom: auto;
    }
    
    h1 { 
        font-size: 1.6em;
        padding-bottom:5px;
    }
    
    a, p {
        font-size: .9em;
    }
}
Created from scratch
1 fork
234 views

Browse more Codebits