reiver-chemistry/periodic table.html

1117 lines
36 KiB
HTML

<article>
<h1>Periodic Table</h1>
<section>
<address class="h-card">
by
<a rel="author" class="u-url" href="http://changelog.ca/"><span class="p-given-name">Charles</span> <span class="p-additional-name">Iliya</span> <span class="p-family-name">Krempeaux</span></a>
</address>
</section>
<p>
The <strong>Periodic Table</strong> is an important <ziba-link title="index">chemical</ziba-link> visualization tool.
It is shown below....
</p>
<section>
<table class="periodic-table" cellpadding="5" cellspacing="5">
<tr>
<td style="border:2px solid #3333ff;">
<div class="atomic-number">
1
</div>
<div>
<ziba-link title="hydrogen">H</ziba-link>
</div>
</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td style="border:2px solid #dd8800;">
<div class="atomic-number">
2
</div>
<div>
<ziba-link title="helium">He</ziba-link>
</div>
</td>
</tr>
<tr>
<td style="border:2px solid #3333ff;">
<div class="atomic-number">
3
</div>
<div>
<ziba-link title="lithium">Li</ziba-link>
</div>
</td>
<td style="border: 2px solid #6699ff;">
<div class="atomic-number">
4
</div>
<div>
<ziba-link title="beryllium">Be</ziba-link>
</div>
</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td style="border:2px solid #ffcc00;">
<div class="atomic-number">
5
</div>
<div>
<ziba-link title="boron">B</ziba-link>
</div>
</td>
<td style="border:2px solid #ffcc00;">
<div class="atomic-number">
6
</div>
<div>
<ziba-link title="carbon">C</ziba-link>
</div>
</td>
<td style="border:2px solid #ffcc00;">
<div class="atomic-number">
7
</div>
<div>
<ziba-link title="nitrogen">N</ziba-link>
</div>
</td>
<td style="border:2px solid #ffcc00;">
<div class="atomic-number">
8
</div>
<div>
<ziba-link title="oxygen">O</ziba-link>
</div>
</td>
<td style="border:2px solid #ffcc00;">
<div class="atomic-number">
9
</div>
<div>
<ziba-link title="fluorine">F</ziba-link>
</div>
</td>
<td style="border:2px solid #dd8800;">
<div class="atomic-number">
10
</div>
<div>
<ziba-link title="neon">Ne</ziba-link>
</div>
</td>
</tr>
<tr>
<td style="border:2px solid #3333ff;">
<div class="atomic-number">
11
</div>
<div>
<ziba-link title="sodium">Na</ziba-link>
</div>
</td>
<td style="border: 2px solid #6699ff;">
<div class="atomic-number">
12
</div>
<div>
<ziba-link title="magnesium">Mg</ziba-link>
</div>
</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td style="border:2px solid #ffcc00;">
<div class="atomic-number">
13
</div>
<div>
<ziba-link title="aluminium">Al</ziba-link>
</div>
</td>
<td style="border:2px solid #ffcc00;">
<div class="atomic-number">
14
</div>
<div>
<ziba-link title="silicon">Si</ziba-link>
</div>
</td>
<td style="border:2px solid #ffcc00;">
<div class="atomic-number">
15
</div>
<div>
<ziba-link title="phosphorus">P</ziba-link>
</div>
</td>
<td style="border:2px solid #ffcc00;">
<div class="atomic-number">
16
</div>
<div>
<ziba-link title="sulphur">S</ziba-link>
</div>
</td>
<td style="border:2px solid #ffcc00;">
<div class="atomic-number">
17
</div>
<div>
<ziba-link title="chlorine">Cl</ziba-link>
</div>
</td>
<td style="border:2px solid #dd8800;">
<div class="atomic-number">
18
</div>
<div>
<ziba-link title="argon">Ar</ziba-link>
</div>
</td>
</tr>
<tr>
<td style="border:2px solid #3333ff;">
<div class="atomic-number">
19
</div>
<div>
<ziba-link title="potassium">K</ziba-link>
</div>
</td>
<td style="border: 2px solid #6699ff;">
<div class="atomic-number">
20
</div>
<div>
<ziba-link title="calcium">Ca</ziba-link>
</div>
</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td style="border-top:2px solid #ff9999; border-right:2px solid #ff9999; border-left:2px solid #00cc33; border-bottom:2px solid #00cc33;">
<div class="atomic-number">
21
</div>
<div>
<ziba-link title="scandium">Sc</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
22
</div>
<div>
<ziba-link title="titanium">Ti</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
23
</div>
<div>
<ziba-link title="vanadium">V</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
24
</div>
<div>
<ziba-link title="chromium">Cr</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
25
</div>
<div>
<ziba-link title="manganese">Mn</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
26
</div>
<div>
<ziba-link title="iron">Fe</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
27
</div>
<div>
<ziba-link title="cobalt">Co</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
28
</div>
<div>
<ziba-link title="nickel">Ni</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
29
</div>
<div>
<ziba-link title="copper">Cu</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
30
</div>
<div>
<ziba-link title="zinc">Zn</ziba-link>
</div>
</td>
<td style="border:2px solid #ffcc00;">
<div class="atomic-number">
31
</div>
<div>
<ziba-link title="gallium">Ga</ziba-link>
</div>
</td>
<td style="border:2px solid #ffcc00;">
<div class="atomic-number">
32
</div>
<div>
<ziba-link title="germanium">Ge</ziba-link>
</div>
</td>
<td style="border:2px solid #ffcc00;">
<div class="atomic-number">
33
</div>
<div>
<ziba-link title="arsenic">As</ziba-link>
</div>
</td>
<td style="border:2px solid #ffcc00;">
<div class="atomic-number">
34
</div>
<div>
<ziba-link title="selenium">Se</ziba-link>
</div>
</td>
<td style="border:2px solid #ffcc00;">
<div class="atomic-number">
35
</div>
<div>
<ziba-link title="bromine">Br</ziba-link>
</div>
</td>
<td style="border:2px solid #dd8800;">
<div class="atomic-number">
36
</div>
<div>
<ziba-link title="krypton">Kr</ziba-link>
</div>
</td>
</tr>
<tr>
<td style="border:2px solid #3333ff;">
<div class="atomic-number">
37
</div>
<div>
<ziba-link title="rubidium">Rb</ziba-link>
</div>
</td>
<td style="border: 2px solid #6699ff;">
<div class="atomic-number">
38
</div>
<div>
<ziba-link title="strontium">Sr</ziba-link>
</div>
</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td class="nothing">&#160;</td>
<td style="border-top:2px solid #ff9999; border-right:2px solid #ff9999; border-left:2px solid #00cc33; border-bottom:2px solid #00cc33;">
<div class="atomic-number">
39
</div>
<div>
<ziba-link title="yttrium">Y</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
40
</div>
<div>
<ziba-link title="zirconium">Zr</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
41
</div>
<div>
<ziba-link title="niobium">Nb</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
42
</div>
<div>
<ziba-link title="molybdenum">Mo</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
43
</div>
<div>
<ziba-link title="technetium">Tc</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
44
</div>
<div>
<ziba-link title="ruthenium">Ru</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
45
</div>
<div>
<ziba-link title="rhodium">Rh</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
46
</div>
<div>
<ziba-link title="palladium">Pd</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
47
</div>
<div>
<ziba-link title="silver">Ag</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
48
</div>
<div>
<ziba-link title="cadmium">Cd</ziba-link>
</div>
</td>
<td style="border:2px solid #ffcc00;">
<div class="atomic-number">
49
</div>
<div>
<ziba-link title="indium">In</ziba-link>
</div>
</td>
<td style="border:2px solid #ffcc00;">
<div class="atomic-number">
50
</div>
<div>
<ziba-link title="tin">Sn</ziba-link>
</div>
</td>
<td style="border:2px solid #ffcc00;">
<div class="atomic-number">
51
</div>
<div>
<ziba-link title="antimony">Sb</ziba-link>
</div>
</td>
<td style="border:2px solid #ffcc00;">
<div class="atomic-number">
52
</div>
<div>
<ziba-link title="tellurium">Te</ziba-link>
</div>
</td>
<td style="border:2px solid #ffcc00;">
<div class="atomic-number">
53
</div>
<div>
<ziba-link title="iodine">I</ziba-link>
</div>
</td>
<td style="border:2px solid #dd8800;">
<div class="atomic-number">
54
</div>
<div>
<ziba-link title="xenon">Xe</ziba-link>
</div>
</td>
</tr>
<tr>
<td style="border:2px solid #3333ff;">
<div class="atomic-number">
55
</div>
<div>
<ziba-link title="caesium">Cs</ziba-link>
</div>
</td>
<td style="border: 2px solid #6699ff;">
<div class="atomic-number">
56
</div>
<div>
<ziba-link title="barium">Ba</ziba-link>
</div>
</td>
<td style="border:2px solid #00cc33;">
<div class="atomic-number">
57
</div>
<div>
<ziba-link title="lanthanum">La</ziba-link>
</div>
</td>
<td style="border:2px solid #00cc33;">
<div class="atomic-number">
58
</div>
<div>
<ziba-link title="cerium">Ce</ziba-link>
</div>
</td>
<td style="border:2px solid #00cc33;">
<div class="atomic-number">
59
</div>
<div>
<ziba-link title="praseodymium">Pr</ziba-link>
</div>
</td>
<td style="border:2px solid #00cc33;">
<div class="atomic-number">
60
</div>
<div>
<ziba-link title="neodymium">Nd</ziba-link>
</div>
</td>
<td style="border:2px solid #00cc33;">
<div class="atomic-number">
61
</div>
<div>
<ziba-link title="promethium">Pm</ziba-link>
</div>
</td>
<td style="border:2px solid #00cc33;">
<div class="atomic-number">
62
</div>
<div>
<ziba-link title="samarium">Sm</ziba-link>
</div>
</td>
<td style="border:2px solid #00cc33;">
<div class="atomic-number">
63
</div>
<div>
<ziba-link title="europium">Eu</ziba-link>
</div>
</td>
<td style="border:2px solid #00cc33;">
<div class="atomic-number">
64
</div>
<div>
<ziba-link title="gadolinium">Gd</ziba-link>
</div>
</td>
<td style="border:2px solid #00cc33;">
<div class="atomic-number">
65
</div>
<div>
<ziba-link title="terbium">Tb</ziba-link>
</div>
</td>
<td style="border:2px solid #00cc33;">
<div class="atomic-number">
66
</div>
<div>
<ziba-link title="dysprosium">Dy</ziba-link>
</div>
</td>
<td style="border:2px solid #00cc33;">
<div class="atomic-number">
67
</div>
<div>
<ziba-link title="holmium">Ho</ziba-link>
</div>
</td>
<td style="border:2px solid #00cc33;">
<div class="atomic-number">
68
</div>
<div>
<ziba-link title="erbium">Er</ziba-link>
</div>
</td>
<td style="border:2px solid #00cc33;">
<div class="atomic-number">
69
</div>
<div>
<ziba-link title="thulium">Tm</ziba-link>
</div>
</td>
<td style="border:2px solid #00cc33;">
<div class="atomic-number">
70
</div>
<div>
<ziba-link title="ytterbium">Yb</ziba-link>
</div>
</td>
<td style="border-top:2px solid #ff9999; border-right:2px solid #ff9999; border-left:2px solid #00cc33; border-bottom:2px solid #00cc33;">
<div class="atomic-number">
71
</div>
<div>
<ziba-link title="lutetium">Lu</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
72
</div>
<div>
<ziba-link title="hafnium">Hf</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
73
</div>
<div>
<ziba-link title="tantalum">Ta</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
74
</div>
<div>
<ziba-link title="tungsten">W</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
75
</div>
<div>
<ziba-link title="rhenium">Re</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
76
</div>
<div>
<ziba-link title="osmium">Os</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
77
</div>
<div>
<ziba-link title="iridium">Ir</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
78
</div>
<div>
<ziba-link title="platinum">Pt</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
79
</div>
<div>
<ziba-link title="gold">Au</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
80
</div>
<div>
<ziba-link title="mercury">Hg</ziba-link>
</div>
</td>
<td style="border:2px solid #ffcc00;">
<div class="atomic-number">
81
</div>
<div>
<ziba-link title="thallium">Tl</ziba-link>
</div>
</td>
<td style="border:2px solid #ffcc00;">
<div class="atomic-number">
82
</div>
<div>
<ziba-link title="lead">Pb</ziba-link>
</div>
</td>
<td style="border:2px solid #ffcc00;">
<div class="atomic-number">
83
</div>
<div>
<ziba-link title="bismuth">Bi</ziba-link>
</div>
</td>
<td style="border:2px solid #ffcc00;">
<div class="atomic-number">
84
</div>
<div>
<ziba-link title="polonium">Po</ziba-link>
</div>
</td>
<td style="border:2px solid #ffcc00;">
<div class="atomic-number">
85
</div>
<div>
<ziba-link title="astatine">At</ziba-link>
</div>
</td>
<td style="border:2px solid #dd8800;">
<div class="atomic-number">
86
</div>
<div>
<ziba-link title="radon">Rn</ziba-link>
</div>
</td>
</tr>
<tr>
<td style="border:2px solid #3333ff;">
<div class="atomic-number">
87
</div>
<div>
<ziba-link title="francium">Fr</ziba-link>
</div>
</td>
<td style="border: 2px solid #6699ff;">
<div class="atomic-number">
88
</div>
<div>
<ziba-link title="radium">Ra</ziba-link>
</div>
</td>
<td style="border:2px solid #00cc33;">
<div class="atomic-number">
89
</div>
<div>
<ziba-link title="actinium">Ac</ziba-link>
</div>
</td>
<td style="border:2px solid #00cc33;">
<div class="atomic-number">
90
</div>
<div>
<ziba-link title="thorium">Th</ziba-link>
</div>
</td>
<td style="border:2px solid #00cc33;">
<div class="atomic-number">
91
</div>
<div>
<ziba-link title="protactinium">Pa</ziba-link>
</div>
</td>
<td style="border:2px solid #00cc33;">
<div class="atomic-number">
92
</div>
<div>
<ziba-link title="uranium">U</ziba-link>
</div>
</td>
<td style="border:2px solid #00cc33;">
<div class="atomic-number">
93
</div>
<div>
<ziba-link title="neptunium">Np</ziba-link>
</div>
</td>
<td style="border:2px solid #00cc33;">
<div class="atomic-number">
94
</div>
<div>
<ziba-link title="plutonium">Pu</ziba-link>
</div>
</td>
<td style="border:2px solid #00cc33;">
<div class="atomic-number">
95
</div>
<div>
<ziba-link title="americium">Am</ziba-link>
</div>
</td>
<td style="border:2px solid #00cc33;">
<div class="atomic-number">
96
</div>
<div>
<ziba-link title="curium">Cm</ziba-link>
</div>
</td>
<td style="border:2px solid #00cc33;">
<div class="atomic-number">
97
</div>
<div>
<ziba-link title="berkelium">Bk</ziba-link>
</div>
</td>
<td style="border:2px solid #00cc33;">
<div class="atomic-number">
98
</div>
<div>
<ziba-link title="californium">Cf</ziba-link>
</div>
</td>
<td style="border:2px solid #00cc33;">
<div class="atomic-number">
99
</div>
<div>
<ziba-link title="einsteinium">Es</ziba-link>
</div>
</td>
<td style="border:2px solid #00cc33;">
<div class="atomic-number">
100
</div>
<div>
<ziba-link title="fermium">Fm</ziba-link>
</div>
</td>
<td style="border:2px solid #00cc33;">
<div class="atomic-number">
101
</div>
<div>
<ziba-link title="mendelevium">Md</ziba-link>
</div>
</td>
<td style="border:2px solid #00cc33;">
<div class="atomic-number">
102
</div>
<div>
<ziba-link title="nobelium">No</ziba-link>
</div>
</td>
<td style="border-top:2px solid #ff9999; border-right:2px solid #ff9999; border-left:2px solid #00cc33; border-bottom:2px solid #00cc33;">
<div class="atomic-number">
103
</div>
<div>
<ziba-link title="lawrencium">Lr</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
104
</div>
<div>
<ziba-link title="rutherfordium">Rf</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
105
</div>
<div>
<ziba-link title="dubnium">Db</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
106
</div>
<div>
<ziba-link title="seaborgium">Sg</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
107
</div>
<div>
<ziba-link title="bohrium">Bh</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
108
</div>
<div>
<ziba-link title="hassium">Hs</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
109
</div>
<div>
<ziba-link title="meitnerium">Mt</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
110
</div>
<div>
<ziba-link title="darmstadtium">Ds</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
111
</div>
<div>
<ziba-link title="roentgenium">Rg</ziba-link>
</div>
</td>
<td style="border:2px solid #ff9999;">
<div class="atomic-number">
112
</div>
<div>
<ziba-link title="ununbium">Uub</ziba-link>
</div>
</td>
<td style="border:2px solid #ffcc00;">
<div class="atomic-number">
113
</div>
<div>
<ziba-link title="ununtrium">Uut</ziba-link>
</div>
</td>
<td style="border:2px solid #ffcc00;">
<div class="atomic-number">
114
</div>
<div>
<ziba-link title="ununquadium">Uuq</ziba-link>
</div>
</td>
<td style="border:2px solid #ffcc00;">
<div class="atomic-number">
115
</div>
<div>
<ziba-link title="ununpentium">Uup</ziba-link>
</div>
</td>
<td style="border:2px solid #ffcc00;">
<div class="atomic-number">
116
</div>
<div>
<ziba-link title="ununhexium">Uuh</ziba-link>
</div>
</td>
<td style="border:2px solid #ffcc00;">
<div class="atomic-number">
117
</div>
<div>
<ziba-link title="ununseptium">Uus</ziba-link>
</div>
</td>
<td style="border:2px solid #dd8800;">
<div class="atomic-number">
118
</div>
<div>
<ziba-link title="ununoctium">Uuo</ziba-link>
</div>
</td>
</tr>
</table>
</section>
</article>