-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsunderbans.php
More file actions
228 lines (190 loc) · 9.08 KB
/
sunderbans.php
File metadata and controls
228 lines (190 loc) · 9.08 KB
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
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
<HTML>
<HEAD>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="A New Website.">
<meta name="author" content="Ravi Saxena">
<link rel="icon" href="icon.png" type="image/png" sizes="32x32">
<TITLE>World . Ecosystems</TITLE>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="jquery.buttons.js"></script>
<link rel="stylesheet" type="text/css" href="style3.css">
<Style type="text/CSS">
.t{color : Blue;}
p{ -webkit-animation: my 10s infinite; /* Chrome, Opera, and Safari */
animation: my 10s infinite; /* Standard syntax */
background-color:red;
}
@-webkit-keyframes my /* Chrome, Opera, and Safari */
{
0% {background-color: red;}
50% {background-color: yellow;}
100% {background-color: red;}
}
@keyframes my /* Standard syntax */
{
0% {background-color: red;}
50% {background-color: yellow;}
100% {background-color: red;}
}
H1{background-color:pink;}
html,body{
-webkit-animation: mymove 20s infinite; /* Chrome, Opera, and Safari */
animation: mymove 20s infinite; /* Standard syntax */
background-color: black;
height:100%;
}
@-webkit-keyframes mymove /* Chrome, Opera, and Safari */
{
0% {background-color: black;}
50% {background-color: yellow;}
100% {background-color: black;}
}
@keyframes mymove /* Standard syntax */
{
0% {background-color: black;}
50% {background-color: yellow;}
100% {background-color: black;}
}
.circle {
width: 50px;
height: 50px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
background: red;
}
#anim{
width: 50px;
height: 50px;
background-color: red;
position: relative;
-webkit-animation: example 7s infinite; /* Chrome, Safari, Opera */
/* Chrome, Safari, Opera */
animation: example 7s infinite;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes example {
0% {background-color:red; left:0px; top:0px;}
25% {background-color:yellow; }
50% {background-color:blue; }
75% {background-color:green; }
100% {background-color:red; left:92%; top:0px;}
}
/* Standard syntax */
@keyframes example {
0% {background-color:red; left:0px; top:0px;}
25% {background-color:yellow; }
50% {background-color:blue; }
75% {background-color:green; }
100% {background-color:red; left:92%; top:0px;}
}
p #g {
width: 100%;
height: 100%;
position: relative;
}
center>div>img
{
border-radius:10%;
/*height:90px;*/
}
div>img
{
border-radius:20%;
/*height:90px;*/
}
.blink_text /* for blink operation. */
{
animation:2s blinker linear infinite;
-webkit-animation:2s blinker linear infinite;
-moz-animation:2s blinker linear infinite;
color: white;
}
@-moz-keyframes blinker
{
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@-webkit-keyframes blinker
{
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
body
{
background-image:url("https://online.science.psu.edu/sites/default/files/biol011/Fig-15-Earth-Biomes.jpg");
background-width:device-width;
}
</style>
<link rel="stylesheet" type="text/CSS" href="mystyle.css">
</HEAD>
<BODY>
<div id="wrapper">
<div id="header">Search The Content<br/>
<pre><button id="home">HOME</button> <button id="id1">MENU</button> <button id="id2">ARCHIVE</button> <button id="id3">My Artworks</button></pre>
</div>
<p class="t" align="center">
<z class="blink_text">World Ecosystems</z>
</p>
<H1 class="class1" style="opacity:0.8;">Region-(South Asia)-Delta</H1>
<p id="g" >
<center>
<div style="border-radius:15%;width:90%;padding:3%;position:relative;background: rgba(153, 0, 153);background: rgba(153, 0, 153, 0.6);"><img src="https://s-media-cache-ak0.pinimg.com/564x/ef/94/5d/ef945d6a0b0930d93d1663a283bc362c.jpg" alt="Image" style="width:19.2%;height:relative;"><img src="https://s-media-cache-ak0.pinimg.com/564x/c5/f5/3a/c5f53aca8cbb9207795ed817124927e7.jpg" alt="Image" style="width:19.2%;height:relative;"><img src="http://4.bp.blogspot.com/-WzmkpdpZEBI/Vf8ctTho8qI/AAAAAAAAAUw/8qRKrF_wwI8/s1600/Sundarban%2BNational%2BPark-Sajnekhali%2BWatch%2BTower-1.JPG" alt="Image" style="width:19.2%;height:relative;"><img src="https://s-media-cache-ak0.pinimg.com/564x/35/a8/d9/35a8d9491d538e6aeb4df6fa026ba7c6.jpg" alt="Image" style="width:19.2%;height:relative;"><img src="https://s-media-cache-ak0.pinimg.com/564x/34/3a/cf/343acf6a7e43d1693ab3636f261b01ea.jpg" alt="Image" style="width:19.2%;height:relative;">
</div>
</center>
</p>
<H1 style="opacity:0.8;">
<H5 style='color:white'>Hello World!! this is php</H5></H1>
<td>
<H1 class="class4" style="opacity:0.8;">
Sunderbans
</H1>
</td>
<p style="opacity:0.7;">
<!--<pre>-->
<div style="background-color:brown;padding:5px;border-radius:5px;overflow:hidden;"><div style="background-color:orange;padding:5px;border-radius:5px;overflow:hidden"></div><textarea maxlength="50" rows="7" cols="50" style="position:relative;max-width:100%;color:blue;background-color:yellow;font-family:cooper;font-weight:bold;box-shadow: 0 0 10px 10px pink; ">
Sundarban, the largest delta in the world, consists of 10,200 sq km of Mangrove Forest , spread over India (4200 sq km of Reserved Forest ) and Bangladesh (6000 sq km approx of Reserved Forest ) and is also the largest Mangrove Forest in the world. Another 5400 sq km of non-forest, inhabited region in India , along the north and north-western fringe of mangrove forest, is also known as Sundarban region in India . Hence, the total area of Sundarban region in India is 9600 sq km which constitutes the Sundarban Biosphere Reserve. Indian Sundarban is bound on the west by river Muriganga and on the east by rivers Harinbhahga and Raimangal. Other major rivers flowing through this eco-system are Saptamukhi, Thakuran, Matla and Goasaba.
Uniqueness of Sundarban Forest
Sundarban Biosphere Reserve was constituted by Government of India (GOI)in 1989 and it received the recognition of UNESCO under its Man and Biosphere (MAB) Programme in November, 2001. Sundarban National Park , forming the core area of Sundarban Tiger Reserve, received recognition as World Heritage Site by UNESCO in 1987. It has been nominated by GOI for recognition as Ramsar Site (a wetland of international importance). Sundarban Tiger Reserve was constituted by GOI under Project Tiger scheme, in 1973. Sundarban is the only mangrove forest in the world which is the home of Tiger. Sundarban Tiger Reserve has the highest tiger population in the world.
Importance of Sundarban Ecosystem
Sundarban has extremely rich diversity of aquatic and terrestrial flora and fauna. Sundarban's highly productive ecosystem acts as a natural fish nursery. Sundarban Mangrove reduces the fury of cyclonic storm and prevents erosion due to tidal action. Finally, millions of people depend on Sundarban Ecosystem for their livelihood and sustenance through fishing, collection of honey and fuelwood/timber.
Topography and Soil
Geologically, the Sundarban delta is the largest prograding delta on the globe. The region is covered solely by quaternary sediments carried and deposited by the rivers Ganges , Matla & Bidyadhari.
Climate and Rainfall
Although the region is situated south of the Tropic of Cancer, the temperature is equable due to its proximity to the sea. Average annual maximum temperature is around 35 C . Average annual rainfall is 1920 mm. Average humidity is about 82% which is more or less uniform throughout the year.
</textarea> <img src="http://sundarbanchalo.com/wp-content/uploads/freshizer/c525510e3768c9790e3cd30fa2a10059_Sundarbans-1500-600-c.jpg" style="height:23%;width:relative"> <img src="https://s-media-cache-ak0.pinimg.com/564x/ab/3d/37/ab3d378ff8737d1b146ba24b4c759729.jpg" style="height:23%;width:relative"> <img src="https://s-media-cache-ak0.pinimg.com/564x/f9/cc/b9/f9ccb97147533ea54aab275b46db6964.jpg" style="height:23%;width:relative"> <img src="http://www.neoplanete.fr/wp-content/uploads/2012/06/Xavier-Desmier-5-1024x681.jpg" style="height:23%;width:relative"><div style="background-color:orange;padding:5px;border-radius:5px;overflow:hidden"></div></div>
<a href="yt-js-player.html" target="_blank"><img src="youtube-logo-js-player.png" style="width:10%;height:relative;"></img></a>
</div>
<!--</pre>-->
</p>
<div class="circle" id="anim">
<pre>
<H3 align="center">
T=7s
</H3>
</pre>
</div>
<H2>
<p class="t" align="center">Slide the Bottom-Right-Square to read info in the Text Box © R.S.
</p>
</H2>
<H5 align="right">
<a href="https://en.wikipedia.org/wiki/Sundarbans">
Go To Wikipedia Page For More ...
</a>
</H5>
<div id="footer" style="position:relative"> <!--footer-->
<button id="id4">CONTACT</button><br/><br/>
<span style="font-size:0.7em">Dated 9/12/16.</span>
</div>
</div>
</BODY>
</HTML>