-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
131 lines (123 loc) · 7.86 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-sm-2">
<div class="container menu1">
<a href="#"><img src="./images/wiki-logo.png" alt="wikipedia-logo" title="Visit the main page" class="logo"></a>
<a href="#" class="active">Main page</a>
<a href="#">Contents</a>
<a href="#">Current events</a>
<a href="#">Random article</a>
<a href="#">About Wikipedia</a>
<a href="#">Contact us</a>
<a href="#">Donate</a>
<p>Contribute</p>
<a href="#">Help</a>
<a href="#">Learn to edit</a>
<a href="#">Community portal</a>
<a href="#">Recent changes</a>
<a href="#">Upload file</a>
<p>Tools</p>
<a href="#">What links here</a>
<a href="#">Related changes<a>
<a href="#">Special pages</a>
<a href="#">Permanent link</a>
<a href="#">Page information</a>
<a href="#"></a>
<a href="#">Wikidata item</a>
</div>
</div>
<div class="col-sm-10">
<div class="grad1">
<div>
<nav class="navbar navbar-expand justify-content-end">
<ul class="navbar-nav">
<i class="material-icons nav-item">person</i>
<li class="nav-item navbar-text text-muted">Not logged in</li>
<li class="nav-item"><a href="#" class="nav-link">Talk</a></li>
<li class="nav-item"><a href="#" class="nav-link">Contributions</a></li>
<li class="nav-item"><a href="#" class="nav-link">Create account</a></li>
<li class="nav-item"><a href="#" class="nav-link">Login</a></li>
</ul>
</nav>
</div>
<nav class="navbar navbar-expand p-0">
<ul class="navbar-nav half">
<div class="firsthalf">
<li class="nav-item"><a href="#" class="nav-link text-black">Main page</a></li>
<li class="nav-item"><a href="#" class="nav-link grad">Talk</a></li>
</div>
<div class="sechalf">
<li class="nav-item"><a href="#" class="nav-link text-black">Read</a></li>
<li class="nav-item"><a href="#" class="nav-link grad">View source</a></li>
<li class="nav-item"><a href="#" class="nav-link grad">View history</a></li>
<form class="nav-item navbar-text">
<input type="text" placeholder="Search wikipedia" class=" search">
<i class="material-icons nav-item d-block" id="mysearch">search</i>
</form>
</div>
</ul>
</nav>
<div>
</div>
</div>
<div class="container">
<div class="welcome mt-3 pt-2">
<div class="welc1">
<h4>Welcome to <a href="#">Wikipedia</a></h4>
<p>the <a href="#">free encyclopedia</a> that <a href="#">anyone can edit</a>. <br><a href="#">6,459,952</a>articles in <a href="#">English</a></p>
</div>
<div class="welc2">
<ul>
<li>The arts</li>
<li>Biography</li>
<li>Geography</li>
</ul>
<ul>
<li>History</li>
<li>Mathematics</li>
<li>Science</li>
</ul>
<ul>
<li>Society</li>
<li>Technology</li>
<li><strong>All portals</strong></li>
</ul>
</div>
</div>
<div class="flexo m-1">
<div class="news1">
<h3 class="mt-2"><strong>From today's featured article</strong></h3>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/ce/Ham_House%2C_London.jpg/342px-Ham_House%2C_London.jpg" alt="london" class="cardim1">
<p>Ham House is a 17th-century house set in formal gardens on the bank of the River Thames in Ham, London. The original house was completed by 1610 by Thomas Vavasour, an Elizabethan courtier. Built of red brick, it had a traditional Elizabethan era H-plan. The house was later home to Elizabeth Maitland and her husband John, Duke of Lauderdale, when they held important roles at the court of Charles II. They had the house doubled in size and equipped with princely private apartments and accommodation suites for visitors. It was furnished to the highest standards and lavishly decorated. The gardens and grounds were carefully designed. After Elizabeth's death, the property passed down within her family until it was donated to the National Trust in 1948. The house and gardens were later opened to the public. Ham retains many original Jacobean and Caroline features and furnishings, in unusually fine condition. The house is a Grade I listed building and its park and gardens are Grade II* listed.</p>
</div>
<div class="news2">
<h3 class="mt-2"><strong>In the news</strong></h3>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/cc/Masjid_Raya_Kajai_Foto_Fuadi_Zikri.jpg/374px-Masjid_Raya_Kajai_Foto_Fuadi_Zikri.jpg" alt="" class="cardim2">
<ul>
<li>At least eleven people are killed in an earthquake (damage pictured) in West Sumatra, Indonesia.</li>
<li>Russia launches an invasion of Ukraine.</li>
<li>The Winter Olympics conclude in Beijing, China.</li>
<li>At least 217 people are killed due to mudslides and floods in Petrópolis, Rio de Janeiro, Brazil.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>