-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog.html
148 lines (145 loc) · 7.3 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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE HTML>
<html>
<head>
<title>Gamez Bootstarp Website Template</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.11.0.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- Google Fonts -->
<link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700' rel='stylesheet' type='text/css'>
</head>
<body>
<!-- Header Starts Here -->
<div class="header">
<div class="container">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=""></a>
</div>
<span class="menu"></span>
<div class="navigation">
<ul class="navig cl-effect-3" >
<li><a href="index.html">Home</a></li>
<li><a href="games.html">Games</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="features.html">Features</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<div class="search-bar">
<input type="text" placeholder="search" required="" value="search"/>
<input type="submit" value="" />
</div>
<script>
$( "span.menu" ).click(function() {
$( ".navigation" ).slideToggle( "slow", function() {
// Animation complete.
});
});
</script>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
</div>
<!-- Header Ends Here -->
<!-- Games Page Starts here -->
<div class="games">
<div class="container">
<div class="page-path">
<ul class="path-list">
<li><a href="index.html">Home</a></li> /
<li class="act">Blog</li>
</ul>
<p><a href="index.html">Back to Home</a></p>
<div class="clearfix"></div>
</div>
<h3 class="page-header">
Recent Blogs
</h3>
<div class="blog-content">
<div class="blog-post">
<h3><a href="single.html">Internet tend to repeat predefined chunks as necessary</a></h3>
<div class="post-details">
<p>Posted By <a href="#">Jackie</a> On <span>15 jan, 2015</span> Comments<span>(10)</span></p>
</div>
<img src="images/blog1.jpg" alt="">
<h4>sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free</h4>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.There are many variations of passages of Lorem Ipsum available, but the majority have suffered.</p>
<nav class="cl-effect-3"><a href="single.html">More</a></nav>
</div>
<div class="blog-post">
<h3><a href="single.html">Internet tend to repeat predefined chunks as necessary</a></h3>
<div class="post-details">
<p>Posted By <a href="#">Jackie</a> On <span>15 jan, 2015</span> Comments<span>(10)</span></p>
</div>
<img src="images/blog2.jpg" alt="">
<h4>sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free</h4>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.There are many variations of passages of Lorem Ipsum available, but the majority have suffered.</p>
<nav class="cl-effect-3"><a href="single.html">More</a></nav>
</div>
<div class="blog-post">
<h3><a href="single.html">Internet tend to repeat predefined chunks as necessary</a></h3>
<div class="post-details">
<p>Posted By <a href="#">Jackie</a> On <span>15 jan, 2015</span> Comments<span>(10)</span></p>
</div>
<img src="images/blog3.jpg" alt="">
<h4>sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free</h4>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.There are many variations of passages of Lorem Ipsum available, but the majority have suffered.</p>
<nav class="cl-effect-3"><a href="single.html">More</a></nav>
</div>
</div>
<div class="blog-sidebar">
<h3 class="page-header">Catgeories</h3>
<ul class="product-categories color"><li class="cat-item cat-item-42"><a href="#">Shooting</a> <span class="count">(14)</span></li>
<li class="cat-item cat-item-60"><a href="#">Action</a> <span class="count">(2)</span></li>
<li class="cat-item cat-item-63"><a href="#">Gloves</a> <span class="count">(2)</span></li>
<li class="cat-item cat-item-54"><a href="#">Cars</a> <span class="count">(8)</span></li>
<li class="cat-item cat-item-55"><a href="#">Racing</a> <span class="count">(11)</span></li>
<li class="cat-item cat-item-64"><a href="#">Sports</a> <span class="count">(3)</span></li>
<li class="cat-item cat-item-61"><a href="#">Style</a> <span class="count">(3)</span></li>
<li class="cat-item cat-item-56"><a href="#">Bikes</a> <span class="count">(6)</span></li>
<li class="cat-item cat-item-57"><a href="#">Zombies</a> <span class="count">(13)</span></li>
<li class="cat-item cat-item-58"><a href="#">Wressling</a> <span class="count">(7)</span></li>
<li class="cat-item cat-item-62"><a href="#">Watchers</a> <span class="count">(2)</span></li>
<li class="cat-item cat-item-41"><a href="#">Women</a> <span class="count">(17)</span></li>
</ul>
<h3 class="page-header">Subscribe</h3>
<div class="subscribe">
<h4>Subscribe For News</h4>
<input type="text" placeholder="Email.." required="" />
<input type="submit" value="Subscribe" />
</div>
<h3 class="page-header">Papular Tags</h3>
<ul class="tags_links">
<li><a href="#">Design</a></li>
<li><a href="#">Branding</a></li>
<li><a href="#">Art</a></li>
<li><a href="#">Developing</a></li>
<li><a href="#">CSS</a></li>
<li><a href="#">HTML</a></li>
<li><a href="#">Wordpress</a></li>
<li><a href="#">Photography</a></li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
<!-- What New Part Endss Here -->
<!-- Footer Starts Here -->
<div class="footer">
<div class="container">
<ul class="social">
<li><i class="fa"></i></li>
<li><i class="fb"></i></li>
<li><i class="fc"></i></li>
</ul>
<p>2020 Design by <a href="#">Example</a></p>
</div>
</div>
<!-- Footer Ends Here -->
</body>
</html>