forked from CodeYourFuture/HTML-CSS-Coursework-Week1
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
108 lines (91 loc) · 3.32 KB
/
index.html
File metadata and controls
108 lines (91 loc) · 3.32 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<title>Jerusalem </title>
<link
href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
rel="stylesheet"
type="text/css"
/>
<link rel="stylesheet" href="css/style.css" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
<body>
<!--This's the main continer of the all page content-->
<div>
<header class="header">
<img src="header.jpg" width="100%" height="200px">
<hr>
<marquee>
<H2> Jerusalem is the cpital of Palestin </H2>
</marquee>
<hr>
</header>
<!--This's the continer of the all articals pics and video-->
<div>
<!--This's the articals continer -->
<div class="continer">
<!--This's the first div of the topics divs-->
<div class="div">
<h4>
What is Gzaz :
</h4>
<img src="1.jpg" style="width: 15em; height: 8em;">
<p>
The Gaza Strip, or simply Gaza, is a self-governing Palestinian territory on
the eastern coast of the Mediterranean Sea. It borders Egypt on the southwest
for 11 kilometers and Israel on the east and north along a 51 km border.
Gaza and the West Bank are claimed by the de jure sovereign State of Palestine.
</p>
</div>
<!--This's the second div of the topics divs-->
<div class="div">
<h4>
Jerusalem :
</h4>
<img src="2.webp" style="width: 15em; height: 8em;">
<p>
Jerusalem is a city in Western Asia, on a plateau in the Judaean
Mountains between the Mediterranean and the Dead Sea. It is one
of the oldest cities in the world, and is
considered holy to the three major Abrahamic religions—Judaism, Christianity, and Islam.
</p>
</div>
<!--This's the thierd div of the topics divs-->
<div class="div">
<h4>
Palestinian-Isr conflict :
</h4>
<img src="3.webp" style="width: 15em; height: 8em;">
<p>
The Israeli–Palestinian conflict is one of the world's most enduring hostilities,
with the Israeli occupation of the West Bank and the Gaza Strip reaching 53 years.
Various attempts
have been made to resolve the conflict as part of the Israeli–Palestinian peace process
</p>
</div>
</div>
<!--This's a picture and video related to the topic-->
<img src="4.jpg" style="width: 100%; height: 500;">
<div class="video" >
<iframe width="100%" height="500" src="https://www.youtube.com/embed/8410LF4TMvw"
title="YouTube video player" frameborder="8px"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<!--This's the page footer -->
<footer class="footer">
<p>
This website has been desinged by Abobaker MoahmedAli
</p>
</footer>
</div>
<!-- Add your HTML markup here -->
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
</body>
</html>