-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog.html
62 lines (60 loc) · 3.77 KB
/
blog.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
<!DOCTYPE html>
<html>
<head>
<title>My Blog</title>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/main.css" />
</head>
<body class="green wrapper">
<h1 class="page-header"><img src="images/left_arrow.png" /><span class="headerContent">Blog</span></h1>
<img src="images/home.png" alt="menu" class="home_btn profile-links" />
<div class="main_container">
<div class="page_intro">
<h1 class="headerContent mobile">Blog</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim . <span class="moreIntro hidden">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non.</span> <span class="moreLink">more..</span>
</div>
<div class="blogList">
<iframe src="http://player.vimeo.com/video/87701971" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<div class="blogDetails">
<h2>YOSEMITE FOR THE WIN!</h2>
<p class="blogInfo"><img src="images/cal_icon.png" /> November 12, 2013 / <img src="images/author_icon.png" /> Billy Jean / <img src="images/tags.png" /> Video, OS, High Definition / <img src="images/comments.png" /> 4 comments</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
</p>
<p class="readMore"><a href="#">Read more</a></p>
</div>
<div class="blogList">
<img src="images/be_my_guest.jpg" class="blogGallery" />
</div>
<div class="blogDetails">
<h2>CHECK THIS GADGET OUT</h2>
<p class="blogInfo"><img src="images/cal_icon.png" /> September 26, 2013 / <img src="images/author_icon.png" /> Joe Dirt / <img src="images/tags.png" /> Gallery, OS, Hi-Tech / <img src="images/comments.png" /> 13 comments</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
</p>
<p class="readMore"><a href="#">Read more</a></p>
</div>
<div class="blogList">
<img src="images/flippin-the-bird.jpg" class="blogGallery" />
</div>
<div class="blogDetails">
<h2>WE FLY IN STYLE</h2>
<p class="blogInfo"><img src="images/cal_icon.png" /> July 3, 2013 / <img src="images/author_icon.png" /> Mr. T / <img src="images/tags.png" /> Gallery, Fly High, Prrr / <img src="images/comments.png" /> 4 comments</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
</p>
<p class="readMore"><a href="#">Read more</a></p>
<div class="olderPosts"><a href="#" class="olderPostsLink"><-- Older posts</a></div>
</div>
</div>
<script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript"></script>
</body>
</html>