-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
236 lines (236 loc) · 8.61 KB
/
about.html
File metadata and controls
236 lines (236 loc) · 8.61 KB
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
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
<!DOCTYPE html>
<html
data-wf-domain="the-arab.webflow.io"
data-wf-page="62a5b3590a53a21ef602afa2"
data-wf-site="62a5b3590a53a22dac02af9d"
data-wf-status="1"
>
<head>
<meta charset="utf-8" />
<title>About</title>
<meta content="width=device-width, initial-scale=1" name="viewport" />
<meta content="Webflow" name="generator" />
<link
href="https://uploads-ssl.webflow.com/62a5b3590a53a22dac02af9d/css/the-arab.webflow.399711d96.css"
rel="stylesheet"
type="text/css"
/>
<script
src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"
type="text/javascript"
></script>
<script type="text/javascript">
WebFont.load({
google: {
families: ["Lora:regular,italic,700", "Oxygen:300,regular,700"],
},
});
</script>
<!--[if lt IE 9
]><script
src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"
type="text/javascript"
></script
><![endif]-->
<script type="text/javascript">
!(function (o, c) {
var n = c.documentElement,
t = " w-mod-";
(n.className += t + "js"),
("ontouchstart" in o ||
(o.DocumentTouch && c instanceof DocumentTouch)) &&
(n.className += t + "touch");
})(window, document);
</script>
<link
href="https://uploads-ssl.webflow.com/62a5b3590a53a22dac02af9d/62b42c7b27de137f1cc2accb_117c61bc1596e2211d46440138e19fa3.ico"
rel="shortcut icon"
type="image/x-icon"
/>
<link
href="https://uploads-ssl.webflow.com/62a5b3590a53a22dac02af9d/62b42c3b3ea0dd5951a9e39b_icon.png"
rel="apple-touch-icon"
/>
</head>
<body>
<div>
<div
data-collapse="medium"
data-animation="default"
data-duration="400"
style="opacity: 0"
data-easing="ease"
data-easing2="ease"
role="banner"
class="navbar w-hidden-main w-hidden-medium w-hidden-small w-hidden-tiny w-nav"
>
<div class="w-container">
<a href="#" class="logo w-nav-brand"></a>
<nav role="navigation" class="w-nav-menu">
<a href="#" class="w-nav-link">Home</a
><a href="#" class="w-nav-link">About</a
><a href="#" class="w-nav-link">Contact</a>
</nav>
<div class="w-nav-button"><div class="w-icon-nav-menu"></div></div>
</div>
</div>
<div
data-collapse="tiny"
data-animation="over-right"
data-duration="400"
data-easing="ease"
data-easing2="ease"
role="banner"
class="navbar w-nav"
>
<div class="container-2 w-container">
<a href="/" class="logo w-clearfix w-nav-brand"
><div class="long-text">The Arab.</div></a
>
<nav role="navigation" class="nav-menu w-nav-menu">
<a href="/" class="nav-link links currenter w-nav-link">Home</a
><a href="/categories" class="nav-link links w-nav-link"
>Categories</a
><a
href="/about"
aria-current="page"
class="nav-link links w-nav-link w--current"
>About</a
><a href="/contact" class="nav-link links w-nav-link">Contact</a
><a
href="#"
class="close-x w-hidden-main w-hidden-medium w-hidden-small"
>×</a
><a href="#Footer" class="nav-link links current w-nav-link"
>FOOTER</a
>
</nav>
<div
class="menu-button w-hidden-main w-hidden-medium w-hidden-small w-clearfix w-nav-button"
>
<div class="menu-icon w-icon-nav-menu"></div>
<div class="menu-link">MENU</div>
</div>
</div>
</div>
<div class="inner-hero about-page wf-section">
<div class="w-container">
<h1 class="hero-header">We love writing</h1>
</div>
</div>
<div id="posts" class="main-section wf-section">
<div class="w-container">
<div class="w-row">
<div class="w-col w-col-4">
<img
src="https://uploads-ssl.webflow.com/62a5b3590a53a22dac02af9d/62b6c1d9c89f594e4ed31a31_British_Museum_Flood_Tablet_1.jpg"
width="344"
sizes="(max-width: 479px) 79vw, (max-width: 767px) 72vw, (max-width: 991px) 30vw, 300px"
srcset="
https://uploads-ssl.webflow.com/62a5b3590a53a22dac02af9d/62b6c1d9c89f594e4ed31a31_British_Museum_Flood_Tablet_1-p-500.jpeg 500w,
https://uploads-ssl.webflow.com/62a5b3590a53a22dac02af9d/62b6c1d9c89f594e4ed31a31_British_Museum_Flood_Tablet_1-p-800.jpeg 800w,
https://uploads-ssl.webflow.com/62a5b3590a53a22dac02af9d/62b6c1d9c89f594e4ed31a31_British_Museum_Flood_Tablet_1.jpg 834w
"
alt="Malhama Gilgamesh, of the oldest fiction in the world, written in Bilad Al-Rafidain, an old name for Iraq"
class="about-image"
/>
</div>
<div class="w-col w-col-8">
<div class="w-richtext">
<p>
This is a blog I started as a project at around the start of
2022.
</p>
<p>
Writing is such an important skill that everybody should
learn. Apart from the obvious, It can help you deepen your
understanding by structuring your ideas in words as if you
were teaching someone else!
</p>
<p>
I designed the website to have an Arabic feel to it while
still making it appeal to everybody. Regardless, I'm
planning to add more features in the future, stay tuned!
</p>
</div>
</div>
</div>
</div>
</div>
<div id="Footer" class="main-section dark wf-section">
<div class="w-container">
<div class="section-heading that">
<h2 class="white">Stay in Touch</h2>
<div class="med-divider"></div>
</div>
<div class="form-wrapper w-form">
<form
id="email-form"
name="email-form"
data-name="Email Form"
action="https://formsubmit.co/cd1d4310e0e4a033f9f05ad680d47c34"
method="post"
class="w-clearfix"
>
<input
type="email"
class="field w-input"
maxlength="256"
name="email"
data-name="Email"
placeholder="Enter your email address"
id="email"
required=""
/><input
type="submit"
value="Submit"
data-wait="Please wait..."
class="submit-button w-button"
/>
</form>
<div class="success-message w-form-done">
<p>Thank you! Your submission has been received!</p>
</div>
<div class="w-form-fail">
<p>Oops! Something went wrong while submitting the form</p>
</div>
</div>
</div>
<div class="footer-section">
<div class="w-container">
<div class="w-row">
<div class="column w-col w-col-4 w-col-small-4">
<a href="/" class="footer-logo w-inline-block w-clearfix"
><div class="long-text">The Arab.</div></a
>
</div>
<div class="footer-links w-col w-col-8 w-col-small-8">
<a href="/" class="footer-link">Home</a
><a href="/categories" class="footer-link">Categories</a
><a
href="/about"
aria-current="page"
class="footer-link w--current"
>About</a
><a href="/contact" class="footer-link">Contact</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script
src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=62a5b3590a53a22dac02af9d"
type="text/javascript"
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
crossorigin="anonymous"
></script>
<script
src="/js.js"
type="text/javascript"
></script>
<!--[if lte IE 9
]><script src="//cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script
><![endif]-->
</body>
</html>