-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnews.html
178 lines (154 loc) · 7.33 KB
/
news.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
<!DOCTYPE html>
<html>
<title>Satellites Monitor India</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="w3.css">
<link rel="stylesheet" href="font.css">
<link rel="stylesheet" href="fontface.css">
<style>
.mySlides {display:none}
.w3-left, .w3-right, .w3-badge {cursor:pointer}
.w3-badge {height:13px;width:13px;padding:0}
</style>
<style>
body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;}
body, html {
height: 100%;
color: #777;
line-height: 1.8;
}
/* Create a Parallax Effect */
.bgimg-1, .bgimg-2, .bgimg-3 {
opacity: 0.7;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
/* First image (Logo. Full height) */
.bgimg-1 {
background-image: url('sate.jpg');
min-height: 100%;
}
.w3-wide {letter-spacing: 10px;}
.w3-hover-opacity {cursor: pointer;}
/* Turn off parallax scrolling for tablets and mobiles */
@media only screen and (max-width: 1024px) {
.bgimg-1, .bgimg-2, .bgimg-3 {
background-attachment: scroll;
}
}
</style>
<body>
<!-- Navbar (sit on top) -->
<div class="w3-top">
<ul class="w3-navbar" id="myNavbar">
<li><a href="index.html" class="w3-padding-large">HOME</a></li>
<li><a href="weather.html" class="w3-padding-large">WEATHER</a></li>
<li><button onclick="document.getElementById('id01').style.display='block'" class="w3-btn w3-padding-large">REVIEW</button></li>
<li class="w3-hide-small w3-right">
<a href="#" class="w3-padding-large w3-hover-red"><img src="arrow.png"> Top</a>
</li>
</ul>
<div id="id01" class="w3-modal">
<div class="w3-modal-content w3-animate-zoom w3-card-8">
<header class="w3-container w3-teal">
<span onclick="document.getElementById('id01').style.display='none'"
class="w3-closebtn">×</span>
<h2>REVIEW</h2>
</header>
<div class="w3-container">
<form name="reviewform" action="thanks.php" method="post">
<p>How was your experience with the site...</p>
<div class="w3-row">
<div class="w3-col m3 w3-center w3-green">
<input type="radio" name="formDoor[]" id="revrad[]" value="Excellent"> Excellent
</div>
<div class="w3-col m3 w3-center w3-lime">
<input type="radio" name="formDoor[]" id="revrad[]" value="Good"> Good
</div>
<div class="w3-col m3 w3-center w3-yellow">
<input type="radio" name="formDoor[]" id="revrad[]" value="Average"> Average
</div>
<div class="w3-col m3 w3-center w3-red">
<input type="radio" name="formDoor[]" id="revrad[]" value="Bad"> Bad
</div>
</div>
<b><p>Comments :</p></b>
<textarea name="revcomm" id="revcomm" rows="4" cols="105"></textarea>
<input type="submit" class="w3-btn w3-teal" id="sub">
</form>
</div>
<footer class="w3-container w3-teal">
<p>Thanks</p>
</footer>
</div>
</div>
</div>
<!-- First Parallax Image with Logo Text -->
<div class="bgimg-1 w3-opacity w3-display-container">
<div class="w3-display-middle" style="white-space:nowrap;">
<span class="w3-center w3-padding-xlarge w3-black w3-xlarge w3-wide w3-animate-opacity">SATELLITE <span class="w3-hide-small">FOCUS</span> INDIA </span>
</div>
</div>
<!-- Container (About Section) -->
<div class="w3-content w3-container w3-padding-64" id="about">
<h3 class="w3-center">ABOUT THE NEWS</h3>
<h5 class="w3-center">New Delhi, India :</h5>
<p>A satellite belonging to a London-based mobile satellite communication company recently moved over India, above the Equator, in the space after travelling more than 4,000km over several months.
Thrusters onboard communication satellite 4F2, which is one of the 12 satellites owned by Inmarsat, were fired from the satellite control centre in London for the spacecraft to move from one slot to another.
The satellite, weighing close to 6,000kg, which was built at a cost of $250 million was launched in 2005 and was placed over Africa, providing coverage to Africa and Europe.</p>
<div class="w3-row">
<div class="w3-col m6 w3-center w3-section">
<p><b>The Satellite</b></p><br>
<img src="sate2.gif" class="w3-circle w3-hover-opacity" alt="Photo of Me" style="width:55%" onclick="document.getElementById('modal01').style.display='block'">
<div id="modal01" class="w3-modal" onclick="this.style.display='none'">
<span class="w3-closebtn w3-hover-red w3-container w3-padding-16 w3-display-topright">×</span>
<div class="w3-modal-content w3-animate-zoom">
<img src="sate2.gif" style="width:100%">
</div>
</div>
</div>
<!-- Hide this text on small devices -->
<div class="w3-col m6 w3-hide-small w3-section">
<p>The satellite, weighing close to 6,000kg, which was built at a cost of $250 million was launched in 2005 and was placed over Africa, providing coverage to Africa and Europe.
It was decided to be moved more than two years ago at a cost of $10million. After travelling over several months, Inmarsat 4F2 reached its current location in December 2015, joining the group of more than 80 satellites belonging to other countries in the eastern longitude in the geostationary orbit.
Global government market development director Matthew Maher, who was in Chennai recently, said the satellite was moved over India from its initial slot to enhance services in India and surrounding countries including those in the Middle East. "With us, moving a satellite in the space is a rare occurrence. It is a planned event and to move in sky it takes a lot of effort," he said.
Maher said when the personnel at the satellite control centre fired the in-built boosters of Inmarsat 4F2, the satellite lifted up from its position about 25° east over Europe and Africa to move.</p>
</div>
</div>
</div>
<!-- Footer -->
<footer class="w3-container w3-dark-grey w3-padding-32 w3-margin-top">
<button class="w3-btn w3-disabled w3-padding-large w3-margin-bottom">Previous</button>
<a href="news2.html" class="w3-btn w3-padding-large w3-margin-bottom">Next</a>
<br> <ul class="w3-pagination">
<li><a class="w3-disabled">1</a></li>
<li><a href="news2.html">2</a></li>
<li><a href="news3.html">3</a></li>
<li><a href="news4.html">4</a></li>
<li><a href="news5.html">5</a></li>
<li><a href="news6.html">6</a></li>
</ul>
<p>Made by Akshit Garg</p>
</footer>
<!-- Add Google Maps -->
<script>
// Modal Image Gallery
function onClick(element) {
document.getElementById("img01").src = element.src;
document.getElementById("modal01").style.display = "block";
}
// Change style of navbar on scroll
window.onscroll = function() {myFunction()};
function myFunction() {
var navbar = document.getElementById("myNavbar");
if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {
navbar.className = "w3-navbar" + " w3-card-2" + " w3-animate-top" + " w3-white";
} else {
navbar.className = navbar.className.replace(" w3-card-2 w3-animate-top w3-white", "");
}
}
</script>
</body>
</html>