grid_practice/landing.html at master · tslsummer13/grid_practice · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<html>
<head>
  <title>My new landing page</title>
  <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
  <h1>This is my awesome product (height: 200px)</h1>

  <h3>What Does It Do (33%)</h3>
  <p>This is what it does. Intrigued yet?</p>
  <a class="button" href="#">Learn More</a>

  <h3>FAQ (33%)</h3>
  <p>You've got questions. We've got answers.</p>
  <a class="button" href="#">Go to the FAQ</a>

  <h3>Purchase Now (33%)</h3>
  <p>Convinced?</p>
  <a class="button" href="#">Buy Now</a>

  <h3>Description (33%)</h3>
  <p>In this screenshot, you see how easy it is to do awesome stuff with our product.</p>
  <img src="screenshot_2.png">

  <img src="screenshot_1.png">
  <h3>Description of screenshot (33%)</h3>
  <p>If you aren't convinced by this screenshot, you'll never be.</p>

  <h3>Testimonial (25%)</h3>
  <p>This product changed my life!</p>

  <h3>Testimonial (25%)</h3>
  <p>Best thing since sliced bread.</p>

  <h3>Testimonial (25%)</h3>
  <p>It's kinda of "meh."</p>

  <footer>&#169; Our Awesome Company 2013</footer>
</body>
</html>