-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog.html
113 lines (109 loc) · 5.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>O.A.K | Fashion Store</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link href='https://fonts.googleapis.com/css?family=Ubuntu:300,500|Raleway:300,400,500' rel='stylesheet' type='text/css'>
<link rel="icon" type="image/png" href="images/favicon16.png" sizes="16x16">
<link rel="icon" type="image/png" href="images/favicon32.png" sizes="32x32">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="wrapper">
<header class="menuBar clearfix">
<section class="logo">
<a href="index.html"> <img src="assets/logo.png" alt="OAK">
<h1>OAK</h1></a>
</section>
<ul class="menu clearfix">
<li><a href="index.html"><h6>Home</h6></a></li>
<li><a href="#"><h6>Blog</h6></a> </li>
<li><a href="contact.html"><h6>Contact</h6></a> </li>
</ul>
</header>
<!-- ooooooooooooooooooooo -->
<main class="clearfix">
<header class="pageHeader blog clearfix">
<div class="blogTitle">
<h2>Blog Posts</h2>
<h5>Everything created by a creative trivial</h5>
</div>
</header>
<article class="entry">
<img class="blogImage" src="images/blog-1.jpg" alt="#">
<div class="teaser">
<h3 class="date">14 JUN - 2015</h3>
<h3 class="title">Idea of denouncing pleasure and praising pain was born</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo iste vel accusamus, dicta ea totam quia? </p>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" x="0px" y="0px" viewBox="0 0 90 112.5" enable-background="new 0 0 0 0" xml:space="preserve"><g><path fill="#FFFFFF" d="M58.1,45.2L41.9,58.9c-0.9,0.8-2.3,0.7-3.1-0.2c-0.8-0.9-0.7-2.3,0.2-3.1l12.3-10.4L39,34.8 c-0.9-0.8-1-2.2-0.2-3.1c0.8-0.9,2.2-1,3.1-0.2L58.1,45.2z"/><path fill="#FFFFFF" d="M80,45c0,19.3-15.8,35-35,35s-35-15.8-35-35s15.8-35,35-35S80,25.7,80,45z M14.3,45 c0,16.9,13.8,30.6,30.6,30.6S75.6,61.9,75.6,45S61.8,14.4,44.9,14.4S14.3,28.2,14.3,45z"/></g><!-- Created by Antonio Petraglia from the Noun Project -->
</a>
</div>
</article>
<article class="entry">
<img class="blogImage" src="images/blog2.jpg" alt="#">
<div class="teaser">
<h3 class="date">14 JUN - 2015</h3>
<h3 class="title">Idea of denouncing pleasure and praising pain was born</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo iste vel accusamus, dicta ea totam quia? </p>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" x="0px" y="0px" viewBox="0 0 90 112.5" enable-background="new 0 0 0 0" xml:space="preserve"><g><path fill="#FFFFFF" d="M58.1,45.2L41.9,58.9c-0.9,0.8-2.3,0.7-3.1-0.2c-0.8-0.9-0.7-2.3,0.2-3.1l12.3-10.4L39,34.8 c-0.9-0.8-1-2.2-0.2-3.1c0.8-0.9,2.2-1,3.1-0.2L58.1,45.2z"/><path fill="#FFFFFF" d="M80,45c0,19.3-15.8,35-35,35s-35-15.8-35-35s15.8-35,35-35S80,25.7,80,45z M14.3,45 c0,16.9,13.8,30.6,30.6,30.6S75.6,61.9,75.6,45S61.8,14.4,44.9,14.4S14.3,28.2,14.3,45z"/></g><!-- Created by Antonio Petraglia from the Noun Project -->
</a>
</div>
</article>
<article class="entry">
<img class="blogImage" src="images/blog3.jpg" alt="#">
<div class="teaser">
<h3 class="date">14 JUN - 2015</h3>
<h3 class="title">Idea of denouncing pleasure and praising pain was born</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo iste vel accusamus, dicta ea totam quia? </p>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" x="0px" y="0px" viewBox="0 0 90 112.5" enable-background="new 0 0 0 0" xml:space="preserve"><g><path fill="#FFFFFF" d="M58.1,45.2L41.9,58.9c-0.9,0.8-2.3,0.7-3.1-0.2c-0.8-0.9-0.7-2.3,0.2-3.1l12.3-10.4L39,34.8 c-0.9-0.8-1-2.2-0.2-3.1c0.8-0.9,2.2-1,3.1-0.2L58.1,45.2z"/><path fill="#FFFFFF" d="M80,45c0,19.3-15.8,35-35,35s-35-15.8-35-35s15.8-35,35-35S80,25.7,80,45z M14.3,45 c0,16.9,13.8,30.6,30.6,30.6S75.6,61.9,75.6,45S61.8,14.4,44.9,14.4S14.3,28.2,14.3,45z"/></g><!-- Created by Antonio Petraglia from the Noun Project -->
</a>
</div>
</article>
<ul class="pageNumbers clearfix">
<li class="chevron"><</li>
<li class="number 1 selected">1</li>
<li class="number 2">2</li>
<li class="ellipse">...</li>
<li class="number 8">8</li>
<li class="chevron">></li>
</ul>
</div>
</main>
<!-- ooooooooooooooooooooo -->
<footer class="clearfix">
<div class="innerWrapper">
<section class="address">
<h4>O.A.K Theme</h4>
<p>111 Hwjdiutj And</p>
<p>Toloro, IL, CANADA</p>
<p>111 111</p>
</section>
<section class="middle">
<ul class="social clearfix">
<a href="http://facebook.com" target="_blank"><li><i class="fa fa-facebook"></i></li></a>
<a href="http://twitter.com" target="_blank"><li><i class="fa fa-twitter"></i></li></a>
<a href="http://flickr.com"><li><i class="fa fa-flickr"target="_blank"></i></li></a>
<a href="http://dribbble.com" target="_blank"><li><i class="fa fa-dribbble"></i></li></a>
<a href="http://pinterest.com" target="_blank"><li><i class="fa fa-pinterest"></i></li></a>
<a href="http://linkedin.com" target="_blank"><li><i class="fa fa-linkedin"></i></li></a>
<a href="http://google.com" target="_blank"><li><i class="fa fa-google-plus"></i></li></a>
</ul>
<section class="copywrite">
<p>© 2015 OAK, All Rights Reserved</p>
</section>
</section>
<section class="contact">
<h4>Contact Us</h4>
<p>T: 77 999 2883</p>
<a href="mailto:[email protected]"><p>E: [email protected]</p></a>
<a href="#"><p>W: www.oak.com</p></a>
</section>
</div>
</footer>
</div>
</body>
</html>