1+ <!DOCTYPE html>
2+ < html lang ="en ">
3+
4+ < head >
5+ < meta charset ="UTF-8 ">
6+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
7+ < title > Newsletter Website</ title >
8+ < link rel ="stylesheet " href ="styles.css ">
9+ < style >
10+ @import url ('https://fonts.googleapis.com/css2?family=Baumans&family=Bebas+Neue&family=Caramel&family=Carter+One&family=Dancing+Script:wght@700&family=DynaPuff&family=Josefin+Sans&family=Lobster&family=Lora&family=Merriweather:wght@300&family=Noto+Serif:ital@1&family=PT+Serif:ital@1&family=Playfair+Display:wght@500&family=Poppins&family=Roboto+Slab&family=Secular+One&family=Ubuntu&display=swap' );
11+ </ style >
12+ </ head >
13+
14+ < body >
15+ < header >
16+ < div class ="nav ">
17+ < div class ="icon ">
18+ < h3 class ="icon1 "> News</ h3 >
19+ < h3 class ="icon2 "> Letter</ h3 >
20+ </ div >
21+ < div class ="nav-bar ">
22+ < div class ="nav-tabs ">
23+ < h5 class ="news "> NEWS</ h5 >
24+ < h5 class ="news "> MONEY</ h5 >
25+ < h5 class ="news "> SHOPPING</ h5 >
26+ < h5 class ="news "> MARKET</ h5 >
27+ < h5 class ="news "> MORE+</ h5 >
28+ </ div >
29+ < div class ="subscribe ">
30+ < button > Subscribe</ button >
31+ < img src ="/E:\Git repository\Front-End-Projects\Projects\Newsletter-Website\images\search-icon.png ">
32+ </ div >
33+ </ div >
34+ </ div >
35+ </ header >
36+ < main >
37+ < div class ="left-side ">
38+ < div class ="news-1 ">
39+ < p > Cyclone Biparjoy Live Updates: Rough Seas, Strong Winds In Gujarat, Evacuation On From Coasts</ p >
40+ < img src ="/E:\Git repository\Front-End-Projects\Projects/Newsletter-Website/images/cyclone.webp ">
41+ </ div >
42+
43+ </ div >
44+ < div class ="right-side ">
45+ < div class ="right-news ">
46+ < div class ="right-news-1 ">
47+ < img
48+ src ="/E:\Git repository\Front-End-Projects\Projects/Newsletter-Website/images/rahul-gandhi.webp ">
49+ < a href ="# ">
50+ < p >
51+ Rahul Gandhi's "American Truck Yatra" From Washington To New York
52+ </ p >
53+ </ a >
54+ </ div >
55+ < div class ="right-news-1 ">
56+ < img src ="/E:\Git repository\Front-End-Projects\Projects/Newsletter-Website/images/bhopal.webp ">
57+ < a href ="# ">
58+ < p >
59+ Air Force Called In To Put Out Huge Bhopal Building Fire, PM Assures Help
60+ </ p >
61+ </ a >
62+ </ div >
63+ < div class ="right-news-1 ">
64+ < img src ="/E:\Git repository\Front-End-Projects\Projects/Newsletter-Website/images/vlogger.jpg ">
65+ < a href ="# ">
66+ < p >
67+ Pakistani Vlogger's Bike Tour Of India Is Winning Hearts Across Borders
68+ </ p >
69+ </ a >
70+ </ div >
71+ < div class ="right-news-1 ">
72+ < img src ="/E:\Git repository\Front-End-Projects\Projects/Newsletter-Website/images/dam.jpg ">
73+ < a href ="# ">
74+ < p >
75+ Coming Up, $2.6 Billion Mega Hydropower Project Near China Border
76+ </ p >
77+ </ a >
78+ </ div >
79+ </ div >
80+ </ div >
81+ </ main >
82+ < div class ="big-news ">
83+ < h3 > Cyclone Biparjoy: PM Modi held a review meeting yesterday.</ h3 >
84+ < p > Evacuation will continue in villages near the Gujarat coast today as cyclone 'Biparjoy' intensified
85+ into
86+ an "extremely severe cyclonic storm". It is likely to make landfall between Kutch and Pakistan's
87+ Karachi
88+ on Thursday afternoon. Prime Minister Narendra Modi yesterday held a high-level review meeting and
89+ was
90+ briefed about the efforts taken to mitigate the impact of the cyclone.
91+ The India Meteorological Department (IMD) today issued an Orange alert for Saurashtra and Kutch
92+ coasts
93+ in Gujarat as the cyclonic storm Biparjoy is set to cross the Jakhau Port in Gujarat by the evening
94+ of
95+ June 15 as Very Severe Cyclonic Storm (VSCS).</ p >
96+ </ div >
97+ < div class ="stay-tune ">
98+ < h3 > Stay Tuned with us for more updates</ h3 >
99+ </ div >
100+
101+ < div class ="subscription ">
102+ < p > Be updated with every latest news of your interest !!</ p >
103+ < form action ="subscription ">
104+ < input type ="email " placeholder ="Email ">
105+ < input type ="password " placeholder ="Password ">
106+ < button > Submit</ button >
107+ </ form >
108+ </ div >
109+
110+ < footer >
111+ < div class ="footer-icon ">
112+ < h3 class ="f-icon1 "> News</ h3 >
113+ < h3 class ="f-icon2 "> Letter</ h3 >
114+ </ div >
115+ < div class ="footer-content ">
116+ < div class ="about ">
117+ < hr >
118+ < a href ="# "> About</ a >
119+ </ div >
120+ < div class ="about ">
121+ < hr >
122+ < a href ="# "> Contact</ a >
123+ </ div >
124+ < div class ="about ">
125+ < hr >
126+ < a href ="# "> Feedback</ a >
127+ </ div >
128+ < div class ="about ">
129+ < hr >
130+ < a href ="# "> Feedback</ a >
131+ </ div >
132+ </ div >
133+ < div class ="social ">
134+ < i class ="fa fa-facebook "> </ i >
135+ < i class ="fa fa-twitter "> </ i >
136+ < i class ="fa fa-youtube "> </ i >
137+ < i class ="fa fa-instagram "> </ i >
138+ < i class ="fa fa-linkedin "> </ i >
139+ </ div >
140+ < div class ="copyright ">
141+ < p > Copyright© 2023, all rights reserved to NewsLetter PVT LTD. and its affiliated companies </ p >
142+ </ div >
143+ </ footer >
144+ </ body >
145+ < script src ="https://kit.fontawesome.com/2fca3fb1b0.js " crossorigin ="anonymous "> </ script >
146+ </ html >
0 commit comments