-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog-post.html
150 lines (150 loc) · 7.82 KB
/
blog-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
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 http-equiv="X-UA-Compatible" content="ie=edge">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Top Things To Do In Düsseldorf </title>
<link rel="stylesheet" href="css/blog-page-style.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay"
crossorigin="anonymous"/>
<link href="https://fonts.googleapis.com/css2?family=Knewave&family=Petit+Formal+Script&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Finger+Paint&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Anton&display=swap" rel="stylesheet">
</head>
<body>
<div id="cont-flex">
<div class="img-logo">
<img id="logo" src="images/logo.png" alt="Love to travel logo">
</div>
<nav>
<ul class="navigate-links">
<li>
<a class="navigate-link" href="index.html">Home</a>
</li>
<li>
<a class="navigate-link" href="blog-post.html">Blog</a>
</li>
</ul>
</nav>
</div>
<div id="cont-grid">
<header id="top">
<h1> Love to travel <span> "A solo travel blog" </span> </h1>
<blockquote cite="https://steemit.com/quotes/@mearain/22-don-t-listen-to-what-they-say-go-see-chinese-proverb">
<p> Don't listen to what they say, go see <cite>-- chinese Proverb </cite> </p> </blockquote>
</blockquote>
</header>
<section id="pic-sect">
<div id="pic-1" class="picture-sect">
</div>
<div id="pic-2" class="picture-sect">
</div>
<div id="pic-3" class="picture-sect">
</div>
<div id="pic-4" class="picture-sect">
</div>
<div id="pic-5" class="picture-sect">
</div>
<div id="pic-6" class="picture-sect">
</div>
<div id="pic-7" class="picture-sect">
</div>
<div id="pic-8" class="picture-sect">
</div>
</section>
<article id="post-sect">
<div class="blog-post-title">
<h2>TOP THINGS TO DO IN DÜSSELDORF</h2>
<p class="post-date"><em> Wanderlust Chloe | 30th June 2019 </em></p>
</div>
<div class="author-info">
<div class="author-sect">
<img src="images/avatar.jpg" alt="Wanderlust Chloe" class="author-image">
</div>
<p class="author-info-text">
<strong>Wanderlust Chloe</strong> is a <em> UK travel blogger </em> with a passion for adventure, food and memorable experiences.
She launched a travel blog to share stories, tips and photos, and inspire others to go on their very own adventure!
</p>
</div>
<div class="blog-article">
<p>
Düsseldorf’s Old Town is very pretty. Skinny cobbled streets run through it, leading to attractive squares and the
Rhine River. It’s a buzzy area, filled with shops, restaurants and bars, but it’s small enough to wander on foot.
Be sure to check out Burgplatz, St Lambertus Church and the main square, which make up one of the most photogenic
spots in the city.
</p>
<p>
I spotted this lovely moment as bubbles drifted into the skies around the Burgplatz. It’s been named one of the
most beautiful squares of post-war Germany, an accolade I’m sure you’ll agree with when you see it!
</p>
<p>
We were lucky with the weather when we visited in May. The skies were blue and the sun was shining – it was perfect
weather for a leisurely stroll along the Rhine Promenade.
</p>
<h3> Take In The City’s Modern Art And Architecture </h3>
<p>
This was my first trip to Düsseldorf, and one of the things that stood out was city’s modern architecture. Walking down the
Rhine Promenade, it was lovely to see the bridge and TV Tower, but that was just the start…
</p>
<figure>
<img src="images/postpic1.jpg" alt="Glowing Rooms Dusseldorf" class="pic-post">
<figcaption>Glowing Rooms Dusseldorf.</figcaption>
</figure>
<p>
<strong>Benrath Palace </strong> (Schloss Benrath) – This beautiful dusty pink palace was built over 200 years ago
as the summer house of Elector Carl Theodor. It’s set in stunning landscaped gardens, that were filled with May
flowers when we visited. You can explore the gardens for free, but you’ll need to buy a ticket if you want to see
inside.
</p>
<figure>
<img src="images/postpic2.jpg" alt="Benrath Palace" class="pic-post">
<figcaption>Benrath Palace.</figcaption>
</figure>
<section class="share-post">
<p> Share with your friends
<a href="https://facebook.com" target="_blank" class="contact-details">
<i class="fab fa-facebook-square"></i>
</a>
<a href="https://twitter.com" target="_blank" class="contact-details">
<i class="fab fa-twitter"></i>
</a>
<a href="https://Instagram.com" target="_blank" class="contact-details">
<i class="fab fa-linkedin"></i>
</a>
</p>
</section>
</div>
</article>
<footer id="ft">
<section id="contact-details" class="contact-section">
<div class="contact-links">
<a href="https://facebook.com" target="_blank" class="contact-details">
<i class="fab fa-facebook-square"></i> Facebook
</a>
<a href="https://twitter.com" target="_blank" class="contact-details">
<i class="fab fa-twitter"></i> Twitter
</a>
<a id="profile-link" href="https://Instagram.com" target="_blank" class="contact-details">
<i class="fab fa-instagram"></i> Instagram
</a>
<a href="https://www.pinterest.com" target="_blank" class="contact-details">
<i class="fab fa-pinterest-square"></i> Pinterest
</a>
<a href="https://www.youtube.com" target="_blank" class="contact-details">
<i class="fab fa-youtube"></i> Youtube
</a>
<a href="mailto:example@example.com" target="_blank" class="contact-details">
<i class="fas fa-envelope"></i> Send a mail
</a>
</div>
<hr class="horizontal-line">
<div class="bottom-part">
<a href="#cont-flex" class="back-to-top"> <i class="fas fa-chevron-up"></i> Back to top <i class="fas fa-chevron-up"></i> </a>
<p id="credits"> <em> Design by </em> <strong> Yehia Seif </strong> </p>
</div>
</section>
</footer>
</div>
</body>
</html>