-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
143 lines (137 loc) · 5.67 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
<!doctype html>
<html lang="en">
<head>
<link href="main.css" type="text/css" rel="stylesheet">
<script src="https://kit.fontawesome.com/addeb18436.js" crossorigin="anonymous"></script>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="icon" href="media/favicon.ico" type="image/x-icon">
<title>The World of Mohammad Shooshinasab</title>
</head>
<body>
<div id="root">
<header class="header">
<div class="header-image">
<h1>The World of Mohammad Shooshinasab</h1>
<span>Sharing my life.</span>
</div>
<nav class="navbar">
<div class="navbar-links">
<a href="index.html">FRONT PAGE</a>
<a href="/page/about-me/">ABOUT ME</a>
<a href="/page/study-in-iran/">STUDY IN IRAN</a>
<a href="/page/travel/">TRAVEL</a>
<a href="/page/my-work/">MY WORK</a>
<a class="navbar-span">LIFE IN NISHAPUR</a>
</div>
<div class="navbar-search">
<i class="fa-solid fa-magnifying-glass"></i>
</div>
</nav>
</header>
<main class="main">
<div class="main-column">
<div class="blog">
<a class="blog-header">
"Nishapur Travel Notes"
</a>
<img class="blog-image" src="/media/neyshabur.JPG">
<span class="blog-description"> Nishapur or officially Romanized as Neyshabur is the second largest city of Razavi Khorasan
Province,
the historic capital of the western half of Greater ...
</span>
<a class="blog-continue">Continue Reading →</a>
<div class="blog-comment">
<i class="fa-solid fa-comments"></i>
<i class="fa-solid fa-thumbtack"></i>
</div>
</div>
</div>
<div class="main-column">
<div class="blog">
<a class="blog-header">
"Tehran Travel Notes"
</a>
<img class="blog-image" src="/media/tehran.JPG">
<span class="blog-description">With a population of around 8.7 million in the city and 15 million in the larger metropolitan area
of
Greater Tehran, Tehran is the most populous city in Iran ...
</span>
<a class="blog-continue">Continue Reading →</a>
<div class="blog-comment">
<i class="fa-solid fa-comments"></i>
<i class="fa-solid fa-thumbtack"></i>
</div>
</div>
</div>
<div class="main-column">
<div class="blog">
<a class="blog-header">
"Shiraz Travel Notes"
</a>
<img class="blog-image" src="/media/shiraz.JPG">
<span class="blog-description"> Shiraz is the fifth-most-populous city of Iran and the capital of its Fars Province, which has been
historically known as Pars (پارس, Pārs) and Persis.
</span>
<a class="blog-continue">Continue Reading →</a>
<div class="blog-comment">
<i class="fa-solid fa-comments"></i>
<i class="fa-solid fa-thumbtack"></i>
</div>
</div>
</div>
</main>
<footer class="footer">
<div class="footer-column">
<div class="blog-footer">
<strong class="blog-footer-header">
READ MORE
</strong>
<ul>
<li class="blog-footer-comment"> Sardar, Marika ((originally published October 2001, last revised
July 2011)).
</li>
<li class="blog-footer-comment">The Metropolitan Museum. {{cite web}}: Check date values in:
|date= (help)
</li>
<li class="blog-footer-comment">"The Metropolitan
Museum's Excavations at Nishapur".
</li>
<li class="blog-footer-comment"> Sardar, Marika. "The Metropolitan Museum's Excavations at
Nishapur". The Metropolitan Museum of
Art.
</li>
</ul>
</div>
</div>
<div class="footer-column">
<div class="blog-footer">
<strong class="blog-footer-header">
BLOG STATISTICS
</strong>
<ul>
<li class="blog-footer-comment">
Heilbrunn Timeline of Art History. p. 1. Retrieved 6 November 2020.
</li>
</ul>
</div>
</div>
<div class="footer-column">
<div class="blog-footer">
<strong class="blog-footer-header">
SEARCH KEYWORDS
</strong>
<div class="search" >
<input class="input-search-footer" type="search" placeholder="search...">
<span class="sign"><i class="fa-solid fa-magnifying-glass"></i></span>
<span class="up"><i class="fa-solid fa-arrow-up"></i></span>
</div>
</div>
</div>
</footer>
</div>
<script src="script.js" type="javascript"></script>
</body>
</html>