Skip to content
This repository has been archived by the owner on Sep 13, 2018. It is now read-only.

Commit

Permalink
Browse files Browse the repository at this point in the history
correcting colours
improve test

add hero

add comment
  • Loading branch information
billyroh committed Jul 21, 2015
1 parent 1474edd commit c4a187b
Show file tree
Hide file tree
Showing 3 changed files with 14 additions and 22 deletions.
16 changes: 0 additions & 16 deletions images/hamburger.svg

This file was deleted.

File renamed without changes
20 changes: 14 additions & 6 deletions index.html
Expand Up @@ -7,45 +7,53 @@
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.2/normalize.min.css" />
<style type="text/css">
body {
font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, sans-serif;
font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
font-family: 'Chronicle SSm A', 'Chronicle SSm B', Georgia, serif;
font-family: 'Chronicle SSm A', 'Chronicle SSm B', Georgia, serif;
font-weight: 500;
}

section.purple-100 {
background-color: hsla(270, 69%, 70%, 1.0);
background-color: hsla(271, 73%, 66%, 1.0);
}

section.purple-75 {
background-color: hsla(270, 69%, 70%, 0.75);
background-color: hsla(271, 73%, 66%, 0.75);
}

section.purple-50 {
background-color: hsla(270, 69%, 70%, 0.5);
background-color: hsla(271, 73%, 66%, 0.5);
}

section.purple-25 {
background-color: hsla(270, 69%, 70%, 0.25);
background-color: hsla(271, 73%, 66%, 0.25);
}
</style>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<header>
<nav class="container">
<!-- This is the svg for the hamburger button. -->
<svg width="19px" height="18px" viewBox="0 0 19 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<rect class="hamburger" fill="#fff" x="0" y="0" width="19" height="2"></rect>
<rect class="hamburger" fill="#fff" x="0" y="8" width="19" height="2"></rect>
<rect class="hamburger" fill="#fff" x="0" y="16" width="19" height="2"></rect>
</svg>
<h4>Bark.io</h4>
<button>Sign Up</button>
</nav>
</header>

<section class="purple-100">
<div class="container">
<img src="images/logo.svg">
<h1>Bark.io</h1>
<h2>The simplest way to find adoptable dogs around you.</h2>
<p><button>Sign Up</button></p>
<img src="images/hero.png">
</div>
</section>

Expand Down

0 comments on commit c4a187b

Please sign in to comment.