-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlam.html
196 lines (178 loc) · 10.4 KB
/
lam.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>lam</title>
<link rel="stylesheet" href="lam.css">
</head>
<body>
<header>
<nav>
<ul>
<li><a href="project.html">Home</a></li>
<li><a href="world.html">World</a></li>
<li><a href="politics.html">Politics</a></li>
<li><a href="business.html">Business</a></li>
<li><a href="technology.html">Technology</a></li>
</ul>
</nav>
<h3 style="color: white; text-shadow: 2px 2px black;" align="center"> <font> News Website</font></h3>
</header>
<!------------------------------- Featured News ------------------------------------------->
<div class="fixed">
<div class="sideLeft">
<h1>Ads</h1>
</div>
<div class="sideMid">
<section class="featured-article">
<div class="bigArt">
<article>
<h3>Lamborgini has been launched in India with starting price of $3M.</h3>
<div style="background-color: rgb(213, 207, 207);">
<img src="lam.png" alt="Featured Article Image" id="big">
<small>New Lamborgini Car in Gameloft.</small>
</div>
<div>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga reprehenderit reiciendis mollitia, cumque id quae qui molestiae deleniti dicta voluptatibus numquam aliquam commodi aliquid cupiditate! Vero voluptatum a obcaecati esse.
Adipisci magni, qui officia, earum explicabo autem ipsa esse sit recusandae veniam inventore possimus corporis amet ratione odio vitae magnam culpa vel dignissimos? Ad est rerum odio commodi saepe autem.
Aliquam incidunt, cupiditate nemo laborum illum unde quia eius tempora maiores fuga sed distinctio laudantium culpa harum possimus ratione nam explicabo modi maxime dolor ullam quod vel molestiae? Tempora, neque!
Quam ut voluptatem aut cum in! Incidunt amet sit quis animi earum voluptates at aut exercitationem neque. Voluptatem asperiores perferendis fugiat cum, ad pariatur libero! Nobis tenetur perspiciatis aliquid sequi!
Repudiandae, ad sunt! Tenetur neque aut nisi odit praesentium doloribus non et magnam sunt, laboriosam corrupti aliquid, omnis saepe facilis dolore nulla modi quia, amet sequi? Praesentium voluptates ullam libero.
Repudiandae eaque ab fuga illo dignissimos molestiae fugiat veniam laborum dicta sit! Non modi labore quo nemo et, corporis maxime nisi deserunt ex! Minima, facilis qui laboriosam consectetur rem maxime.
Cum dicta, praesentium iure est explicabo cupiditate, reprehenderit beatae sed recusandae aliquam quod sint, repellendus ut sequi corrupti similique non consequuntur. Sequi, corporis nobis ad quod modi perferendis est excepturi?
Iste earum amet pariatur possimus animi tenetur magnam fuga quis, sint perferendis reiciendis, obcaecati error consectetur explicabo, expedita dolores maxime voluptatem quo repudiandae totam suscipit fugit repellendus quibusdam! Tempore, perspiciatis.
Voluptatum velit blanditiis modi at. Doloremque adipisci veritatis tempore odio temporibus in molestias earum repellendus laudantium expedita! Doloremque harum, nostrum omnis, ex laudantium, ratione enim repellendus iusto dolorum eaque voluptas?
Laborum corporis inventore iusto dolores numquam eaque, eum ipsum amet suscipit repellendus id, magnam aspernatur reiciendis, molestiae vel. Odit sit adipisci quod accusamus maxime, similique debitis eaque alias! Delectus, eveniet!
Consequatur, temporibus fuga. Cumque distinctio officiis temporibus consequuntur at suscipit sint nesciunt magnam minima exercitationem deleniti ipsam soluta nihil nostrum perferendis vel facilis officia quisquam, tenetur corrupti voluptates similique ipsum.
Laboriosam tempora, repellat facere ut dicta accusantium modi. Ullam explicabo molestias quod ipsum, suscipit distinctio, dolores assumenda quae laborum, quas animi autem minima voluptatem magni modi nemo mollitia vitae! Similique.
Suscipit, aliquid maxime blanditiis a, explicabo beatae error ullam quisquam corporis voluptatem soluta. Libero quod sequi, doloremque debitis nostrum minima eos adipisci vel consectetur ex! Corrupti ducimus vitae architecto repellendus?
Consequatur, odio. Officiis inventore quisquam debitis? Aliquid quibusdam ea, dolorum dignissimos in nihil? Velit cupiditate sequi, nobis consequuntur harum dolores ad ipsa reiciendis quisquam, maxime debitis officia modi aspernatur pariatur?
Eos quam expedita nulla doloremque incidunt nesciunt molestiae quidem omnis aliquam dolorum cupiditate ea vitae delectus iure, magnam harum nemo, adipisci iste aut obcaecati quod facere? Aperiam vitae totam similique?
</p>
</div>
</article>
</div>
</div>
<!------------------------------- Latest News ------------------------------------------->
<div class="sideRight">
<section>
<h2 class="underligned">Latest News</h2>
<ul>
<li><a href="#">
<div>
<article>
<img src="pot.png" alt="Featured Article Image" id="small">
<p>An ancient pot has been brought in India in Mumbai Museum on 14 Nov.</p>
</article>
</div>
</a></li>
<li><a href="#">
<div>
<article>
<img src="pot.png" alt="Featured Article Image" id="small">
<p>An ancient pot has been brought in India in Mumbai Museum on 14 Nov.</p>
</article>
</div>
</a></li>
<li><a href="#">
<div>
<article>
<img src="pot.png" alt="Featured Article Image" id="small">
<p>An ancient pot has been brought in India in Mumbai Museum on 14 Nov.</p>
</article>
</div>
</a></li>
<li><a href="#">
<div>
<article>
<img src="pot.png" alt="Featured Article Image" id="small">
<p>An ancient pot has been brought in India in Mumbai Museum on 14 Nov.</p>
</article>
</div>
</a></li>
</ul>
</div>
</section>
</div>
<!------------------------------- Trending News ------------------------------------------->
<div class="scrollmenu">
<div>
<h4 class="underligned">Trending Articles</h4>
</div>
<a href="#">
<img src="lam.png" alt="Featured Article Image" id="tsmall">
<p>An ancient pot has been brought in India in Mumbai Museum on 14 Nov.</p>
</a>
<a href="#">
<img src="lam.png" alt="Featured Article Image" id="tsmall">
<p>An ancient pot has been brought in India in Mumbai Museum on 14 Nov.</p>
</a>
<a href="#">
<img src="lam.png" alt="Featured Article Image" id="tsmall">
<p>An ancient pot has been brought in India in Mumbai Museum on 14 Nov.</p>
</a>
<a href="#">
<img src="lam.png" alt="Featured Article Image" id="tsmall">
<p>An ancient pot has been brought in India in Mumbai Museum on 14 Nov.</p>
</a>
<a href="#">
<img src="lam.png" alt="Featured Article Image" id="tsmall">
<p>An ancient pot has been brought in India in Mumbai Museum on 14 Nov.</p>
</a>
<a href="#">
<img src="lam.png" alt="Featured Article Image" id="tsmall">
<p>An ancient pot has been brought in India in Mumbai Museum on 14 Nov.</p>
</a>
<a href="#">
<img src="lam.png" alt="Featured Article Image" id="tsmall">
<p>An ancient pot has been brought in India in Mumbai Museum on 14 Nov.</p>
</a>
<a href="#">
<img src="lam.png" alt="Featured Article Image" id="tsmall">
<p>An ancient pot has been brought in India in Mumbai Museum on 14 Nov.</p>
</a>
</div>
<div class="scrollmenu">
<div>
<h4 class="underligned">GeoPolitics</h4>
</div>
<a href="#">
<img src="lam.png" alt="Featured Article Image" id="tsmall">
<p>An ancient pot has been brought in India in Mumbai Museum on 14 Nov.</p>
</a>
<a href="#">
<img src="lam.png" alt="Featured Article Image" id="tsmall">
<p>An ancient pot has been brought in India in Mumbai Museum on 14 Nov.</p>
</a>
<a href="#">
<img src="lam.png" alt="Featured Article Image" id="tsmall">
<p>An ancient pot has been brought in India in Mumbai Museum on 14 Nov.</p>
</a>
<a href="#">
<img src="lam.png" alt="Featured Article Image" id="tsmall">
<p>An ancient pot has been brought in India in Mumbai Museum on 14 Nov.</p>
</a>
<a href="#">
<img src="lam.png" alt="Featured Article Image" id="tsmall">
<p>An ancient pot has been brought in India in Mumbai Museum on 14 Nov.</p>
</a>
<a href="#">
<img src="lam.png" alt="Featured Article Image" id="tsmall">
<p>An ancient pot has been brought in India in Mumbai Museum on 14 Nov.</p>
</a>
<a href="#">
<img src="lam.png" alt="Featured Article Image" id="tsmall">
<p>An ancient pot has been brought in India in Mumbai Museum on 14 Nov.</p>
</a>
<a href="#">
<img src="lam.png" alt="Featured Article Image" id="tsmall">
<p>An ancient pot has been brought in India in Mumbai Museum on 14 Nov.</p>
</a>
</div>
<footer>
<p>© 2023 News Website</p>
</footer>
</body>
</html>