-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
292 lines (124 loc) · 7.64 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
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
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"/>
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
<link rel="stylesheet" href="style.css">
<script src="main.js"></script>
<title>Alkali Metals and Alkaline Earth Metals</title>
</head>
<body>
<!---create space--->
<span style="display:block; height: 1px;"></span>
<p class="line-1 anim-typewriter"> Welcome to the seminar class</p>
<!---create space--->
<span style="display:block; height: 5px;"></span>
<style>
/*google translate Dropdown */
#google_translate_element {
float: left;
position: relative;
top: 4.2%;
}
#google_translate_element select {
background: #f6edfd;
color: #FF0000;
border: none;
border-radius: 3px;
padding: 6px 8px;
width: 151px;
}
/*google translate link | logo */
.goog-logo-link {
display: none !important;
}
.goog-te-gadget {
color: transparent !important;
}
/* google translate banner-frame */
.goog-te-banner-frame {
display: none !important;
}
</style>
<div id='google_translate_element'></div>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en',
autoDisplay: 'true',
layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL
}, 'google_translate_element');
}
</script>
<script src='//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'></script>
<!---create space--->
<span style="display:block; height: 20px;"></span>
<div class="right">
<p style="color: white; font-weight: bold ; font-size: 9.2px; ">Created By <br> <b>G.Satheesh</b></p>
<!---create space--->
<span style="display:block; height: 20px;"></span>
<div class="center">
<p style="color:red; font-weight: bold ;">BIO-INORGANIC CHEMISTRY</p>
<div class="p1">
<p style="color: white; text-size: 3;">Bioinorganic chemistry is the study of the structures and biological functions of inorganic biological substances, that is, those not containing carbon, such as metals.</p1>
<hr>
<p>
<br>
<div class="center">
<p style="color: #00BFFF; font-weight: bold ;">Biological significance of metals :</p>
<div class="p1">
<p style="color: white; text-size: 3;">Metals play an important role in biological systems. As catalytic or structural cofactors, metal ions are <b>critical to the function of up to an estimated one-third of all enzymes. ...</b> Not only do they operate in important biosynthetic pathways generating metabolic products, but also function as environmental toxins.</p1>
<hr>
<!---create space--->
<span style="display:block; height: 20px;"></span>
<div class="center">
<p style="color: #00BFFF; font-weight: bold ;">Alkali Metals vs Alkaline Earth Metals :</p>
<div class="p1">
<p style="color: white; text-size: 3;">Alkali metals and the alkaline earth metals are the group I and group II elements in the periodic table respectively. The most significant difference between these two groups is the electronic configuration. It determines the valency of the elements. Therefore, the difference between alkali metals and alkaline earth metals is that all alkali metals have an electron in their outermost shell where as all the alkaline earth metals have two outer electrons.</p1>
<hr>
<!---create space--->
<span style="display:block; height: 20px;"></span>
<div class="center">
<p style="color: #00BFFF; font-weight: bold ;">What are Alkali Metals?</p>
<div class="p1">
<p style="color: white; text-size: 3;">The alkali metals are the elements present in the first group of the periodic table. They are Lithium (Li), Sodium(Na), Potassium (K), Rubidium (Rb), Cesium (Cs) and Francium (Fr). They are all metals and very reactive therefore none of these metals do not occur as free metals in nature. We should store these metals always in inert liquids such as kerosene because they rapidly react with the air, water vapour and oxygen in the air. Sometimes they explosively react with other substances. They can achieve the <u><b>noble gas</b></u> state easily, by removing the outermost electron in the valence shell.
The densities of Lithium and Sodium are less than the density of water. However, the other elements are denser than water. Many of alkali metal compounds (NaCl, KCl, Na2CO3, NaOH) are commercially very important.</p1>
<hr>
<!---create space--->
<span style="display:block; height: 20px;"></span>
<div class="center">
<p style="color: #00BFFF; font-weight: bold ;">What are Alkaline Earth Metals?</p>
<div class="p1">
<p style="color: white; text-size: 3;">Alkaline earth metals are in the second group of the periodic table. Group II elements include; Beryllium (Be), Magnesium (Mg), Calcium (Ca), Strontium (Sr), Barium (Ba) and Radium (Ra). Similar to alkaline metals, these elements also do not occur freely in nature and they are also very reactive.</p>
<img src="Atomic Radius of Alkali and Alkali Earth Metals.png" width="236" height="210">
<div class="p1">
<p style="color: white; text-size: 3;"> All the elements in this group are denser than water. Pure metals have a silver-grey color, but they tend to decolorize quickly when exposed to air because they form an oxide layer on the surface. Same as alkali metals, these metals are also good conductors in heat and electricity. All of these metals are commercially valuable.</p>
<hr>
<!---create space--->
<span style="display:block; height: 20px;"></span>
<div class="center">
<p style="color: #00BFFF; font-weight: bold ;">Difference Between Alkali Metals and Alkaline Earth Metals :</p>
<div class="p1">
<p style="color: white; text-size: 3;">Alkali metals are the elements present in the first group of the periodic table. Alkaline earth metals are in the second group of the periodic table. Alkali metals have the electronic configuration of [Noble gas] ns1 while Alkaline earth metals have, [Noble gas] ns2 electronic configuration. With regard to the valency of these metals, all alkali metals have an electron in their outermost shell. And all alkaline earth metals have two outer electrons.
<!---create space--->
<span style="display:block; height: 15px;"></span>
Alkali metals have only +1 ionic charge in their compounds when alkaline earth metals have +2 ionic charges in their compounds. Comparatively, alkali metals are more reactive than alkaline earth metals. Moreover, alkali metals are very soft and they can be cut with a sharp knife. However, alkali earth metals are harder than the alkali metals.
<!---create space--->
<span style="display:block; height: 15px;"></span>
<img src="Difference Between Alkali Metals and Alkaline Earth Metals.png" width="310" height="285">
</p1>
<br>
<!---create space--->
<span style="display:block; height: 30px;"></span>
<div class="center">
<p style="color: #E5E4E2; font-weight: bold ; font-size: 15px;">Thank you</p>
<div></div>
</body>
</html>