test

[evp_embed_video url=”https://edunovations.com/videos/Class 1st_EM_EVS_About Myself.mp4″]

The Periodic Table

1 H

2 He

3 Li

4 Be

5 B

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 Ar

yggyugougohihlhho

GeeksforGeeks Periodic Table with HTML and CSS

html { background-color: #eed3ba; font-family: ‘Poppins’, Arial, sans-serif; }* { box-sizing: border-box; margin: 0; padding: 0; }#page-title { text-align: center; color: green; }.p-Table { display: grid; grid-template-columns: repeat(18, [group] minmax(5em, 1fr)); grid-template-rows: repeat(7, [period] 1fr) [row6x] 1fr [row7x] 1fr; grid-gap: 0.5em; counter-reset: atomic-number; }.p-Table::before { content: ”; grid-row: row6x / span 2; grid-column: 1 / 3; }.ele { border: thin solid black; text-align: center; opacity: 0.85; }.ele:hover, .ele:focus { opacity: 1; font-weight: bold; }.ele-name { border-bottom: none !important; text-decoration: none !important; word-break: break-all; hyphens: auto; font-size: 1.5em; counter-increment: atomic-number; }.ele-name::before { font-size: 0.8rem; display: block; content: counter(atomic-number); color: black; }.ele-name::after { font-size: 0.85rem; display: block; content: attr(title); }.ele-57, .ele-89 { position: relative; }.ele-57::before, .ele-89::before, .ele-57::after, .ele-89::after { display: block; position: absolute; width: 100%; font-size: 1em; top: 25%; font-weight: normal !important; }.ele-57::before, .ele-89::before { top: calc(-200% – 1rem); }.ele-57::before, .ele-57::after { content: ‘*’; }.ele-89::before, .ele-89::after { content: ‘**’; }.ele-57::after, .ele-89::after { left: calc(-50% – 1rem); }.ele-5, .ele-13 { grid-column: 13; }.ele-72, .ele-104 { grid-column: 4; }.lan-group { grid-row: row6x; position: relative; top: 1em; }.a-grp { grid-row: row7x; position: relative; top: 1em; }.n-gas { grid-column: 18; }.legend { grid-row: 1 / 3; grid-column: 5 / span 6; border: medium ridge black; padding: 0.5em; }.legend h2 { margin: 0; }.legend ul { padding-left: 0; list-style: none; }.legend li { display: inline-block; padding: 0.25em; margin-bottom: 0.5em; }.lan { background-color: pink; }.actinide { background-color: hotpink; }.al-metal { background-color: #f66; }.alearth-metal { background-color: #ffdead; }.d-nonmetal { background-color: #e7ff8f; }.patomic-nonmetal { background-color: #a1ffc3; }.pTransition-metal { background-color: lightgray; }.metalloid { background-color: #cc9; }.n-gas { background-color: #c0ffff; }.trans { background-color: #8486f8 }.liquid { color: darkgreen; }.gas { color: #c00; }

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