-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
184 lines (174 loc) · 8.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
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
<!DOCTYPE html>
<html>
<!-- Heading starts -->
<head>
<!-- This link tag is used for fab icon -->
<link rel="icon" href="image/fab.png" type="image/gif" sizes="16x16">
<title>ADITYA MEDIA</title><!-- This title tag is used for to display name of website in the side of fab icon -->
<link rel="stylesheet" href="style.css"><!-- This link tag is used to import css -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css"><!-- This link tag is used to import and use open and close chk button for responsive navigation links-->
<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"><!-- This link tag is used to import and use social media and other icons -->
</head>
<!-- Heading ends -->
<!-- Body starts -->
<body>
<!-- Responsive navigation links section start-->
<div class="top">
<h2 class="icon">Aditya Media</h2><!-- This line is used for the icon -->
<input type="checkbox" id="chk"><!-- This line is used to make the responsive button clickable -->
<label for="chk" class="open-card-dot"><!-- This line is for 3 dot open button which is used in responsive section to open navigation links -->
<i class="fas fa-ellipsis-h"></i><!-- This line is used to use icon of 3 dot open button -->
</label>
<!-- Responsive navigation links section ends -->
<!-- Navigation link section starts -->
<ul class="card">
<a href="index.html"> Landing</a>
<a href="review.html"> Reviews</a>
<a href="glossary.html"> Glossary</a>
<a href="jobs.html"> Jobs</a>
<a href="tutorial.html"> Tutorials</a>
<label for="chk" class="close-card-dot"><!-- This line is for cross close button which is used in responsive section to close navigation links -->
<i class="fas fa-times"></i><!-- This line is used to use icon of cross close button -->
</label>
</ul>
</div>
<!-- Navigation link section Ends -->
<!-- Header Advertisement section start-->
<div class="ads">
<h1>Up to 90% OFF</h1>
<h2>Only in Arun Fashion</h2>
<a href="#">Show More</a>
</div>
<!-- Header Advertisement section ends-->
<!-- This is the breaking news section which keeps on scrolling -->
<div class="breaking-news">
<div class="one">Breaking News:</div>
<div class="two"><marquee behavior="scroll" direction="left">Many Marvel lead characters are resigning from MCU after "Avenger Endgame". Pathao, which is the app for sharing rides, had been decided Rs3 million VAT from Tax office</marquee></div>
</div>
<!-- This section contain all the news content taken from various sources -->
<div class="box">
<div class="first">
<a href="https://thehimalayantimes.com/nepal/nepals-first-satellite-nepalisat-1-launched/" target="_blank"" class="paper">
<div class="cover" style="background-image: url(image/1.jpg);"></div>
<article>
<h1>Nepal’s first satellite, NepaliSat-1, launched</h1>
<p>NepaliSat-1, a cube satellite weighing 1.3 kg, was launched into space from Virginia, US, in the wee hours of Thursday, April 18, 2019. It mentions names of the scientists who developed it. Photo courtesy: NASA</p>
<span>UJJWAL SATYAL</span>
</article>
</a>
</div>
<div class="second">
<a href="https://www.hindustantimes.com/world-news/blasts-at-two-churches-in-sri-lanka-during-easter-mass-report/story-4ZGmnFNZ0l9JMgZVutYyTJ.html" target="_blank" class="paper">
<div class="cover" style="background-image: url(image/2.jpg);"></div>
<article>
<h1>Several killed, over 400 injured in multiple explosions in Sri Lanka’s Colombo on Easter</h1>
<p>Sri Lankan elderly woman is helped near St. Anthony's Shrine after a blast in Colombo on Sunday after the multiple explosions that rocket the city. (AP)</p>
<span>Agencies Colombo</span>
</article>
</a>
</div>
<div class="third">
<a href="https://www.jpl.nasa.gov/edu/news/2019/4/19/how-scientists-captured-the-first-image-of-a-black-hole/" target="_blank" class="paper">
<div class="cover" style="background-image: url(image/3.jpg);"></div>
<article>
<h1>How Scientists Captured the First Image of a Black Hole</h1>
<p>Scientists have obtained the first image of a black hole, using Event Horizon Telescope observations of the center of the galaxy M87. The image shows a bright ring formed as light bends in the intense gravity around a black hole that is 6.5 billion times more massive than the Sun. Image credit: Event Horizon Telescope Collaboration</p>
<span>Ota Lutz</span>
</article>
</a>
</div>
<div class="fourth">
<a href="http://kathmandupost.ekantipur.com/news/2019-04-22/vat-for-pathao-set-at-rs3-million.html" target="_blank"" class="paper">
<div class="cover" style="background-image: url(image/4.jpg);"></div>
<article>
<h1>Pathao, which is the app for sharing rides, had been decided Rs3 million VAT from Tax office</h1>
<p>The move comes a week after similar action was taken against Tootle</p>
<span>PRITHVI MAN SHRESTHA, Kathmandu</span>
</article>
</a>
</div>
<div class="fifth">
<a href="https://www.cnet.com/how-to/what-galaxy-folds-breaking-screens-mean-for-the-future-of-foldable-phones/" target="_blank" class="paper">
<div class="cover" style="background-image: url(image/5.jpg);"></div>
<article>
<h1>What Galaxy Fold's breaking screens mean for the future of foldable phones</h1>
<p>The Galaxy Fold's screen troubles reveal just how fragile foldable phone designs can be.</p>
<span> JESSICA DOLCOURT</span>
</article>
</a>
</div>
<div class="sixth">
<a href="https://www.indiatoday.in/movies/hollywood/story/avengers-endgame-full-movie-leaked-online-spider-man-gets-the-shock-of-his-life-1435932-2019-01-21" target="_blank" class="paper">
<div class="cover" style="background-image: url(image/6.jpeg);"></div>
<article>
<h1>Avengers Endgame full movie leaked online? Spider-Man gets the shock of his life</h1>
<p>Recently a spoof article about Tom Holland, who plays Spider-Man, titled, 'Tom Holland Accidentally Uploads Entire Avengers Movie to Twitter' was posted by an account and it had the actor completely shocked.</p>
<span>India Today Web Desk, New Delhi</span>
</article>
</a>
</div>
<div class="seventh">
<a href="https://edition.cnn.com/2019/04/05/entertainment/avengers-endgame-deaths/index.html" target="_blank" class="paper">
<div class="cover" style="background-image: url(image/7.png);"></div>
<article>
<h1>Many Marver lead characters are resigning from MCU after "Avenger Endgame".</h1>
<span>Thomas Page, CNN</span>
</article>
</a>
</div>
</div>
</body>
<!-- Body Ends -->
<!-- Footer starts -->
<!-- Footer Advertisement section start-->
<div class="ads">
<h1>Up to 50% OFF</h1>
<h2>Only in Manish Software Co.</h2>
<a href="#">Show More</a>
</div>
<!-- Footer Advertisement section end-->
<footer class="bottom">
<div class="bottom-forward">
<!-- This is about section -->
<h2> About Aditya Media</h2>
<p class="us">
<span>This is a News Website</span>
</p>
<!-- This is the social media section -->
<div class="symbol">
<a href="https://www.facebook.com/profile.php?id=100008753704145" target="_blank"><i class="fa fa-facebook"></i></a>
<a href="https://twitter.com/JhaAditya496243" target="_blank"><i class="fa fa-twitter"></i></a>
<a href="https://github.com/adityajha496243" target="_blank"><i class="fa fa-github"></i></a>
<a href="https://www.instagram.com/adityajhaofficial/" target="_blank"><i class="fa fa-instagram"></i></a>
</div>
</div>
<!-- This is the contact section -->
<div class="bottom-middle">
<div>
<i class="fa fa-map-marker"></i>
<p><span>Jorpati 44600</span> Kathmandu, Nepal</p>
</div>
<div>
<i class="fa fa-phone"></i>
<p> +977 9860813062</p>
</div>
<div>
<i class="fa fa-envelope"></i>
<p><a href="#"> [email protected]</a></p>
</div>
</div>
<!-- This is the footer navigation link section -->
<div class="bottom-backward">
<b>Aditya Media</b>
<p class="title">
<a href="index.html"> Landing</a>
<a href="review.html"> Reviews</a>
<a href="glossary.html"> Glossary</a>
<a href="jobs.html"> Jobs</a>
<a href="tutorial.html"> Tutorials</a>
</p>
<p class="label"> Aditya Media &Copyright: 2019</p>
</div>
</footer>
<!-- Footer Ends -->
</html>