-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog.html
129 lines (120 loc) · 5.49 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
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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Dynamo Template</title>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<header>
<div class="wrap wider">
<div class="grid">
<div class="unit half">
<h1 class="logo">Dynamo Theme</h1>
<p class="tagline">Another Wordpress Theme</p>
</div>
<div class="unit half">
<div class="header_r">
<form class="search">
<input type="text" name="s" placeholder="Search...">
</form>
</div>
</div>
</div>
</div>
</header>
<nav class="main-nav">
<div class="wrap wider">
<div class="grid">
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="blog.html">Blog</a>
</li>
</ul>
</div>
</div>
</nav>
<section class="bar">
<div class="wrap wider">
<div class="grid">
<h1>Blog</h1>
</div>
</div>
</section>
<section>
<!-- Blog Posts Section -->
<div class="wrap wider">
<div class="grid">
<div class="post-wrap">
<!-- border around all posts -->
<article class="post">
<div class="unit one-third">
<img src="img/post1.jpg">
</div>
<div class="unit two-thirds">
<h3>Post One Heading</h3>
<div class="meta">
Posted on Mat 7, 2018, by Admin
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore labore
tenetur quam dignissimos exercitationem magni nihil natus ratione veritatis,
quas at ut nemo fugiat provident eius nisi perspiciatis qui quae rem eveniet
atque! Ipsum perspiciatis, accusamus veritatis atque eaque rerum!</p>
<a href="single.html" class="button">Read More</a>
</div>
</article>
<article class="post">
<div class="unit one-third">
<img src="img/post2.jpg">
</div>
<div class="unit two-thirds">
<h3>Post Two Heading</h3>
<div class="meta">
Posted on Mat 7, 2018, by Admin
</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim laudantium
sequi illo expedita natus! Natus fuga fugit magni necessitatibus doloremque
temporibus, eos veniam quae odit facilis! Quasi nesciunt quibusdam quisquam
nostrum non, numquam minus perspiciatis eius vitae hic, nam deserunt?</p>
<a href="single.html" class="button">Read More</a>
</div>
</article>
<article class="post">
<div class="unit one-third">
<img src="img/post3.jpg">
</div>
<div class="unit two-thirds">
<h3>Post Three Heading</h3>
<div class="meta">
Posted on Mat 7, 2018, by Admin
</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum consectetur
error dolorem veritatis voluptates accusamus aspernatur hic doloremque commodi
neque dolore suscipit in, minima amet sequi voluptatem debitis esse. Dolorem
repudiandae reprehenderit cumque similique quis culpa quidem a dolore incidunt.</p>
<a href="single.html" class="button">Read More</a>
</div>
</article>
</div>
<!-- post-wrap -->
</div>
<!-- grid -->
</div>
<!-- wrap wider -->
</section>
<!-- Blog Posts Section -->
<footer>
<p>Copyright © 2018 - Dynamo Theme</p>
</footer>
<script src="js/jquery-1.12.4.min.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/unslider-min.js"></script>
</body>
</html>