-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpost-single.html
136 lines (136 loc) · 8.07 KB
/
post-single.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
<div id="blog-header" style="background: url(images/blog/midium/1.jpg); background-size: cover;">
<div class="overlay"></div>
<div class="single-post-title">
<h1>Typography for web</h1>
<p class="post-info">
<span class="post-author">Posted by John Sparrow</span>
<span class="slash"></span>
<span class="post-date">Dec 08, 2017</span>
<span class="slash"></span>
<span class="post-catetory">Food</span>
</p>
</div>
</div>
<div class="block-content">
<div class="row">
<div class="col-md-12">
<div id="single-post">
<div class="post">
<div class="post-body">
<p>In varius varius justo, eget ultrices mauris rhoncus non. Morbi tristique, mauris eu imperdiet bibendum, velit diam iaculis velit, in ornare massa enim at lorem. Etiam risus diam, porttitor vitae ultrices quis, dapibus id dolor. Morbi venenatis lacinia rhoncus.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non enim ut enim fringilla adipiscing id in lorem. Quisque aliquet neque vitae lectus tempus consectetur. Aliquam erat volutpat. Nunc eu nibh nulla, id cursus arcu. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam at velit nisl. Aenean vitae est nisl. Cras molestie molestie nisl vel imperdiet. Donec vel mi sem.</p>
<blockquote>
A blockquote example goes here.Sed convallis consectetur sem, id hendrerit massa posuere nec.
</blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non enim ut enim fringilla adipiscing id in lorem. Quisque aliquet neque vitae lectus tempus consectetur. Aliquam erat volutpat. Nunc eu nibh nulla, id cursus arcu. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam at velit nisl. Aenean vitae est nisl. Cras molestie molestie nisl vel imperdiet. Donec vel mi sem.</p>
</div>
<div class="author-box row">
<div class="col-sm-2">
<img src="images/blog/author.jpg" class="rounded-circle" alt="..." />
</div>
<div class="col-sm-10">
<h3>John Sparrow<span> | Author</span></h3>
<p>He is the jack of all trade, but master of none. Ne cum invidunt constituto, sanctus accusam an usu, ea mandamus incorrupte mel. Pro cu purto graeco. Wisi sonet elitr eos in</p>
</div>
</div>
<ul id="blog-social">
<li>Share this : </li>
<li><a href="#"><i class="ion-social-facebook"></i></a> </li>
<li><a href="#"><i class="ion-social-twitter"></i></a> </li>
<li><a href="#"><i class="ion-social-googleplus"></i></a> </li>
<li><a href="#"><i class="ion-social-pinterest"></i></a> </li>
</ul>
<div class="project-nav text-center">
<span class="float-left">
<a class="open-project" href="project-5.html">← Previous Project</a>
</span>
<span class="">
<a id="close-project" href="#"><i class="ion-grid"></i></a>
</span>
<span class="float-right">
<a class="open-project" href="project-1.html">Next Project → </a>
</span>
</div>
</div>
<div id="comments">
<h5>3 Comments</h5>
<ul class="comments-list">
<li>
<div class="comment row">
<div class="col-sm-2">
<img src="images/blog/comment3.jpg" class="rounded-circle" alt="">
</div>
<div class="col-sm-10">
<h5>Ethan Grant<span class="comment-date"> | Dec 08</span></h5>
<p>Ne cum invidunt constituto, sanctus accusam an usu, ea mandamus incorrupte mel. Pro cu purto graeco. Wisi sonet elitr eos in.</p>
<a class="comment-reply" href="#">Reply</a>
</div>
</div>
<ul class="children">
<li>
<div class="comment row">
<div class="col-sm-2">
<img src="images/blog/comment1.jpg" class="rounded-circle" alt="">
</div>
<div class="col-sm-10">
<h5>Claudia Chekov<span class="comment-date"> | Dec 09</span></h5>
<p>Ne cum invidunt constituto, sanctus accusam an usu, ea mandamus incorrupte mel. Pro cu purto graeco. Wisi sonet elitr eos in.</p>
<a class="comment-reply" href="#">Reply</a>
</div>
</div>
</li>
</ul>
</li>
<li>
<div class="comment row">
<div class="col-sm-2">
<img src="images/blog/comment2.jpg" class="rounded-circle" alt="">
</div>
<div class="col-sm-10">
<h5>Mark Smith<span class="comment-date"> | Dec 11</span></h5>
<p>Ne cum invidunt constituto, sanctus accusam an usu, ea mandamus incorrupte mel. Pro cu purto graeco. Wisi sonet elitr eos in.</p>
<a class="comment-reply" href="#">Reply</a>
</div>
</div>
</li>
</ul>
</div>
<div id="respond">
<h3>Leave a comment</h3>
<div class="comment-respond">
<form class="comment-form">
<div class="form-double">
<div class="form-group">
<input name="author" type="text" class="form-control" placeholder="Name">
</div>
<div class="form-group last">
<input name="email" type="text" class="form-control" placeholder="Email">
</div>
</div>
<div class="form-group">
<textarea class="form-control" placeholder="Comment"></textarea>
</div>
<div class="form-submit">
<button type="button" class="btn btn-dark">Post Comment</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
$('.open-post').on('click', function() {
var postUrl = $(this).attr("href");
$('.inline-menu-container').removeClass('showx');
$('.content-blocks.pop').addClass('showx');
$('.content-blocks.pop section').load(postUrl)
return false;
});
$('#close-post').on('click', function() {
$('.content-blocks.pop').removeClass('showx');
$('.inline-menu-container').addClass('showx');
$('.content-blocks.pop section').empty();
});
</script>