-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog-entry.html
82 lines (74 loc) · 6.44 KB
/
blog-entry.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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="./normalize.css">
<link rel="stylesheet" href="./pure.min.css">
<link rel="stylesheet" href="./pure-grids.min.css">
<link rel='stylesheet' href="./main.css">
<link rel='stylesheet' href="./blog-entry.css">
<link rel="stylesheet" href="./zoom.css">
<!-- makes site work on mobile better -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>KSDT Radio</title>
<meta charset="utf-8">
</head>
<body>
<div class="container">
<div class="header">
<div id="logo-container">
<h1 id="logo"><a href="/">KSDT</a></h1>
</div>
<div class="pure-menu pure-menu-horizontal">
<ul class="pure-menu-list">
<li class="pure-menu-item"><a href="#" class="pure-menu-link">About</a></li>
<li class="pure-menu-item"><a href="#" class="pure-menu-link">Shows</a></li>
<li class="pure-menu-item"><a href="#" class="pure-menu-link">Podcasts</a></li>
<li class="pure-menu-item"><a href="#" class="pure-menu-link">Live Sessions</a></li>
<li class="pure-menu-item"><a href="#" class="pure-menu-link">Weekly Picks</a></li>
<li class="pure-menu-item"><a href="#" class="pure-menu-link">Events</a></li>
<li class="pure-menu-item"><a href="#" class="pure-menu-link">Schedule</a></li>
<li class="pure-menu-item"><a href="#" class="pure-menu-link">Giveaways</a></li>
<li class="pure-menu-item"><a href="#" class="pure-menu-link">Contact</a></li>
</ul>
</div>
</div>
<div class="content">
<article class="blog-entry">
<div class="blog-header">
<h1 class="blog-entry-title">Blog Post Title</h1>
<h3 class="blog-entry-date">10-10-2017</h3>
</div>
<div class="blog-body">
<p>
Lorem ipsum dolor sit amet, donec ut aut. Amet pellentesque, justo sociosqu libero posuere eget vivamus. Ut montes venenatis amet nisl varius porttitor, elit tempus dolor habitant, venenatis etiam fermentum eget urna eros. Venenatis proin mi pellentesque, felis adipiscing. Ridiculus egestas eleifend aut metus amet hymenaeos, erat taciti metus id, eros tellus, urna molestie mi tempus nulla. Mi purus elementum velit dui, pulvinar cras, metus feugiat leo mauris commodo. Et urna, vestibulum sed gravida velit justo ut, sodales vehicula eu morbi id vulputate nec. Erat maecenas libero at orci nulla at, nec ante curabitur amet, pellentesque felis feugiat orci semper, morbi cras id. Venenatis sollicitudin senectus eget adipiscing eget mollis, non nisl.
</p>
<p>
<img src="./blog-image.jpeg" class="pure-img" data-action="zoom"/>
Aliquet in, convallis rutrum adipiscing. At accumsan eu rutrum, a nibh sit natoque torquent, quis sed laoreet vel, ut sed dictum sed pede elit. Suscipit libero cum nullam eget commodo et. Orci habitasse nunc sapien aliquam metus, sapien proin donec et, vehicula magnis sodales ut praesent. Ut eleifend id eget, volutpat class vel nulla ut donec, duis mollis viverra mi ut urna sapien, vitae nulla condimentum nonummy eu, integer a.
</p>
<p>
Auctor dui massa euismod dui rutrum, unde sollicitudin nonummy amet mollis, non condimentum amet sit integer. Donec dapibus lorem pulvinar porta, quam integer magnis lectus ut tellus, facilisis proin cum dolor, ligula vulputate egestas nec, pede sed viverra ornare. Sed eget nascetur neque. Urna bibendum. In velit commodo nam tellus fermentum, consequat gravida suspendisse, eu in morbi vestibulum. Et aliquet ante orci. Nulla cursus velit non duis facilisis neque, orci sociis leo pulvinar turpis. Nunc mi wisi, justo sagittis et vestibulum vel, lorem vitae et natoque primis donec nec, nam elit. Felis ut, elit saepe vehicula sapien risus velit, suspendisse netus etiam laoreet duis tincidunt tortor.
</p>
<p>
Metus fermentum <a href="#">fermentum link</a> tristique lacus feugiat. In sed wisi nunc posuere laoreet. Sed leo malesuada, pellentesque nec quis, nullam et donec sodales ac at, proin pellentesque justo nam habitasse dignissim nec, nulla nullam egestas cursus nisl at. Arcu lorem massa lobortis, eleifend duis porttitor lectus. Sollicitudin error. Dictum placerat commodo molestie et, consequat nunc metus non elementum mi suscipit, felis aliquam auctor, elit wisi duis erat lobortis augue diam. Aliquet magna morbi dui. Phasellus nulla arcu velit, nullam viverra massa ante nulla, wisi mauris in tristique, elit lobortis ad dictum ante amet turpis. Sit in maecenas tincidunt, phasellus dolore wisi vel at elit, arcu wisi dapibus, dolor commodo convallis fringilla wisi conubia nascetur, phasellus nulla vel et metus lacus. In est est semper vitae in hendrerit, wisi nam quis, eu nulla praesent tempor eget mollis quam, magna in morbi id id et.
</p>
<p>Ω</p>
</div>
<div class="blog-footer">
<div class="author">
<h1 class="author-about">About the Author</h1>
<img class="pure-img author-image" src="./10.jpg"/>
<span class="author-description">Tennyson is Lorem ipsum dolor sit amet, donec ut aut. Amet pellentesque, justo sociosqu libero posuere</span>
</div>
<div class="share">
share buttons, similar posts go here, generated by jetpack.
</div>
</div>
</article>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.1.0.js" integrity="sha256-slogkvB1K3VOkzAI8QITxV3VzpOnkeNVsKvtkYLMjfk=" crossorigin="anonymous"></script>
<script src="./transition.js"></script>
<script src="./zoom.min.js"></script>
</body>
</html>