nsmaciej · December 2, 2015 20:25
diff --git a/index.html b/index.html
 <!doctype html>
 <html>
 <head>
 <style>
    .nav {
        font-size: %50;
    }
    
    .heading {
        font-size: 40px;
        font-weight: bold;
    }
    
    .button {
        background-color: blue;
        border-radius: 20px;
        display: inline-block;
        font-weight: bold;
        padding: 10px;
    }
    
    .button-small {
        border: 2px solid white;
        border-radius: 20px;
        display: inline-block;
        font-weight: bold;
        padding: 10px;
    }
    
    
    .left {
        float: left;
    }
    
    .right {
        float: right;
        width: 300px;
    }
    
    html {
        width: 100%;
    }
    
    a {
        color: white; /* Added after preview */
        text-decoration: none;  /* Added after preview  */
    }
    
    body {
        padding: 0;
        margin: 0;
        background-image: url('https://src.responsive.io/w=2000/https://tictail.com/cms/wp-content/uploads/2015/05/Tictail_Header._3.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%; /* Added after preview */
        width: 100%;
        font-family: Helvetica;
        color: white;
    }
    
    main {
        margin: 20px auto;
        width: 800px;
        clear: both;
    }
    
    main p {
        margin-bottom: 20px;
    }
    
    .nav {
        width: 100%;
    }
    .nav-links {
        float: right;
    }
    .nav-links span {
        display: inline-block;
        margin-right: 10px;
    }
    .nav-links span:first-child {
        background-color: white;
        border-radius: 5px;
        color: black;
    }
    
    .small-heading {
        font-size: 150%;
    }
 </style>
 </head>
 <body>
    <div class="nav">
        <span class="small-heading">Tictail</span>
        <div class="nav-links">
            <span>Sign up</span>
            <span>Login</span>
            <span>Menu</span>
        </div>
    </div>
    <main>
    <div classs="left">
        <h1 class="heading">This is where it begins</h1>
        <p>When you start your online store, tell your story and leave a mark. Where you discover and shop products you can't find anywhere
        else and help brands that are going places keep going.</p>
        
        <p>This is Tictail. Where it begins</p>
        <a href="#" class="button">Start your free online store</a>
        <a href="#" class="button-small">Go shopping</a>
    </div>
    </main>
 </body>
 </html>
	<!doctype html>
	<html>
	<head>
	<style>
	.nav {
	font-size: %50;
	}

	.heading {
	font-size: 40px;
	font-weight: bold;
	}

	.button {
	background-color: blue;
	border-radius: 20px;
	display: inline-block;
	font-weight: bold;
	padding: 10px;
	}

	.button-small {
	border: 2px solid white;
	border-radius: 20px;
	display: inline-block;
	font-weight: bold;
	padding: 10px;
	}


	.left {
	float: left;
	}

	.right {
	float: right;
	width: 300px;
	}

	html {
	width: 100%;
	}

	a {
	color: white; /* Added after preview */
	text-decoration: none; /* Added after preview */
	}

	body {
	padding: 0;
	margin: 0;
	background-image: url('https://src.responsive.io/w=2000/https://tictail.com/cms/wp-content/uploads/2015/05/Tictail_Header._3.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%; /* Added after preview */
	width: 100%;
	font-family: Helvetica;
	color: white;
	}

	main {
	margin: 20px auto;
	width: 800px;
	clear: both;
	}

	main p {
	margin-bottom: 20px;
	}

	.nav {
	width: 100%;
	}
	.nav-links {
	float: right;
	}
	.nav-links span {
	display: inline-block;
	margin-right: 10px;
	}
	.nav-links span:first-child {
	background-color: white;
	border-radius: 5px;
	color: black;
	}

	.small-heading {
	font-size: 150%;
	}
	</style>
	</head>
	<body>
	<div class="nav">
	<span class="small-heading">Tictail</span>
	<div class="nav-links">
	<span>Sign up</span>
	<span>Login</span>
	<span>Menu</span>
	</div>
	</div>
	<main>
	<div classs="left">
	<h1 class="heading">This is where it begins</h1>
	<p>When you start your online store, tell your story and leave a mark. Where you discover and shop products you can't find anywhere
	else and help brands that are going places keep going.</p>

	<p>This is Tictail. Where it begins</p>
	<a href="#" class="button">Start your free online store</a>
	<a href="#" class="button-small">Go shopping</a>
	</div>
	</main>
	</body>
	</html>