-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpost.html
98 lines (81 loc) · 6.62 KB
/
post.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Spoilerplate</title>
<script src="js/pace.js"></script>
<link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/basscss.min.css">
<link rel="stylesheet" href="css/style.css">
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body id="post" class="flexible">
<section class="white center px3 py4 bg-cover bg-center mb4" style="background-image: url(https://cldup.com/ghA270D1-V.jpeg)">
<h1 class="h1 caps mt4 mb0">My Weekend with Bernie</h1>
<p class="h3 mb4">By the time we got home with the pizza, everything was cold.</p>
</section>
<div class="container text px3 mb4 border-box dropcap">
<p>Specialists still argue about the decision to this day, noting that nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Curabitur blandit tempus porttitor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui.</p>
<p>Etiam porta sem malesuada magna mollis euismod. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="container image">
<img src="https://cldup.com/ghA270D1-V.jpeg" alt="">
<p class="italic center mb4 light-gray">The clouds look weird today.</p>
</div>
<div class="container mb4 blue">
<h1 class="h2 center">So I says to the guy I says, "How were you planning to pull the car out of the ice?" Jeez, some people... you know what I mean?</h1>
</div>
<div class="container text px3 mb4 border-box">
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Curabitur blandit tempus porttitor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui.</p>
<p>Etiam porta sem malesuada magna mollis euismod. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<img class="full-width" src="https://cldup.com/ghA270D1-V.jpeg" alt="">
<p class="italic center mb4 light-gray">The donuts were extra sugary that day.</p>
<div class="container columns px3 mb4">
<p>Curabitur blandit tempus porttitor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui.</p>
<p>Etiam porta sem malesuada magna mollis euismod. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vitae elit libero, a pharetra augue.</p>
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Curabitur blandit tempus porttitor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui.</p>
<p>Etiam porta sem malesuada magna mollis euismod. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vitae elit libero, a pharetra augue.</p>
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Curabitur blandit tempus porttitor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui.</p>
<p>Etiam porta sem malesuada magna mollis euismod. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="container image mb4">
<img src="https://cldup.com/ghA270D1-V.jpeg" alt="">
<p class="italic center mb4 light-gray">The clouds look weird today.</p>
</div>
<div class="container text px3 mb4 border-box">
<p>Etiam porta sem malesuada magna mollis euismod. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vitae elit libero, a pharetra augue.</p>
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Curabitur blandit tempus porttitor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui.</p>
<p>Etiam porta sem malesuada magna mollis euismod. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="container image narrow mb4 border-box">
<img src="https://cldup.com/ghA270D1-V.jpeg" alt="">
<p class="italic center mb4 light-gray">The clouds look weird today.</p>
</div>
<div class="container mb4">
<h1 class="h2 center">After Sean learned how the ham was made, he went home and made ham, kicking off a long, rewarding career in hogs.</h1>
</div>
<div class="container text px3 mb4 border-box">
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Curabitur blandit tempus porttitor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui.</p>
<p>Etiam porta sem malesuada magna mollis euismod. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="clearfix sm-flex flex-stretch py3">
<div class="flex flex-auto white center bg-cover bg-center" style="background-image: url(https://cldup.com/ghA270D1-V.jpeg)">
<h1 class="h1 caps mt4 mb4 full-width">Mermaids and Maritime Insurance</h1>
</div>
<div class="flex flex-auto white center bg-cover bg-center" style="background-image: url(https://cldup.com/ghA270D1-V.jpeg)">
<h1 class="h1 caps mt4 mb4 full-width">The Ever-changing Curly Hair</h1>
</div>
</div>
<div class="fixed bottom-0 full-width bg-blue p2 border-box">
<a href="index.html" class="left white line-0">
<svg class="geomicon" width="30" data-icon="grid" viewBox="0 0 32 32" style="fill:currentcolor"><path d="M2 2 L10 2 L10 10 L2 10z M12 2 L20 2 L20 10 L12 10z M22 2 L30 2 L30 10 L22 10z M2 12 L10 12 L10 20 L2 20z M12 12 L20 12 L20 20 L12 20z M22 12 L30 12 L30 20 L22 20z M2 22 L10 22 L10 30 L2 30z M12 22 L20 22 L20 30 L12 30z M22 22 L30 22 L30 30 L22 30z "></path></svg>
</a>
<div class="center h3 white">
Spolierplate
</div>
</div>
</body>
</html>