-
Notifications
You must be signed in to change notification settings - Fork 0
/
Blog_Post.html
106 lines (100 loc) · 6.53 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blog-Post</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="Css/Post_Style.css">
</head>
<body>
<div class="container">
<!-- Start the header and navbare section-->
<header class="header">
<div class="navbar">
<span class="blog-name">EGYPT</span>
<input class="menu-btn" type="checkbox" id="menu-btn" />
<ul class="menu nav-items">
<li><a href="index.html">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
<ul class="menu social-icons">
<li><a href="#"><i class="fa fa-facebook"></a></i></li>
<li><a href="#"><i class="fa fa-instagram"></a></i></li>
<li><a href="#"><i class="fa fa-twitter"></a></i></li>
<li><a href="#"><i class="fa fa-youtube"></a></i></li>
</ul>
<label class="menu-icon" for="menu-btn">
<span class="nav-icon"></span>
</label>
</div>
</header>
<!-- End the header and navbare section -->
<!-- Start The Post Section-->
<section class="post">
<div class="card">
<div class="card-img"></div>
<figcaption> Cairo, Egypt.</figcaption>
<div class="card-content">
<h3 class="post-title">The Beaty Of Cairo "The Captial of Egypt"</h3>
<span class="post-date">1 Feb, 2021</span>
<div class="author">
<img src="Images/avater.png" alt="Avatar" class="avatar">
<p>
mohamed saber <br>
student at Assiut University - Egypt <br>
interested in Egyptian history <br>
<a href="#"><i class="fa fa-facebook"></a></i>
<a href="#"><i class="fa fa-instagram"></a></i>
<a href="#"><i class="fa fa-twitter"></a></i>
<a href="#"><i class="fa fa-youtube"></a></i>
</p>
</div>
<article>
<p class="myarticle post-content">
<b>What comes in you mind when you hear the name of Cairo?</b><br>
<i>Pyramids and Sphinx</i> <br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec varius vulputate tortor, at vestibulum ligula consectetur vitae. Duis dapibus diam id enim sollicitudin, id
porta turpis aliquet. Suspendisse potenti. Duis volutpat non nisi ac iaculis. Quisque aliquet elementum quam eget rhoncus. Vivamus eleifend quis dui eu rhoncus. Nam facilisis
ac velit vel egestas. Vivamus ut quam ut nibh blandit lobortis et in metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent lobortis dictum sapien
vel efficitur. Mauris finibus tortor non cursus volutpat. Integer id leo vitae ante finibus feugiat nec sed leo. Integer vel erat eget nunc lobortis pretium. Quisque
nec felis pulvinar, aliquam felis sed, lobortis nisl. Suspendisse id nulla id tortor consectetur molestie. Praesent maximus magna fringilla, ullamcorper neque vel,
iaculis metus.
Sed sollicitudin scelerisque elementum. Suspendisse in justo non tortor vulputate aliquet at porta enim. Praesent eget facilisis nisl. Curabitur scelerisque augue in
tellus aliquam, et aliquet nisl imperdiet. Donec commodo, sapien at viverra fringilla, lacus leo efficitur magna, at porttitor dui augue eget nunc. Vestibulum faucibus auctor nisl, sed pretium nibh vestibulum in. Duis bibendum metus lacus, quis finibus nisl tempor sed. Maecenas rutrum nec sem at pretium. Etiam efficitur velit fermentum, pretium metus sagittis, aliquam urna. Aliquam erat volutpat. In quis augue eget est convallis pharetra vel vel felis. In hac habitasse platea dictumst. Praesent blandit tincidunt ipsum ut mattis. Nam dictum malesuada sagittis.
Quisque facilisis sem massa, et dapibus nisl tristique non.
Aliquam lectus diam, placerat non quam id, eleifend aliquam libero. Quisque quis metus eget nulla vestibulum euismod. Quisque id congue purus, sed aliquet neque. Sed
eget ante est. Suspendisse venenatis feugiat sapien vel euismod. In purus nulla, ornare at diam at, rhoncus vehicula turpis. Aliquam laoreet porttitor libero, at fringilla enim congue et. Donec at turpis elementum, sodales turpis vel, cursus ante.
</p>
<blockquote cite="https://www.goodreads.com/work/quotes/9396026-cadogan-guide-cairo-luxor-and-aswan">
<p>
Cairo is one of the greatest storehouses of human achievement on earth,
ranging from the pharaonic through the Christian and Islamic periods to the Belle Epoque
</p>
<footer> —Michael Haag, <cite>Cadogan Guide Cairo, Luxor and Aswan</cite></footer>
</blockquote>
<ul>
<b><u>Famous places in Cairo</u></b>
<li>Pyramids of Giza</li>
<li>Egyptian Museum</li>
<li> Islamic Cairo</li>
<li>Old Cairo (Coptic Cairo)</li>
<li>Khan el-Khalili (Souq Quarter)</li>
<li>The Citadel</li>
<li>Cairo Tower</li>
</ul>
</article>
</div>
</div>
</section>
<!-- End The Post Section-->
<!-- Start The Footer Section-->
<footer class="footer">
© 2021 - Mohamed Saber - EGYPT BLOG, All Copyrights Reserved
</footer>
<!-- End The Footer Section-->
</div>
</body>
</html>