├── style.css └── index.html /style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; font-family: Arial, Helvetica, sans-serif; 3 | font-weight: 600; 4 | } 5 | 6 | td { 7 | width: 4.3vw; 8 | border: 4px solid black; 9 | text-align: center; 10 | 11 | } 12 | 13 | .noBorder { 14 | border: none; 15 | } 16 | 17 | .headingOne { 18 | color: blue; 19 | background-color: rgb(250, 250, 250); 20 | padding: 5px; 21 | font-size: 4vw; 22 | } 23 | 24 | ._color_1 { 25 | background-color: #ff9966; 26 | } 27 | 28 | .color_2 { 29 | background-color: #dda0dd; 30 | } 31 | 32 | .color_3 { 33 | background-color: #90c7ff; 34 | } 35 | 36 | .color_4 { 37 | background-color: #ab89d6; 38 | } 39 | 40 | .color_5 { 41 | background-color: #f1e05d; 42 | } 43 | 44 | .color_6 { 45 | background-color: #c79810; 46 | } 47 | 48 | .color_7 { 49 | background-color: #cdeb8b; 50 | } 51 | 52 | .color_8 { 53 | background-color: #ebdca9; 54 | } 55 | 56 | .color_9 { 57 | background-color: #e6e6fa; 58 | } 59 | 60 | .text_color_green { 61 | color: black; 62 | } 63 | 64 | .text_color_blue { 65 | color:black; 66 | } 67 | 68 | .text_color_red { 69 | color: rgb(10, 10, 10); 70 | } 71 | 72 | body{ 73 | padding-top: 20px; 74 | } 75 | 76 | .ugs{ 77 | padding-top: 50px; 78 | 79 | } -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Periodic Table 7 | 8 | 9 | 10 |
11 | 12 |

THE PERIODIC TABLE

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 |
1
H		2
He
3
Li		4
Be		5
Be		6
C		7
N		8
O		9
F		10
Ne
11
Na		12
Mg		13
Al		14
Si		15
P		16
S		17
Cl		18
Ar
19
K		20
Ca		21
Sc		22
Ti		23
V		24
Cr		25
Mn		26
Fe		27
Co		28
Ni		29
Cu		30
Zn		31
Ga		32
Ge		33
As		34
Se		35
Br		36
Kr
37
Rb		38
Sr		39
Y		40
Zr		41
Nb		42
Mo		43
Tc		44
Ru		45
Rh		46
Pd		47
Ag		48
Cd		49
In		50
Sn		51
Sb		52
Te		53
I		54
Xe
55
Cs		56
Ba		57-71
 		72
Hf		73
Ta		74
W		75
Re		76
Os		77
Ir		78
Pt		79
Au		80
Hg		81
Tl		82
Pb		83
Bi		84
Po		85
At		86
Rn
87
Fr		88
Ra		89-103
 		104
Rf		105
Db		106
Sg		107
Bh		108
Hs		109
Mt		110
Ds		111
Rg		112
Cn		113
Nh		114
Fl		115
Mc		116
Lv		117
Ts		118
Og
57
La		58
Ce		59
Pr		60
Nd		61
Pm		62
Sm		63
Eu		64
Gd		65
Tb		66
Dy		67
Ho		68
Er		69
Tm		70
Yb		71
Lu
89
Ac		90
Th		91
Pa		92
U		93
Np		94
Pu		95
Am		96
Cm		97
Bk		98
Cf		99
Es		100
Fm		101
Md		102
No		103
Lr
161 | 162 |
163 | 164 | --------------------------------------------------------------------------------