-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog.html
106 lines (103 loc) · 5.01 KB
/
blog.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="ie=edge" http-equiv="X-UA-Compatible">
<script src="https://kit.fontawesome.com/626e109417.js">
</script>
<link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed|Roboto+Mono&display=swap"
rel="stylesheet">
<title>Personal Blog Website</title>
<link href="styles/main.css" rel="stylesheet">
</head>
<body>
<header>
<nav class="blog-post">
<a href="index.html"><span class="arrow">←Back</span></a>
<h2>Blog Posts</h2>
</nav>
</header><br>
<main class="main">
<div class="bio">
<div class="avatar"><img alt="office work image" class="pic" src="https://i.imgur.com/cvT3J09.jpg">
</div>
<div class="author-bio">
<h2>This Is My Travel Wish Blog</h2>
<ul class="author-info">
<li>Name: Harsh Raj</li>
<li>Title: Learner</li>
<li>School: Udacity</li>
</ul>
</div>
</div><br>
<div class="bio-about">
<h3>Bio</h3>
<p>This is my wish list. Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Proin sed lectus at sapien pellentesque gravida a id justo. Donec varius erat ac tortor vehicula,
non ultricies neque tristique. Vivamus ac vehicula leo, et interdum magna. Sed efficitur posuere arcu,
in eleifend arcu hendrerit ut. Quisque dictum nisl sodales, porta dolor et, lobortis odio. Praesent
porta ante eget libero fringilla facilisis. Aliquam cursus ornare lorem, sit amet gravida ex euismod
sed. Ut vel imperdiet est. Aliquam tempor in erat in gravida. Mauris mauris est, auctor ut rutrum vel,
placerat ac orci. Etiam a ultrices neque, non sodales magna.</p>
</div>
<div class="social-icons">
<p tabindex="0">You can find me on:</p>
<ul>
<li>
<a href="https://www.linkedin.com/"><i class="fab fa-linkedin fa-2x"></i></a>
</li>
<li>
<a href="https://github.com/"><i class="fab fa-github fa-2x"></i></a>
</li>
<li>
<a href="https://twitter.com/"><i class="fab fa-twitter fa-2x"></i></a>
</li>
</ul>
</div>
<section class="article-grid">
<article class="grid one">
<h3 id="canaryislands">Canary Islands</h3><em></em>
<p><em>July 2nd, 2020</em></p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic ducimus
magni perspiciatis necessitatibus corporis cumque! Aperiam facere at, reprehenderit nisi est minima
recusandae ad quod et quos nam porro assumenda.</p>
<blockquote cite="https://everything-everywhere.com/8-facts-about-the-canary-islands/">
<p class="quote">The Canary Islands Has Its Own Form Of Wrestling. Lucha Canaria is the
name of the traditional form of wrestling on the islands. <u>It’s sort of a cross between
Greco-Roman wrestling and Sumo wrestling.</u> The traditional wrestling aspects come from
the grappling, and the Sumo aspects come from the round circle they fight in and try to throw
each other out of.</p>
</blockquote>
</article>
<article class="grid two">
<h3>Aloha, Hawaii</h3><em></em>
<p><em>July 2nd, 2020</em></p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic ducimus
magni perspiciatis necessitatibus corporis cumque! Aperiam facere at, reprehenderit nisi est minima
recusandae ad quod et quos nam porro assumenda.</p>
<blockquote cite="https://www.tourmaui.com/hawaiian-quotes-proverbs/">
<p class="quote">The word Aloha is known worldwide. This is because
anyone who visits Hawaii becomes charmed by the incredible beauty of these isolated islands.
Aside from the standard “hello and goodbye” definition of the word there lies a much deeper
meaning. Ancient Hawaiians held strong beliefs about the land and because they had no written
language they became masters of storytelling and recounting history through chants and legends.
<u>The spirit of Aloha was like a cultural guidance system for ancient Hawaiians who taught
their children “The Ways of Aloha”.</u></p>
</blockquote>
</article>
<article class="grid three">
<h3>Watching the Sunset</h3><em></em>
<p><em>July 2nd, 2020</em></p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic ducimus
magni perspiciatis necessitatibus corporis cumque! Aperiam facere at, reprehenderit nisi est minima
recusandae ad quod et quos nam porro assumenda.</p>
<blockquote cite="https://everydaypower.com/sunset-quotes/">
<p class="quote"><u>“Sunset shows that LIFE is too beautiful to hold on to the past so
Move on to the Present.”</u> ― Jennifer Aquillo</p>
</blockquote>
</article>
</section>
</main>
</body>
</html>