-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
82 lines (75 loc) · 4.59 KB
/
index.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 lang="en">
<head>
<meta charset="UTF-8">
<meta name="author" content="westtle">
<meta name="description" content="A simple template for a blog site.">
<meta name="keywords" content="blog, template, blog template, blog site, blog post, blog post template, simple blog template">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Simple Blog Template</title>
<link rel="icon" type="image/x-icon" href="#">
<link rel="stylesheet" type="text/css" href="./assets/styles/style.css">
<link rel="stylesheet" type="text/css" href="./assets/styles/article.css">
</head>
<body>
<header class="container__">
<h1 class="__header-title"><a href="./index.html">Simple Blog</a></h1>
<nav class="__header-nav">
<ul>
<li><a class="current-page__" href="./index.html">Home</a></li>
<li><a href="./assets/html/about.html">About</a></li>
<li><a href="./assets/html/posts.html">Posts</a></li>
</ul>
</nav>
</header>
<main class="container__">
<section class="__article-featured-section">
<article class="_article _article-featured">
<img class="article-thumbnail_ article-featured-thumbnail_" src="https://picsum.photos/800/400?grayscale" width="800" height="400" alt="Featured article thumbnail.">
<h2 class="article-title_">To Be Featured...</h2>
<p class="article-description_">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Prioris generis est docilitas, memoria; Quid turpius quam sapientis vitam ex insipientium sermone pendere? Sextilio Rufo, cum is rem ad amicos ita deferret, se esse heredem Q. Duo Reges: constructio interrete. Non quaero, quid dicat, sed quid convenienter possit rationi et sententiae suae dicere. Ut proverbia non nulla veriora sint quam vestra dogmata.</p>
<time class="article-date_" datetime="2013-06-07"><i>June 7, 2013</i></time>
<a class="article-read-more_" href="./assets/html/example-post.html">READ MORE</a>
</article>
</section>
<section class="__article-recent-section">
<h2 class="_article-recent-section-title">Recent</h2>
<div>
<article class="_article _article-recent">
<img class="article-thumbnail_" src="https://picsum.photos/id/82/800/400?grayscale" width="800" height="400" alt="Recent article thumbnail.">
<h3 class="article-title_">This Is Why You Should...</h3>
<p class="article-description_">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Solum praeterea formosum, solum liberum, solum civem, stultost; Pollicetur certe. Non quam nostram quidem, inquit Pomponius iocans; Duo Reges: constructio interrete.</p>
<div class="article-flex__">
<a class="article-read-more_" href="./assets/html/example-post.html">READ MORE</a>
<time class="article-date_" datetime="2013-07-09"><i>July 9, 2013</i></time>
</div>
</article>
<article class="_article _article-recent">
<img class="article-thumbnail_" src="https://picsum.photos/id/43/800/400?grayscale" width="800" height="400" alt="Recent article thumbnail.">
<h3 class="article-title_">3 Things You Can Do To...</h3>
<p class="article-description_">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maximus dolor, inquit, brevis est. Quid est enim aliud esse versutum? Quaerimus enim finem bonorum. Certe non potest. Duo Reges: constructio interrete. Si quae forte-possumus. Nobis aliter videtur?</p>
<div class="article-flex__">
<a class="article-read-more_" href="./assets/html/example-post.html">READ MORE</a>
<time class="article-date_" datetime="2013-07-02"><i>July 2, 2013</i></time>
</div>
</article>
<article class="_article _article-recent">
<img class="article-thumbnail_" src="https://picsum.photos/id/57/800/400?grayscale" width="800" height="400" alt="Recent article thumbnail.">
<h3 class="article-title_">Updating My Blog!!</h3>
<p class="article-description_">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ergo illi intellegunt quid Epicurus dicat, ego non intellego? Laboro autem non sine causa; Quid ait Aristoteles reliquique Platonis alumni? Cur deinde Metrodori liberos commendas?</p>
<div class="article-flex__">
<a class="article-read-more_" href="./assets/html/example-post.html">READ MORE</a>
<time class="article-date_" datetime="2013-06-27"><i>June 27, 2013</i></time>
</div>
</article>
</div>
</section>
<div id="notice">
Repository: <a href="https://github.com/westtle/simple-blog-template" target="_blank">https://github.com/westtle/simple-blog-template</a>
</div>
</main>
<footer>
<p class="__footer-copyright">© Copyrights, Simple Blog</p>
</footer>
</body>
</html>