-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathHome.html
122 lines (115 loc) · 7.18 KB
/
Home.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Stalinist+One&display=swap" rel="stylesheet">
<title>ХИМИЯ</title>
<script type="text/javascript" src="search.js"></script>
<script src="https://kit.fontawesome.com/678d6674eb.js" crossorigin="anonymous"></script>
</head>
<body>
<nav>
<span class = "open-slide">
<a href="#" onclick = "openSlideMenu()">
<i class = "fas fa-bars"></i>
</a>
</span>
<ul>
<li><a class="active" href="Home.html">Таблица</a></li>
<li><a class = "top" href="#groups">Групи</a>
<ul>
<li><a href="pages/IA.html">IA</a></li>
<li><a href="pages/IIA.html">IIA</a></li>
<li><a href="pages/IIIA.html">IIIA</a></li>
<li><a href="pages/IVA.html">IVA</a></li>
<li><a href="pages/VA.html">VA</a></li>
<li><a href="pages/VIA.html">VIA</a></li>
<li><a href="pages/VII.html">VIIA</a></li>
</ul>
</li>
<li><a class = "top" href="t.html">Игра</a></li>
<li><a class = "top" href="pages/creators.html">Създатели</a></li>
</ul>
<p>ХИМИЯ</p >
<div class="s">
<input type="text" style="border:3px solid transparent;padding:8px;font-size: 16px;margin-top:15px;margin-right:15px;" placeholder="Search for an element.." value="" oninput="this.setAttribute('value',this.value); check(this.value);" onfocus="check(this.value);this.style.border='3px solid yellow';" onblur="setTimeout(closeSearch, 100);this.style.border='3px solid transparent';">
<div class="res">
<div id="Be"><a href="pages/Be.html">Берилий (Be)</a></div>
<div id="Mg"><a href="pages/Mg.html">Магнезий (Mg)</a></div>
<div id="Ca"><a href="pages/Ca.html">Калций (Ca)</a></div>
<div id="Sr"><a href="pages/Sr.html">Стронций (Sr)</a></div>
<div id="Ba"><a href="pages/Ba.html">Барий (Ba)</a></div>
<div id="B"><a href="pages/B.html">Бор (B)</a></div>
<div id="Al"><a href="pages/Al.html">Алуминий (Al)</a></div>
<div id="Ga"><a href="pages/Ga.html">Галий (Ga)</a></div>
<div id="In"><a href="pages/In.html">Индий (In)</a></div>
<div id="C"><a href="pages/C.html">Въглерод (C)</a></div>
<div id="Si"><a href="pages/Si.html">Силиций (Si)</a></div>
<div id="Ge"><a href="pages/Ge.html">Германий (Ge)</a></div>
<div id="Sn"><a href="pages/Sn.html">Калай (Sn)</a></div>
<div id="N"><a href="pages/N.html">Азот (N)</a></div>
<div id="P"><a href="pages/P.html">Фосфор (P)</a></div>
<div id="As"><a href="pages/As.html">Арсен (As)</a></div>
<div id="Sb"><a href="pages/Sb.html">Антимон (Sb)</a></div>
<div id="O"><a href="pages/O.html">Кислород (O)</a></div>
<div id="S"><a href="pages/S.html">Сяра (S)</a></div>
<div id="Se"><a href="pages/Se.html">Селен (Se)</a></div>
<div id="Te"><a href="pages/Te.html">Телур (Te)</a></div>
<div id="F"><a href="pages/F.html">Флуор (F)</a></div>
<div id="Cl"><a href="pages/Cl.html">Хлор (Cl)</a></div>
<div id="Br"><a href="pages/Br.html">Бром (Br)</a></div>
<div id="I"><a href="pages/I.html">Йод (I)</a></div>
</div>
</div>
</nav>
<div class="slide-nav" id = "slide-menu">
<a href="#" class = "close-slide" onclick="closeSlideMenu()">
<i class="fas fa-times"></i>
</a>
<a href="#">Химични Свойства</a>
<a href="#">Физични Свойства</a>
<a href="#">Получаване</a>
<a href="#">Употреба</a>
</div>
<div class="main" id = "main-content">
<h1>Елементи от "А" група</h1>
<h2 style="text-align:center;color:#e37b19;">моля изберете елемент от периодичната система</h2>
<img src="assets\Periodic_Table.png" alt="Periodic table of elements" class="PerTable" usemap="#PerTable">
<map name="PerTable">
<!--VIIA-->
<area shape="rect" coords="965,90,1025,175" alt="F" href="pages\F.html" title="Флуор">
<area shape="rect" coords="965,175,1025,255" alt="Cl" href="pages\Cl.html" title="Хлор">
<area shape="rect" coords="965,255,1025,335" alt="Br" href="pages\Br.html" title="Бром">
<area shape="rect" coords="965,335,1025,415" alt="I" href="pages\I.html" title="Йод">
<!--IIA-->
<area shape="rect" coords="73,90,133,175" alt="Be" href="pages\Be.html" title="Берилий">
<area shape="rect" coords="73,175,133,255" alt="Mg" href="pages\Mg.html" title="Магнезий">
<area shape="rect" coords="73,255,133,335" alt="Ca" href="pages\Ca.html" title="Калций">
<area shape="rect" coords="73,335,133,415" alt="Sr" href="pages\Sr.html" title="Стронций">
<area shape="rect" coords="73,415,133,495" alt="Ba" href="pages\Ba.html" title="Барий">
<!--IIIA-->
<area shape="rect" coords="730,90,790,175" alt="B" href="pages\B.html" title="Бор">
<area shape="rect" coords="730,175,790,255" alt="Al" href="pages\Al.html" title="Алуминий">
<area shape="rect" coords="730,255,790,335" alt="Ga" href="pages\Ga.html" title="Галий">
<area shape="rect" coords="730,335,790,415" alt="In" href="pages\In.html" title="Индий">
<!--IVA-->
<area shape="rect" coords="790,90,850,175" alt="C" href="pages\C.html" title="Въглерод">
<area shape="rect" coords="790,175,850,255" alt="Si" href="pages\Si.html" title="Силиций">
<area shape="rect" coords="790,255,850,335" alt="Ge" href="pages\Ge.html" title="Германий">
<area shape="rect" coords="790,335,850,415" alt="Sn" href="pages\Sn.html" title="Калай">
<!--VA-->
<area shape="rect" coords="850,90,910,175" alt="N" href="pages\N.html" title="Азот">
<area shape="rect" coords="850,175,910,255" alt="P" href="pages\P.html" title="Фосфор">
<area shape="rect" coords="850,255,910,335" alt="As" href="pages\As.html" title="Арсен">
<area shape="rect" coords="850,335,910,415" alt="Sb" href="pages\Sb.html" title="Антимон">
<!--VIA-->
<area shape="rect" coords="910,90,970,175" alt="O" href="pages\O.html" title="Кислород">
<area shape="rect" coords="910,175,970,255" alt="S" href="pages\S.html" title="Сяра">
<area shape="rect" coords="910,255,970,335" alt="Se" href="pages\Se.html" title="Селен">
<area shape="rect" coords="910,335,970,415" alt="Te" href="pages\Te.html" title="Телур">
<!--<area shape="circle" coords="337,300,44" alt="Coffee" href="coffee.htm">-->
</map>
</div>
</body>
</html>