├── album.html ├── css ├── mega.css └── styles.css ├── custom.html ├── images ├── healthy.jpg ├── phone2.png └── tiger.jpg ├── mega-menu.html ├── selectors.html └── specificity.html /album.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Photo Album 9 | 57 | 58 | 59 | 60 |

My awesome photo album with Tiger mama

61 |

62 |

Tiger Album

63 |

64 |

65 |

66 |

67 |

68 |

69 |

Tiger Mama candid

70 |

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Pariatur asperiores quo esse impedit 71 | delectus omnis neque officia, laudantium maiores consequuntur odit eaque sapiente natus nostrum 72 | quas iste culpa eos ad!

73 |

74 |

75 |

76 |

77 |

78 |

79 |

80 |

Tiger Mama candid

81 |

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Pariatur asperiores quo esse impedit 82 | delectus omnis neque officia, laudantium maiores consequuntur odit eaque sapiente natus nostrum 83 | quas iste culpa eos ad!

84 |

85 |

86 |

87 |

88 |

89 |

90 |

91 |

Tiger Mama candid

92 |

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Pariatur asperiores quo esse impedit 93 | delectus omnis neque officia, laudantium maiores consequuntur odit eaque sapiente natus nostrum 94 | quas iste culpa eos ad!

95 |

96 |

97 |

98 |

99 |

100 |

101 |

102 |

Tiger Mama candid

103 |

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Pariatur asperiores quo esse impedit 104 | delectus omnis neque officia, laudantium maiores consequuntur odit eaque sapiente natus nostrum 105 | quas iste culpa eos ad!

106 |

107 |

108 |

109 |

110 |

111 |

112 |

113 |

Tiger Mama candid

114 |

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Pariatur asperiores quo esse impedit 115 | delectus omnis neque officia, laudantium maiores consequuntur odit eaque sapiente natus nostrum 116 | quas iste culpa eos ad!

117 |

118 |

119 |

120 |

121 |

122 |

123 |

124 |

Tiger Mama candid

125 |

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Pariatur asperiores quo esse impedit 126 | delectus omnis neque officia, laudantium maiores consequuntur odit eaque sapiente natus nostrum 127 | quas iste culpa eos ad!

128 |

129 |

130 |

131 |

132 |

133 |

134 |

135 |

Tiger Mama candid

136 |

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Pariatur asperiores quo esse impedit 137 | delectus omnis neque officia, laudantium maiores consequuntur odit eaque sapiente natus nostrum 138 | quas iste culpa eos ad!

139 |

140 |

141 |

142 |

143 |

144 |

145 |

146 |

Tiger Mama candid

147 |

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Pariatur asperiores quo esse impedit 148 | delectus omnis neque officia, laudantium maiores consequuntur odit eaque sapiente natus nostrum 149 | quas iste culpa eos ad!

150 |

151 |

152 |

153 |

154 |

155 |

156 |

157 |

Tiger Mama candid

158 |

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Pariatur asperiores quo esse impedit 159 | delectus omnis neque officia, laudantium maiores consequuntur odit eaque sapiente natus nostrum 160 | quas iste culpa eos ad!

161 |

162 |

163 |

164 |

165 |

166 |

167 |

168 |

Tiger Mama candid

169 |

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Pariatur asperiores quo esse impedit 170 | delectus omnis neque officia, laudantium maiores consequuntur odit eaque sapiente natus nostrum 171 | quas iste culpa eos ad!

172 |

173 |

174 |

175 |

176 |

177 |

178 |

179 |

Tiger Mama candid

180 |

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Pariatur asperiores quo esse impedit 181 | delectus omnis neque officia, laudantium maiores consequuntur odit eaque sapiente natus nostrum 182 | quas iste culpa eos ad!

183 |

184 |

185 |

186 |

187 |

188 |

189 |

190 |

Tiger Mama candid

191 |

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Pariatur asperiores quo esse impedit 192 | delectus omnis neque officia, laudantium maiores consequuntur odit eaque sapiente natus nostrum 193 | quas iste culpa eos ad!

194 |

195 |

196 |

197 |

198 | 199 | 200 | -------------------------------------------------------------------------------- /css/mega.css: -------------------------------------------------------------------------------- 1 | nav > ul{ 2 | display: flex; 3 | } 4 | nav li{ 5 | list-style: none; 6 | margin-right: 1em; 7 | } 8 | 9 | nav li a{ 10 | text-decoration: none; 11 | color: black; 12 | } 13 | .dropdown{ 14 | display: none; 15 | position: absolute; 16 | background-color: lightyellow; 17 | } 18 | 19 | nav>ul>li:hover>.dropdown{ 20 | display: block; 21 | } 22 | nav>ul>li:hover>.dropdown.mega-menu{ 23 | display: grid; 24 | grid-template-columns: repeat(3, 1fr); 25 | grid-column-gap: 2em; 26 | } 27 | .mega-menu h3{ 28 | font-size: 16px; 29 | color: goldenrod; 30 | margin-bottom: 0; 31 | } -------------------------------------------------------------------------------- /css/styles.css: -------------------------------------------------------------------------------- 1 | p{ 2 | border: 2px solid salmon; 3 | } -------------------------------------------------------------------------------- /custom.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Custom Property 9 | 57 | 58 | 59 | 60 |

61 |

I am exploring Custom Properties

62 |

Welcome to my website

63 |

64 |

65 |

My awesome content

66 |

My tiny heading

67 |

68 | 71 |

72 |

Blogs

73 |

74 |

75 |

76 | 77 | 80 | 81 | 82 | -------------------------------------------------------------------------------- /images/healthy.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ProgrammingHero1/css-revision/ca01c1cb1bc573ac7e7726c52a062cb9d5f04ab1/images/healthy.jpg -------------------------------------------------------------------------------- /images/phone2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ProgrammingHero1/css-revision/ca01c1cb1bc573ac7e7726c52a062cb9d5f04ab1/images/phone2.png -------------------------------------------------------------------------------- /images/tiger.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ProgrammingHero1/css-revision/ca01c1cb1bc573ac7e7726c52a062cb9d5f04ab1/images/tiger.jpg -------------------------------------------------------------------------------- /mega-menu.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Mega menu 8 | 9 | 10 | 11 |

12 |

13 |

Menu-1 15 |
16 |
- single item-1
- single item-2
- single item-3
- single item-4
- single item-5
24 |
25 |
Menu-2 27 | 28 |
29 |
30 |
Category-1
31 |
- item-1
- item-2
- item-3
- item-4
- item-5
38 |
39 |
40 |
Category-2
41 |
- item-1
- item-2
- item-3
- item-4
- item-5
48 |
49 |
50 |
Category-3
51 |
- item-1
- item-2
- item-3
- item-4
- item-5
58 |
59 |
60 |
Category-4
61 |
- item-1
- item-2
- item-3
- item-4
- item-5
68 |
69 |
70 |
Category-5
71 |
- item-1
- item-2
- item-3
- item-4
- item-5
78 |
79 |
80 |
Category-6
81 |
- item-1
- item-2
- item-3
- item-4
- item-5
88 |
89 |
90 |
Category-7
91 |
- item-1
- item-2
- item-3
- item-4
- item-5
98 |
99 |
100 |
Category-8
101 |
- item-1
- item-2
- item-3
- item-4
- item-5
108 |
109 |
110 |
Category-9
111 |
- item-1
- item-2
- item-3
- item-4
- item-5
118 |
119 |
120 |
Menu-3 122 |
123 |
124 |
Category-1
125 |
- item-1
- item-2
- item-3
- item-4
- item-5
132 |
133 |
134 |
Category-2
135 |
- item-1
- item-2
- item-3
- item-4
- item-5
142 |
143 |
144 |
Category-3
145 |
- item-1
- item-2
- item-3
- item-4
- item-5
152 |
153 |
154 |
Category-4
155 |
- item-1
- item-2
- item-3
- item-4
- item-5
162 |
163 |
164 |
Category-5
165 |
- item-1
- item-2
- item-3
- item-4
- item-5
172 |
173 |
174 |
Category-6
175 |
- item-1
- item-2
- item-3
- item-4
- item-5
182 |
183 |
184 |
Category-7
185 |
- item-1
- item-2
- item-3
- item-4
- item-5
192 |
193 |
194 |
Category-8
195 |
- item-1
- item-2
- item-3
- item-4
- item-5
202 |
203 |
204 |
Category-9
205 |
- item-1
- item-2
- item-3
- item-4
- item-5
212 |
213 |
214 |
Menu-4 216 |
217 |
218 |
Category-1
219 |
- item-1
- item-2
- item-3
- item-4
- item-5
226 |
227 |
228 |
Category-2
229 |
- item-1
- item-2
- item-3
- item-4
- item-5
236 |
237 |
238 |
Category-3
239 |
- item-1
- item-2
- item-3
- item-4
- item-5
246 |
247 |
248 |
Menu-5

251 |

252 |

253 |

254 |

My awesome Mega menu

255 |

256 | 257 | -------------------------------------------------------------------------------- /selectors.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 34 | 35 | 36 | 37 |

38 | 48 |

49 | 50 | 51 | -------------------------------------------------------------------------------- /specificity.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Specificity 9 | 10 | 38 | 39 | 40 | 41 |

1000

42 |

0100

43 |

My heading number-1

44 |

My heading number-2

45 |

My heading number-3

46 |

My heading number-4

47 |

this is my text description-1

48 |

this is my text description-2

49 |

this is my text description-3

50 |

this is my text description-4

51 |

this is my text description-5

52 | 53 | 54 | --------------------------------------------------------------------------------

My awesome photo album with Tiger mama

Tiger Album

Tiger Mama candid

Tiger Mama candid

Tiger Mama candid

Tiger Mama candid

Tiger Mama candid

Tiger Mama candid

Tiger Mama candid

Tiger Mama candid

Tiger Mama candid

Tiger Mama candid

Tiger Mama candid

Tiger Mama candid

My awesome content

My tiny heading

Blogs

My awesome Mega menu

Welcome to your School

1000

0100

My heading number-1

My heading number-2

My heading number-3

My heading number-4