-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
150 lines (145 loc) · 6.5 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Quarantine Chronicles - Katherine Delorme</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content="Quarantine Chronicles"/>
<meta name="keywords" content="Quarantine, Chronicles, COVID-19 blog, work from home">
<meta name="author" content="Katherine Delorme">
<meta name="application-name" content="Quarantine Chronicles"/>
<!--Dublin Core-->
<meta name="DC.Title" content="Quarantine Chronicles - Katherine Delorme" />
<meta name="DC.Creator" content="Katherine Delorme" />
<meta name="DC.Subject" content="Lifestyle Blog" />
<meta name="DC.Description" content="Quarantine Chronicles" />
<meta name="DC.Type" content="Blog" />
<meta name="DC.Language" content="English" />
<!--Twitter Card: Summary-->
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@Katdelorme" />
<meta name="twitter:title" content="Quarantine Chronicles - Katherine Delorme" />
<meta name="twitter:description" content="Quarantine Chronicles" />
<meta name="twitter:image" content="assets/instagram-4.jpg">
<!--Facebook Open Graph-->
<meta property="og:url" content="" />
<meta property="og:type" content="blog" />
<meta property="og:title" content="Quarantine Chronicles - Katherine Delorme" />
<meta property="og:description" content="Quarantine Chronicles" />
<meta property="og:image" content="assets/instagram-4.jpg" />
<!--robots index-->
<meta name="robots" content="noindex,nofollow" >
<!--favicon-->
<link rel="icon" type="image/png" href="assets/fav.png" />
<!--stylesheets-->
<link rel="stylesheet" href="css/styles.css" />
<!--fonts-->
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
</head>
<body>
<header>
<nav>
<h3>
<a href="index.html">Quarantine Chronicles
</a>
</h3>
<div class="nav-link">
<a href="index.html" class="nav-active">Home</a>
<a href="post.html">Posts</a>
<a href="about.html">About</a>
<a href="index.html">Contact</a>
</div>
</nav>
</header>
<section class="container">
<h2 class="text-center heading">Etiam fermentum nisl nec sem vehicula sed ex condimentum</h2>
<div class="featured">
<div class="featured-image"></div>
<h5>Topic</h5>
<h1>Morbi et augue urna. Nam volutpat libero nec metus rutrum dignissim.</h1>
<p>Sed ac justo nibh. Ut non ligula nec massa euismod fermentum vel congue sem. Donec fringilla tristique justo, a scelerisque erat fermentum a. Maecenas nec orci sed ex condimentum egestas. Etiam fermentum nisl nec sem vehicula, eget porta augue malesuada.</p>
<p><a href="post.html" class="btn">Read Post</a></p>
</div>
<div class="aside">
<div id="aside-1" class="aside-inside">
<div class="aside-img">
<a href="post.html">
<img src="assets/side-img-4.jpg" alt="Sign say Not Today #Covid19" class="img-fluid img-rounded" />
</a>
</div>
<div class="aside-content">
<a href="post.html">
<h3>Etiam fermentum nisl nec sem vehicula nisl nec sem vehicula nisl nec sem vehicula</h3>
</a>
<p><a href="post.html" class="text-link">Read Post</a></p>
</div>
</div>
<div id="aside-2" class="aside-inside">
<div class="aside-img">
<a href="post.html">
<img src="assets/side-img-5.jpg" alt="Woman meditating on a yoga mat with a dog beside her" class="img-fluid img-rounded" />
</a>
</div>
<div class="aside-content">
<a href="post.html">
<h3>Etiam fermentum nisl nec sem vehicula</h3>
</a>
<p><a href="post.html" class="text-link">Read Post</a></p>
</div>
</div>
<div id="aside-3" class="aside-inside">
<div class="aside-img">
<a href="post.html">
<img src="assets/side-img-3.jpg" alt="Computer and desk set up" class="img-fluid img-rounded" />
</a>
</div>
<div class="aside-content">
<a href="post.html">
<h3>Etiam fermentum nisl nec sem vehicula nisl nec sem vehicula</h3>
</a>
<p><a href="post.html" class="text-link">Read Post</a></p>
</div>
</div>
</div>
</section>
<section class="home-intro">
<h4>Short About Sections</h4>
<h2>Author of Quarantine Chronicles and designer</h2>
<p>A scelerisque erat fermentum a. Maecenas nec orci sed ex condimentum egestas. Etiam fermentum nisl nec sem vehicula, eget porta augue malesuada. Sed ac justo nibh. Ut non ligula nec massa euismod fermentum vel congue sem. Donec fringilla tristique justo, a scelerisque erat fermentum a. Maecenas nec orci sed ex condimentum egestas. Etiam fermentum nisl nec sem vehicula, eget porta augue malesuada. Sed ac justo nibh. Ut non ligula nec condimentum egest.</p>
<blockquote>Being quarantined has been hard on all of us in different ways. Maecenas nec orci sed ex condimentum egestas. Etiam fermentum nisl nec sem vehicula, eget porta augue malesuada. Sed ac justo nibh. Ut non ligula nec condimentum egest.</blockquote>
<p class="text-italic">Erisque erat fermentum a. Maecenas nec orci sed ex condimentum egestas. Etiam fermentum nisl nec sem vehicula, eget porta augue malesuada. Sed ac justo nibh. Ut non ligula nec massa euismod fermentum vel congue sem. Donec fringilla tristique justo, a scelerisque erat fermentum a.</p>
<p class="text-bold">Why are times so hard! Eget porta augue malesuada. Sed ac justo nibh. Ut non ligula nec massa euismod fermentum vel congue sem.</p>
<p class="text-underline">It's okay just breath.</p>
<p class="align-self-flex-end"><a href="about.html" class="btn">Learn More</a></p>
</section>
<section class="instagram-grid">
<h2 class="text-center">Journey on the Gram</h2>
<div class="photo-grid">
<div id="insta-1">
<img src="assets/instagram-1.jpg" alt="A bike indoors" class="img-fluid" />
</div>
<div id="insta-2">
<img src="assets/instagram-2.jpg" alt="Indoor plants" class="img-fluid" />
</div>
<div id="insta-3">
<img src="assets/instagram-3.jpg" alt="Pet cat with two different colored eyes" class="img-fluid" />
</div>
<div id="insta-4">
<img src="assets/instagram-4.jpg" alt="Counting down quarantine days" class="img-fluid" />
</div>
<div id="insta-5">
<img src="assets/instagram-5.jpg" alt="Kitchen" class="img-fluid" />
</div>
<div id="insta-6">
<img src="assets/instagram-6.jpg" alt="Yellow mug" class="img-fluid" />
</div>
</div>
</section>
<!-- Footer -->
<footer>
<p class="text-center">Quarantine Chronicles</p>
</footer>
<!-- Footer End-->
</body>
</html>