forked from Grafikart/BlogMVC
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpost.html
More file actions
182 lines (152 loc) · 9.55 KB
/
post.html
File metadata and controls
182 lines (152 loc) · 9.55 KB
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
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Blog | MyDomain.com</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet">
<style>
body {
padding-top: 50px;
}
.sidebar{
margin-top: 50px;
}
</style>
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Blog</a>
</div>
<div class="collapse navbar-collapse navbar-ex1-collapse navbar-right">
<ul class="nav navbar-nav">
<li><a href="login.html">Admin</a></li>
</ul>
</div>
</div><!-- /.container -->
</div>
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="page-header">
<h1>The Route of All Evil</h1>
<p><small>
Category : <a href="category.html">Nature</a>,
by <a href="index.html">John Doe</a> on <em>Aug 24th 2013</em>
</small></p>
</div>
<article>
<p>Five hours? Aw, man! Couldn't you just get me the death penalty? Daylight and everything. What's with you kids? Every other day it's food, food, food. Alright, I'll get you some stupid food.</p>
<h2>Bendin' in the Wind</h2>
<img src="http://lorempicsum.com/futurama/200/150/1" class="img-thumbnail" style="float:left; margin-right:10px;">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit, modi, libero, earum, fugiat beatae ipsa quae accusamus eligendi minima eos sint consequuntur voluptate nihil inventore voluptatum? Possimus neque similique quam.</p>
<p>Nemo, aliquam non nulla corporis veritatis molestiae omnis nobis dolores dicta dolorum accusamus porro ipsum rem tempora maxime quisquam accusantium facilis saepe consequatur qui doloribus iusto distinctio perspiciatis modi voluptatum?</p>
<p>Illum temporibus natus cumque recusandae non fugiat quisquam fuga repellendus. Quas, esse, a rem possimus vero sequi fugit non dolor corrupti in similique repudiandae excepturi quidem perspiciatis soluta amet qui?</p>
<ul>
<li>Fetal stemcells, aren't those controversial?</li>
<li>Yes! In your face, Gandhi!</li>
<li>The key to victory is discipline, and that means a well made bed. You will practice until you can make your bed in your sleep.</li>
</ul>
<h3>Why Must I Be a Crustacean in Love?</h3>
<img src="http://lorempicsum.com/futurama/200/150/2" class="img-thumbnail" style="float:right; margin-left:10px;">
<p>We're rescuing ya. I'm Santa Claus! Have you ever tried just turning off the TV, sitting down with your children, and hitting them? Calculon is gonna kill us and it's all everybody else's fault! I just want to talk. It has nothing to do with mating. Fry, that doesn't make sense. Ummm…to eBay?</p>
<h4>Attack of the Killer App</h4>
<p>Why would I want to know that? It's toe-tappingly tragic! You won't have time for sleeping, soldier, not with all the bed making you'll be doing. I've got to find a way to escape the horrible ravages of youth. Suddenly, I'm going to the bathroom like clockwork, every three hours. And those jerks at Social Security stopped sending me checks. Now 'I'' have to pay ''them'! I was all of history's great robot actors - Acting Unit 0.8; Thespomat; David Duchovny! Five hours? Aw, man! Couldn't you just get me the death penalty?</p>
<ol>
<li>But, like most politicians, he promised more than he could deliver.</li>
<li>Calculon is gonna kill us and it's all everybody else's fault!</li>
<li>Bender?! You stole the atom.</li>
</ol>
<h5>A Tale of Two Santas</h5>
<p>Kif might! I wish! It's a nickel. OK, this has gotta stop. I'm going to remind Fry of his humanity the way only a woman can. Kif, I have mated with a woman. Inform the men. Look, everyone wants to be like Germany, but do we really have the pure strength of 'will'?</p>
</article>
<hr>
<section class="comments">
<h3>Comment this post</h3>
<div class="alert alert-danger"><strong>Oh snap !</strong> you did some errors</div>
<form role="form">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input type="email" class="form-control" placeholder="Your email">
</div>
</div>
<div class="col-md-6">
<div class="form-group has-error">
<input type="text" class="form-control" id="exampleInputEmail1" placeholder="Your username">
</div>
</div>
</div>
<div class="form-group">
<textarea class="form-control" rows="3" placeholder="Your comment"></textarea>
</div>
<div class="form-group">
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</form>
<h3>2 Commentaires</h3>
<div class="row">
<div class="col-md-2">
<img src="http://lorempicsum.com/futurama/100/100/4" width="100%">
</div>
<div class="col-md-10">
<p><strong>Username</strong> 10 hours ago</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero, laudantium voluptatibus quae doloribus dolorem earum dicta quasi. Fugit, eligendi, voluptatibus corporis deleniti perferendis accusantium totam harum dolor ab veniam laudantium!</p>
</div>
</div>
<div class="row">
<hr>
<div class="col-md-2">
<img src="http://lorempicsum.com/futurama/100/100/5" width="100%">
</div>
<div class="col-md-10">
<p><strong>Username</strong> 11 days ago</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero, laudantium voluptatibus quae doloribus dolorem earum dicta quasi. Fugit, eligendi, voluptatibus corporis deleniti perferendis accusantium totam harum dolor ab veniam laudantium!</p>
</div>
</div>
</section>
</div>
<div class="col-md-4 sidebar">
<h4>Categories</h4>
<div class="list-group">
<a href="category.html" class="list-group-item">
<span class="badge">14</span>
Category #1
</a>
<a href="category.html" class="list-group-item">
<span class="badge">5</span>
Category #2
</a>
<a href="category.html" class="list-group-item">
<span class="badge">1</span>
Category #3
</a>
<a href="category.html" class="list-group-item">
<span class="badge">7</span>
Category #4
</a>
</div>
<h4>Last posts</h4>
<div class="list-group">
<a href="post.html" class="list-group-item">
The Route of All Evil
</a>
<a href="post.html" class="list-group-item">
Good news everyone !
</a>
</div>
</div><!-- /.sidebar -->
</div>
</div><!-- /.container -->
</body>
</html>