-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathBlog template.html
157 lines (104 loc) · 9.93 KB
/
Blog template.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
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<html>
<head>
<title>Blog template</title>
<style>
body{
/*background: #117799;*/
background: #2c5e90;
}
#div1{
background: lightblue;
padding: 40px 0;
max-width:900px;
width:80%;
margin: 80px auto;
border: 20px solid #6c7e80;
}
.post{
padding: 20px 0;
}
p{
font-family: "Segoe UI SemiLight","sans-serif";
text-align: left;
margin: 20px 60px 20px 60px;
}
h2{
margin-left: 60px;
color: #2c3e50;
font-size:30px;
}
.firstpara{
border-left: 5px solid #777777;
padding-left: 5px;
}
.date{
color: #2F6698;
text-transform: uppercase;
letter-spacing: 0.2rem;
}
hr{
color: black;
}
</style>
</head>
<body>
<div id="div1">
<div class="post">
<p class="date">december 10 2015</p>
<h2>This is my first article</h2>
<p class="firstpara">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis ut iure quisquam consequuntur id, iusto vitae molestiae assumenda ipsam eaque ipsa sit porro earum alias ratione, aspernatur quo quae aperiam voluptatum tempore expedita quidem.</p>
<p>Culpa possimus dignissimos laborum asperiores quasi aut quia, adipisci quae quaerat error veritatis accusantium eaque! Id explicabo, fugit. Modi omnis sapiente ratione cupiditate perferendis atque ea voluptatibus, voluptate, suscipit rem asperiores quis, neque officiis odit repellat minus aliquam, a ab optio nam sed molestiae alias?</p>
<p>Porro, soluta, aliquam commodi maxime eligendi recusandae iure nemo illum, voluptas illo voluptate! Eligendi, provident ratione aspernatur ut. Facere amet dicta aliquid voluptatum eveniet, distinctio officiis deserunt, nemo?</p>
</div>
<hr>
<div class="post">
<p class="date">december 11 2015</p>
<h2 class="head">This is another article</h2>
<p class="firstpara">Autem cumque laborum quaerat nisi qui accusantium quos ut natus doloribus sunt dolore, mollitia facilis cum fuga quas necessitatibus earum iure fugit, sed deleniti. Nemo perspiciatis ut accusamus, iure minima!</p>
<p>Assumenda velit fugit dolor porro sit, aperiam doloremque ipsam deserunt animi et ducimus qui voluptate officiis nesciunt commodi, deleniti omnis iure officia eum consectetur aut perferendis similique!</p>
<p>Sint accusantium velit minus perferendis doloremque, voluptatem unde, cupiditate cum. Saepe doloremque voluptatem ea neque, earum, veniam omnis eligendi quaerat nam consequuntur vero ducimus, laboriosam molestiae architecto aliquid quisquam error nobis repudiandae voluptate ratione reprehenderit et ullam id!</p>
</div>
<hr>
<div class="post">
<p class="date">december 12 2015</p>
<h2 class="head"> This is one more article</h2>
<p class="firstpara">Delectus quisquam consectetur, repudiandae dignissimos error repellat ipsum ipsa autem, praesentium. Facilis doloremque magnam velit sit, dolorem amet obcaecati officia maiores cumque? Distinctio consectetur necessitatibus perferendis sunt odio, inventore amet laboriosam, ratione, labore, cumque quidem assumenda!</p>
<p>Ipsa corporis consequuntur, aut. Quam laboriosam nesciunt deleniti totam sunt, ratione nemo eaque perferendis blanditiis sit reprehenderit aut quis, cumque rem cupiditate repellendus similique odit, ad qui omnis numquam soluta. Similique debitis ad velit sapiente eum, doloribus, odio aspernatur repellat repudiandae voluptatem harum officia ut dolorem pariatur reprehenderit est repellendus aperiam, aut voluptates perspiciatis accusantium excepturi saepe asperiores sed vel.</p>
<p>Ab minima, eos explicabo nesciunt ut, sequi odio eaque praesentium beatae et aut? Aut voluptatem modi doloribus quae iste distinctio eaque. Sed delectus, ipsam voluptatum ipsum quis consequuntur reprehenderit exercitationem expedita in aut officiis neque at quae ea mollitia illum fuga perferendis illo adipisci ratione provident ducimus nulla consectetur. Quam minus quod commodi, expedita recusandae, voluptate consequatur ullam, in esse doloribus dignissimos quaerat! Nulla obcaecati alias explicabo animi, nesciunt voluptatem voluptates eligendi.</p>
</div>
<hr>
<div class="post">
<p class="date">december 13 2015</p>
<h2 class="head"> This is one more article</h2>
<p class="firstpara">Delectus quisquam consectetur, repudiandae dignissimos error repellat ipsum ipsa autem, praesentium. Facilis doloremque magnam velit sit, dolorem amet obcaecati officia maiores cumque? Distinctio consectetur necessitatibus perferendis sunt odio, inventore amet laboriosam, ratione, labore, cumque quidem assumenda!</p>
<p>Ipsa corporis consequuntur, aut. Quam laboriosam nesciunt deleniti totam sunt, ratione nemo eaque perferendis blanditiis sit reprehenderit aut quis, cumque rem cupiditate repellendus similique odit, ad qui omnis numquam soluta. Similique debitis ad velit sapiente eum, doloribus, odio aspernatur repellat repudiandae voluptatem harum officia ut dolorem pariatur reprehenderit est repellendus aperiam, aut voluptates perspiciatis accusantium excepturi saepe asperiores sed vel.</p>
<p>Ab minima, eos explicabo nesciunt ut, sequi odio eaque praesentium beatae et aut? Aut voluptatem modi doloribus quae iste distinctio eaque. Sed delectus, ipsam voluptatum ipsum quis consequuntur reprehenderit exercitationem expedita in aut officiis neque at quae ea mollitia illum fuga perferendis illo adipisci ratione provident ducimus nulla consectetur. Quam minus quod commodi, expedita recusandae, voluptate consequatur ullam, in esse doloribus dignissimos quaerat! Nulla obcaecati alias explicabo animi, nesciunt voluptatem voluptates eligendi.</p>
</div>
<hr>
<div class="post">
<p class="date">december 14 2015</p>
<h2 class="head"> This is one more article</h2>
<p class="firstpara">Delectus quisquam consectetur, repudiandae dignissimos error repellat ipsum ipsa autem, praesentium. Facilis doloremque magnam velit sit, dolorem amet obcaecati officia maiores cumque? Distinctio consectetur necessitatibus perferendis sunt odio, inventore amet laboriosam, ratione, labore, cumque quidem assumenda!</p>
<p>Ipsa corporis consequuntur, aut. Quam laboriosam nesciunt deleniti totam sunt, ratione nemo eaque perferendis blanditiis sit reprehenderit aut quis, cumque rem cupiditate repellendus similique odit, ad qui omnis numquam soluta. Similique debitis ad velit sapiente eum, doloribus, odio aspernatur repellat repudiandae voluptatem harum officia ut dolorem pariatur reprehenderit est repellendus aperiam, aut voluptates perspiciatis accusantium excepturi saepe asperiores sed vel.</p>
<p>Ab minima, eos explicabo nesciunt ut, sequi odio eaque praesentium beatae et aut? Aut voluptatem modi doloribus quae iste distinctio eaque. Sed delectus, ipsam voluptatum ipsum quis consequuntur reprehenderit exercitationem expedita in aut officiis neque at quae ea mollitia illum fuga perferendis illo adipisci ratione provident ducimus nulla consectetur. Quam minus quod commodi, expedita recusandae, voluptate consequatur ullam, in esse doloribus dignissimos quaerat! Nulla obcaecati alias explicabo animi, nesciunt voluptatem voluptates eligendi.</p>
</div>
<hr>
<div class="post">
<p class="date">december 15 2015</p>
<h2 class="head"> This is one more article</h2>
<p class="firstpara">Delectus quisquam consectetur, repudiandae dignissimos error repellat ipsum ipsa autem, praesentium. Facilis doloremque magnam velit sit, dolorem amet obcaecati officia maiores cumque? Distinctio consectetur necessitatibus perferendis sunt odio, inventore amet laboriosam, ratione, labore, cumque quidem assumenda!</p>
<p>Ipsa corporis consequuntur, aut. Quam laboriosam nesciunt deleniti totam sunt, ratione nemo eaque perferendis blanditiis sit reprehenderit aut quis, cumque rem cupiditate repellendus similique odit, ad qui omnis numquam soluta. Similique debitis ad velit sapiente eum, doloribus, odio aspernatur repellat repudiandae voluptatem harum officia ut dolorem pariatur reprehenderit est repellendus aperiam, aut voluptates perspiciatis accusantium excepturi saepe asperiores sed vel.</p>
<p>Ab minima, eos explicabo nesciunt ut, sequi odio eaque praesentium beatae et aut? Aut voluptatem modi doloribus quae iste distinctio eaque. Sed delectus, ipsam voluptatum ipsum quis consequuntur reprehenderit exercitationem expedita in aut officiis neque at quae ea mollitia illum fuga perferendis illo adipisci ratione provident ducimus nulla consectetur. Quam minus quod commodi, expedita recusandae, voluptate consequatur ullam, in esse doloribus dignissimos quaerat! Nulla obcaecati alias explicabo animi, nesciunt voluptatem voluptates eligendi.</p>
</div>
<hr>
<div class="post">
<p class="date">december 16 2015</p>
<h2 class="head"> This is one more article</h2>
<p class="firstpara">Delectus quisquam consectetur, repudiandae dignissimos error repellat ipsum ipsa autem, praesentium. Facilis doloremque magnam velit sit, dolorem amet obcaecati officia maiores cumque? Distinctio consectetur necessitatibus perferendis sunt odio, inventore amet laboriosam, ratione, labore, cumque quidem assumenda!</p>
<p>Ipsa corporis consequuntur, aut. Quam laboriosam nesciunt deleniti totam sunt, ratione nemo eaque perferendis blanditiis sit reprehenderit aut quis, cumque rem cupiditate repellendus similique odit, ad qui omnis numquam soluta. Similique debitis ad velit sapiente eum, doloribus, odio aspernatur repellat repudiandae voluptatem harum officia ut dolorem pariatur reprehenderit est repellendus aperiam, aut voluptates perspiciatis accusantium excepturi saepe asperiores sed vel.</p>
<p>Ab minima, eos explicabo nesciunt ut, sequi odio eaque praesentium beatae et aut? Aut voluptatem modi doloribus quae iste distinctio eaque. Sed delectus, ipsam voluptatum ipsum quis consequuntur reprehenderit exercitationem expedita in aut officiis neque at quae ea mollitia illum fuga perferendis illo adipisci ratione provident ducimus nulla consectetur. Quam minus quod commodi, expedita recusandae, voluptate consequatur ullam, in esse doloribus dignissimos quaerat! Nulla obcaecati alias explicabo animi, nesciunt voluptatem voluptates eligendi.</p>
</div>
</div>
</body>
</html>