-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathPeriodic Table.html
168 lines (168 loc) · 8.87 KB
/
Periodic Table.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
<!DOCTYPE html>
<html lang="en">
<h1 align="center" style="font-family:monospace;font-size:40px;">Periodic Table</h1>
<h2 align="center" style="font-family:monospace;">Coding By <a href="https://github.com/basitaminbhatti" target="_blank" style="text-decoration: none; color:rgb(15, 147, 255);">Basit Amin Bhatti</a></h2>
<table>
<!-- First Line -->
<tr>
<td bgcolor="#01BC87"><sup>1</sup>H<br>Hydrogen</td>
<td colspan="16"></td>
<td bgcolor="#70CFF7"><sup>2</sup>He</td>
</tr>
<!-- 2 Line -->
<tr>
<td bgcolor="#EBD74D"><sup>3</sup>Li<br>Lithium</td>
<td bgcolor="#CFDF93"><sup>4</sup>Be<br>Beryllium</td>
<td colspan="10" rowspan="2"></td>
<td bgcolor="#FBC9A8"><sup>5</sup>B<br>Boron</td>
<td bgcolor="#01BC87"><sup>6</sup>C<br>Carbon</td>
<td bgcolor="#01BC87"><sup>7</sup>N<br>Nitrogen</td>
<td bgcolor="#01BC87"><sup>8</sup>O<br>Oxygen</td>
<td bgcolor="#F39399"><sup>9</sup>F<br>Fluorine</td>
<td bgcolor="#70CFF7"><sup>10</sup>Ne<br>Neon</td>
</tr>
<!-- 3 Line -->
<tr>
<td bgcolor="#EBD74D"><sup>11</sup>Na<br>Sodium</td>
<td bgcolor="#CFDF93"><sup>12</sup>Mg<br>Magnesium</td>
<td bgcolor="#C9DDE5"><sup>13</sup>Al<br>Aluminium</td>
<td bgcolor="#FBC9A8"><sup>14</sup>Si<br>Silicon</td>
<td bgcolor="#01BC87"><sup>15</sup>P<br>Phosphorus</td>
<td bgcolor="#01BC87"><sup>16</sup>S<br>Sulfur</td>
<td bgcolor="#F39399"><sup>17</sup>Cl<br>Chlorine</td>
<td bgcolor="#70CFF7"><sup>18</sup>Ar<br>Argon</td>
</tr>
<!-- 4 Line -->
<tr>
<td bgcolor="#EBD74D"><sup>19</sup>K<br>Potassium</td>
<td bgcolor="#CFDF93"><sup>20</sup>Ca<br>Calcium</td>
<td bgcolor="#DB9A3A"><sup>21</sup>Sc<br>Scandium</td>
<td bgcolor="#DB9A3A"><sup>22</sup>Ti<br>Titanium</td>
<td bgcolor="#DB9A3A"><sup>23</sup>V<br>Vanadium</td>
<td bgcolor="#DB9A3A"><sup>24</sup>Cr<br>Chromium</td>
<td bgcolor="#DB9A3A"><sup>25</sup>Mn<br>Manganese</td>
<td bgcolor="#DB9A3A"><sup>26</sup>Fe<br>Iron</td>
<td bgcolor="#DB9A3A"><sup>27</sup>Co<br>Cobalt</td>
<td bgcolor="#DB9A3A"><sup>28</sup>Ni<br>Nickel</td>
<td bgcolor="#DB9A3A"><sup>29</sup>Cu<br>Copper</td>
<td bgcolor="#DB9A3A"><sup>30</sup>Zn<br>Zinc</td>
<td bgcolor="#C9DDE5"><sup>31</sup>Ga<br>Gallium</td>
<td bgcolor="#FBC9A8"><sup>32</sup>Ge<br>Germanium</td>
<td bgcolor="#FBC9A8"><sup>33</sup>As<br>Arsenic</td>
<td bgcolor="#01BC87"><sup>34</sup>Se<br>Selenium</td>
<td bgcolor="#F39399"><sup>35</sup>Br<br>Bromine</td>
<td bgcolor="#70CFF7"><sup>36</sup>Kr<br>Krypton</td>
</tr>
<!-- 5 Line -->
<tr>
<td bgcolor="#EBD74D"><sup>37</sup>Rb<br>Rubidium</td>
<td bgcolor="#CFDF93"><sup>38</sup>Sr<br>Strontium</td>
<td bgcolor="#DB9A3A"><sup>39</sup>Y<br>Yttrium</td>
<td bgcolor="#DB9A3A"><sup>40</sup>Zr<br>Zirconium</td>
<td bgcolor="#DB9A3A"><sup>41</sup>Nb<br>Niobium</td>
<td bgcolor="#DB9A3A"><sup>42</sup>Mo<br>Molybdenum</td>
<td bgcolor="#DB9A3A"><sup>43</sup>Tc<br>Technetium</td>
<td bgcolor="#DB9A3A"><sup>44</sup>Ru<br>Ruthenium</td>
<td bgcolor="#DB9A3A"><sup>45</sup>Rh<br>Rhodium</td>
<td bgcolor="#DB9A3A"><sup>46</sup>Pd<br>Palladium</td>
<td bgcolor="#DB9A3A"><sup>47</sup>Ag<br>Silver</td>
<td bgcolor="#DB9A3A"><sup>48</sup>Cd<br>Cadmium</td>
<td bgcolor="#C9DDE5"><sup>49</sup>In<br>Indium</td>
<td bgcolor="#C9DDE5"><sup>50</sup>Sn<br>Tin</td>
<td bgcolor="#FBC9A8"><sup>51</sup>Sb<br>Antimony</td>
<td bgcolor="#FBC9A8"><sup>52</sup>Te<br>Tellurium</td>
<td bgcolor="#F39399"><sup>53</sup>I<br>Iodine</td>
<td bgcolor="#70CFF7"><sup>54</sup>Xe<br>Xenon</td>
</tr>
<!-- 6 Line -->
<tr>
<td bgcolor="#EBD74D"><sup>55</sup>Cs<br>Caesium</td>
<td bgcolor="#CFDF93"><sup>56</sup>Ba<br>Barium</td>
<td></td>
<td bgcolor="#DB9A3A"><sup>72</sup>Hf<br>Hafnium</td>
<td bgcolor="#DB9A3A"><sup>73</sup>Ta<br>Tantalum</td>
<td bgcolor="#DB9A3A"><sup>74</sup>W<br>Tungsten</td>
<td bgcolor="#DB9A3A"><sup>75</sup>Re<br>Rhenium</td>
<td bgcolor="#DB9A3A"><sup>76</sup>Os<br>Osmium</td>
<td bgcolor="#DB9A3A"><sup>77</sup>Ir<br>Iridium</td>
<td bgcolor="#DB9A3A"><sup>78</sup>Pt<br>Platinum</td>
<td bgcolor="#DB9A3A"><sup>79</sup>Au<br>Gold</td>
<td bgcolor="#DB9A3A"><sup>80</sup>Hg<br>Mercury</td>
<td bgcolor="#C9DDE5"><sup>81</sup>Tl<br>Thallium</td>
<td bgcolor="#C9DDE5"><sup>82</sup>Pb<br>Lead</td>
<td bgcolor="#C9DDE5"><sup>83</sup>Bi<br>Bismuth</td>
<td bgcolor="#FBC9A8"><sup>84</sup>Po<br>Polonium</td>
<td bgcolor="#F39399"><sup>85</sup>At<br>Astatine</td>
<td bgcolor="#70CFF7"><sup>86</sup>Rn<br>Radon</td>
</tr>
<!-- 6 Line -->
<tr>
<td bgcolor="#EBD74D"><sup>87</sup>Fr<br>Francium</td>
<td bgcolor="#CFDF93"><sup>88</sup>Ra<br>Radium</td>
<td></td>
<td bgcolor="#DB9A3A"><sup>104</sup>Rf<br>Rutherfordium</td>
<td bgcolor="#DB9A3A"><sup>105</sup>Db<br>Dubnium</td>
<td bgcolor="#DB9A3A"><sup>106</sup>Sg<br>Seaborgium</td>
<td bgcolor="#DB9A3A"><sup>107</sup>Bh<br>Bohrium</td>
<td bgcolor="#DB9A3A"><sup>108</sup>Hs<br>Hassium</td>
<td bgcolor="#DB9A3A"><sup>109</sup>Mt<br>Meitnerium</td>
<td bgcolor="#DB9A3A"><sup>110</sup>Ds<br>Darmstadtium</td>
<td bgcolor="#DB9A3A"><sup>111</sup>Rg<br>Roentgenium</td>
<td bgcolor="#DB9A3A"><sup>112</sup>Cn<br>Copernicium</td>
<td bgcolor="#C9DDE5"><sup>113</sup>Nh<br>Nihonium</td>
<td bgcolor="#C9DDE5"><sup>114</sup>Fl<br>Flerovium</td>
<td bgcolor="#C9DDE5"><sup>115</sup>Mc<br>Moscovium</td>
<td bgcolor="#C9DDE5"><sup>116</sup>Lv<br>Livermorium</td>
<td bgcolor="#F39399"><sup>117</sup>Ts<br>Tennessine</td>
<td bgcolor="#70CFF7"><sup>118</sup>Og<br>Oganesson</td>
</tr>
<!-- Space Line -->
<tr>
<td height="45"></td>
</tr>
<!-- 7 Line -->
<tr>
<td colspan="3"></td>
<td bgcolor="#B2C6A3"><sup>57</sup>La<br>Lanthanum</td>
<td bgcolor="#B2C6A3"><sup>58</sup>Ce<br>Cerium</td>
<td bgcolor="#B2C6A3"><sup>59</sup>Pr<br>Praseodymium</td>
<td bgcolor="#B2C6A3"><sup>60</sup>Nd<br>Neodymium</td>
<td bgcolor="#B2C6A3"><sup>61</sup>Pm<br>Promethium</td>
<td bgcolor="#B2C6A3"><sup>62</sup>Sm<br>Samarium</td>
<td bgcolor="#B2C6A3"><sup>63</sup>Eu<br>Europium</td>
<td bgcolor="#B2C6A3"><sup>64</sup>Gd<br>Gadolinium</td>
<td bgcolor="#B2C6A3"><sup>65</sup>Tb<br>Terbium</td>
<td bgcolor="#B2C6A3"><sup>66</sup>Dy<br>Dysprosium</td>
<td bgcolor="#B2C6A3"><sup>67</sup>Ho<br>Holmium</td>
<td bgcolor="#B2C6A3"><sup>68</sup>Er<br>Erbium</td>
<td bgcolor="#B2C6A3"><sup>69</sup>Tm<br>Thulium</td>
<td bgcolor="#B2C6A3"><sup>70</sup>Yb<br>Ytterbium</td>
<td bgcolor="#B2C6A3"><sup>71</sup>Lu<br>Lutetium</td>
</tr>
<!-- 8 Line -->
<tr>
<td colspan="3"></td>
<td bgcolor="#F27733"><sup>89</sup>Ac<br>Actinium</td>
<td bgcolor="#F27733"><sup>90</sup>Th<br>Thorium</td>
<td bgcolor="#F27733"><sup>91</sup>Pa<br>Protactinium</td>
<td bgcolor="#F27733"><sup>92</sup>U<br>Uranium</td>
<td bgcolor="#F27733"><sup>93</sup>Np<br>Neptunium</td>
<td bgcolor="#F27733"><sup>94</sup>Pu<br>Plutonium</td>
<td bgcolor="#F27733"><sup>95</sup>Am<br>Americium</td>
<td bgcolor="#F27733"><sup>96</sup>Cm<br>Curium</td>
<td bgcolor="#F27733"><sup>97</sup>Bk<br>Berkelium</td>
<td bgcolor="#F27733"><sup>98</sup>Cf<br>Californium</td>
<td bgcolor="#F27733"><sup>99</sup>Es<br>Einsteinium</td>
<td bgcolor="#F27733"><sup>100</sup>Fm<br>Fermium</td>
<td bgcolor="#F27733"><sup>101</sup>Md<br>Mendelevium</td>
<td bgcolor="#F27733"><sup>102</sup>No<br>Nobelium</td>
<td bgcolor="#F27733"><sup>103</sup>Lr<br>Lawrencium</td>
</tr>
</table>
<br>
<h2 style="font-family:High Tower Text;">FOLLOW ME</h2>
<a href="https://www.facebook.com/basitaminbhatti1" target="_blank"><img src="https://i.imgur.com/z0dcrex.png" width="40px"></a>
<a href="https://www.instagram.com/basitaminbhatti/" target="_blank"><img src="https://i.imgur.com/s8RLa5w.png" width="40px"></a>
<a href="https://www.linkedin.com/in/basitaminbhatti/" target="_blank"><img src="https://i.imgur.com/cln4IKu.png" width="40px"></a>
<a href="https://twitter.com/basitaminbhatti" target="_blank"><img src="https://i.imgur.com/daF1b5E.png" width="40px"></a>
</html>