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