-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
102 lines (82 loc) · 3.67 KB
/
index.html
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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="Relaxr">
<meta name="keywords" content="HTML, CSS">
<title>Relaxr</title>
<!-- external CSS link -->
<link rel="stylesheet" href="css/reset.css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,600,800' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="container">
<header>
<h1>Relaxr</h1>
<nav>
<ul>
<div class="topNav">
<li><a href="#about">About</a></li>
<li><a href="#FAQ">FAQ</a></li>
<li><a href="#Team">Team</a></li>
<li><a href="#ContactUs">Contact Us</a></li>
<li><a href="#Blog">Blog</a></li>
</ul>
</nav>
</header>
<main>
<H2>How I implemented Relaxr in 2 weeks and changed my life.</h2>
<img src="images/blog_photo1.jpg" class="blogPhoto1" alt="Rowing Crew">
<article>
<span class="firstcharacter">L</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Fusce varius augue nec metus viverra interdum. Sed in gravida lectus. Pellentesque habitant morbi tristique senectus et netu et malesuada fames ac ac turpis egestas. Mauris ut vulputate nisl. Maecenas quis auctor dui. Ut porta aliquam lorem, at volutpat orci commodo a. Suspendisse nunc orci, porttitor ac sapien a, rutrum porttitor odio. Phasellus faucibus tristique orci eget dictum. Proin tincidunt vehicula leo sed mattis. Nunc faucibus augue a pellentesque tristique. Proin suscipit in dui ut convallis.
</article>
<a href="#" class="readMore">Read More</a>
<h2>I traveled across the globe thanks to Relaxr's Excel automation.</h2>
<img src="images/blog_photo2.jpg" class="blogPhoto2" alt="Boats on the water">
<article>
<span class="firstcharacter">L</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Fusce varius augue nec metus viverra interdum. Sed in gravida lectus. Pellentesque habitant morbi tristique senectus et netu et malesuada fames ac ac turpis egestas. Mauris ut vulputate nisl. Maecenas quis auctor dui. Ut porta aliquam lorem, at volutpat orci commodo a. Suspendisse nunc orci, porttitor ac sapien a, rutrum porttitor odio. Phasellus faucibus tristique orci eget dictum. Proin tincidunt vehicula leo sed mattis. Nunc faucibus augue a pellentesque tristique. Proin suscipit in dui ut convallis.
<a href="#" class="readMore">Read More</a>
</article>
</main>
<aside>
<div class="categories">
<h3>Categories</h3>
<div class="categories">
<ul>
<nav>
<li><a href="#successStories">Success stories</a></li>
<li><a href="#Stats">Stats</a></li>
<li><a href="#howTos">How tos</a></li>
<li><a href="#bestOf">Best of</a></li>
<li><a href="#businessTips">Business tips</a></li>
</nav>
</ul>
</div>
</div>
<div class="navRight">
<h3>About Relaxr</h3>
<div class="aboutRelaxr">
<p>Proin sed justo vel sapien varius auctor. Proin scelerisque massa at luctus tincidunt. Fusce porttitor, sapien sed tincidunt fringilla.</p>
</div>
<a href="learnMore">Learn More></a>
</div>
</aside>
<img class="ad" src="images/ad-unit.png" alt="ad">
<div class="button">
<button class"signUpNow">Sign Up Now!</button>
</div>
<footer>
<div class="Footer">
Relaxr
</div>
<img class="alignright Facebook" src="images/facebook.png" alt="Facebook">
<img class="alignright" src="images/twitter.png" alt="Twitter">
</div>
<div class="copyright clear">
© 2015. Relaxr.
</div>
</footer>
</div><!-- #container -->
</body>
</html>