-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
45 lines (45 loc) · 3.8 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
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="./style.css" type="text/css">
</head>
<body dir="rtl">
<header id="main-header">
<h1>انتخابات 2018</h1>
<p>لكن لا بد أن أوضح لك أن كل هذه الأفكار المغلوطة حول استنكار النشوة وتمجيد الألم نشأت بالفعل، وسأعرض لك التفاصيل لتكتشف حقيقة وأساس تلك السعادة البشرية، فلا أحد يرفض أو يكره أو يتجنب الشعور بالسعادة، ولكن بفضل هؤلاء الأشخاص الذين لا يدركون بأن السعادة لا بد أن نستشعرها بصورة أكثر عقلانية ومنطقية فيعرضهم هذا لمواجهة الظروف الأليمة، وأكرر بأنه لا يوجد من يرغب في الحب ونيل المنال ويتلذذ بالآلام، الألم هو الألم ولكن نتيجة لظروف ما قد تكمن السعاده فيما نتحمله من كد وأسي.</p>
<button type="button" name="main-header-start-button">ابدأ</button>
</header>
<section id="main-start">
<p id="main-start-explanation">لكن لا بد أن أوضح لك أن كل هذه الأفكار المغلوطة حول استنكار النشوة وتمجيد الألم نشأت بالفعل، وسأعرض لك التفاصيل لتكتشف حقيقة وأساس تلك السعادة البشرية، فلا أحد يرفض أو يكره أو يتجنب الشعور بالسعادة، ولكن بفضل هؤلاء الأشخاص الذين لا يدركون بأن السعادة لا بد أن نستشعرها بصورة أكثر عقلانية ومنطقية فيعرضهم هذا لمواجهة الظروف الأليمة، وأكرر بأنه لا يوجد من يرغب في الحب ونيل المنال ويتلذذ بالآلام، الألم هو الألم ولكن نتيجة لظروف ما قد تكمن السعاده فيما نتحمله من كد وأسي.</p>
<nav>
<ul>
<li><a href="#" id="link-north-1">دائرة الشمال الأولى</a></li>
<li><a href="#" id="link-north-2">دائرة الشمال الثانية</a></li>
<li><a href="#" id="link-north-3">دائرة الشمال الثالثة</a></li>
<li><a href="#" id="link-beqaa-1">دائرة البقاع الاولى</a></li>
<li><a href="#" id="link-beqaa-2">دائرة البقاع الثانية</a></li>
<li><a href="#" id="link-beqaa-3">دائرة البقاع الثالثة</a></li>
<li><a href="#" id="link-mount-lebanon-1">دائرة جبل لبنان الاولى</a></li>
<li><a href="#" id="link-mount-lebanon-2">دائرة جبل لبنان الثانية</a></li>
<li><a href="#" id="link-mount-lebanon-3">دائرة جبل لبنان الثالثة</a></li>
<li><a href="#" id="link-mount-lebanon-4">دائرة جبل لبنان الرابعة</a></li>
<li><a href="#" id="link-beirut-1">دائرة بيروت الاولى</a></li>
<li><a href="#" id="link-beirut-2">دائرة بيروت الثانية</a></li>
<li><a href="#" id="link-south-1">دائرة لبنان الجنوبي الاولى</a></li>
<li><a href="#" id="link-south-2">دائرة لبنان الجنوبي الثانية</a></li>
<li><a href="#" id="link-south-3">دائرة لبنان الجنوبي الثالثة</a></li>
</ul>
<nav>
</section>
<footer id="footer">
<nav>
<ul>
<li><a href="#">حول الموقع</a></li>
<li><a href="#">المنهجية</a></li>
<li><a href="#">الأسئلة</a></li>
</ul>
</nav>
</footer>
</body>
</html>