-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
81 lines (74 loc) · 4.07 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="The perfect personal assistant. Relaxr does your job for you so you can enjoy life as it is meant to be.">
<title>Relaxr Blog</title>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,300,600,800' rel='stylesheet' type='text/css'>
<!-- external CSS link -->
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="javascript/jquery.js" type="text/javascript"></script>
</head>
<body>
<header>
<div class="container">
<h1 class="logo">Relaxr</h1>
<nav>
<ul>
<li><a href="#">About</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Blog</a></li>
</ul>
</nav>
</div>
</header>
<section id="main">
<div class="container">
<section id="posts">
<article class="post">
<h2><a href="#">How I implemented Relaxr in 2 weeks and changed my life.</a></h2>
<img src="images/blog_photo1.jpg" alt="Crew Meet">
<p>Lorem 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 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.</p>
<p class="readmore"><a href="#">Read more ></a></p>
<p class="hide1" >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.</p>
<p class="readless hide1"><a href="#">Read less ></a></p>
</article>
<article class="post">
<h2><a href="#">I traveled across the globe thanks to Relaxr’s Excel auomation</a></h2>
<img src="images/blog_photo2.jpg" alt="Canoes">
<p>Lorem 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 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.</p>
</article>
</section><!--
--><aside id="sidebar">
<h3>Categories</h3>
<ul>
<li><a href="#">Success stories</a></li>
<li><a href="#">Stats</a></li>
<li><a href="#">How tos</a></li>
<li><a href="#">Best of</a></li>
<li><a href="#">Business tips</a></li>
</ul>
<h3>About Relaxr</h3>
<p>Proin sed justo vel sapien varius auctor. Proin scelerisque massa at luctus tincidunt. Fusce porttitor, sapien sed tincidunt fringilla.<br>
<a href="#" class="learnmore">Learn More</a> <span class="hide2" id="learnmoretext">Here is some more text about this fun thing!</p>
<img src="images/ad-unit.png" alt="Ad Unit">
</aside>
</div>
</section>
<aside id="bottom-cta">
<a class="button blue" href="#">Sign Up Now!</a>
</aside>
<footer>
<h4 class="logo">Relaxr</h4>
<ul>
<li><a href="#"><img src="images/twitter.png" alt="Twitter logo"></a></li>
<li><a href="#"><img src="images/facebook.png" alt="Facebook logo"></a></li>
</ul>
<p class="copyright">Copyright 2015. Relaxr.</p>
</footer>
</body>
</html>