├── img ├── mia.png ├── qiz.png ├── rasm.png ├── CodeX.png ├── card1.png ├── card2.png ├── card3.png ├── cardi1.png ├── cardi2.png ├── cardi3.png ├── cardi4.png ├── cardi5.png ├── cardi6.png ├── qator1.png ├── qator2.png ├── qator3.png ├── qator4.png ├── qator5.png ├── qator6.png ├── qator7.png ├── rasom.png ├── Big img.png ├── lee stone.png ├── logoCodeX.png ├── o'yinchoq.png ├── small boy.png ├── students.png ├── small girl.png └── Middle picture.png ├── style.css └── index.html /img/mia.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PROUZBMASTER/CodeX/HEAD/img/mia.png -------------------------------------------------------------------------------- /img/qiz.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PROUZBMASTER/CodeX/HEAD/img/qiz.png -------------------------------------------------------------------------------- /img/rasm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PROUZBMASTER/CodeX/HEAD/img/rasm.png -------------------------------------------------------------------------------- /img/CodeX.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PROUZBMASTER/CodeX/HEAD/img/CodeX.png -------------------------------------------------------------------------------- /img/card1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PROUZBMASTER/CodeX/HEAD/img/card1.png -------------------------------------------------------------------------------- /img/card2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PROUZBMASTER/CodeX/HEAD/img/card2.png -------------------------------------------------------------------------------- /img/card3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PROUZBMASTER/CodeX/HEAD/img/card3.png -------------------------------------------------------------------------------- /img/cardi1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PROUZBMASTER/CodeX/HEAD/img/cardi1.png -------------------------------------------------------------------------------- /img/cardi2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PROUZBMASTER/CodeX/HEAD/img/cardi2.png -------------------------------------------------------------------------------- /img/cardi3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PROUZBMASTER/CodeX/HEAD/img/cardi3.png -------------------------------------------------------------------------------- /img/cardi4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PROUZBMASTER/CodeX/HEAD/img/cardi4.png -------------------------------------------------------------------------------- /img/cardi5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PROUZBMASTER/CodeX/HEAD/img/cardi5.png -------------------------------------------------------------------------------- /img/cardi6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PROUZBMASTER/CodeX/HEAD/img/cardi6.png -------------------------------------------------------------------------------- /img/qator1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PROUZBMASTER/CodeX/HEAD/img/qator1.png -------------------------------------------------------------------------------- /img/qator2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PROUZBMASTER/CodeX/HEAD/img/qator2.png -------------------------------------------------------------------------------- /img/qator3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PROUZBMASTER/CodeX/HEAD/img/qator3.png -------------------------------------------------------------------------------- /img/qator4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PROUZBMASTER/CodeX/HEAD/img/qator4.png -------------------------------------------------------------------------------- /img/qator5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PROUZBMASTER/CodeX/HEAD/img/qator5.png -------------------------------------------------------------------------------- /img/qator6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PROUZBMASTER/CodeX/HEAD/img/qator6.png -------------------------------------------------------------------------------- /img/qator7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PROUZBMASTER/CodeX/HEAD/img/qator7.png -------------------------------------------------------------------------------- /img/rasom.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PROUZBMASTER/CodeX/HEAD/img/rasom.png -------------------------------------------------------------------------------- /img/Big img.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PROUZBMASTER/CodeX/HEAD/img/Big img.png -------------------------------------------------------------------------------- /img/lee stone.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PROUZBMASTER/CodeX/HEAD/img/lee stone.png -------------------------------------------------------------------------------- /img/logoCodeX.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PROUZBMASTER/CodeX/HEAD/img/logoCodeX.png -------------------------------------------------------------------------------- /img/o'yinchoq.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PROUZBMASTER/CodeX/HEAD/img/o'yinchoq.png -------------------------------------------------------------------------------- /img/small boy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PROUZBMASTER/CodeX/HEAD/img/small boy.png -------------------------------------------------------------------------------- /img/students.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PROUZBMASTER/CodeX/HEAD/img/students.png -------------------------------------------------------------------------------- /img/small girl.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PROUZBMASTER/CodeX/HEAD/img/small girl.png -------------------------------------------------------------------------------- /img/Middle picture.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PROUZBMASTER/CodeX/HEAD/img/Middle picture.png -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | list-style: none; 5 | text-decoration: none; 6 | } 7 | body{ 8 | font-family: 'Outfit', sans-serif; 9 | } 10 | .list{ 11 | display: flex; 12 | margin: 0; 13 | } 14 | .list_item{ 15 | padding-left: 20px; 16 | } 17 | .list_item a{ 18 | text-decoration: none; 19 | color: #222222; 20 | } 21 | .fa-brands{ 22 | margin-left: 15px; 23 | } 24 | .butonfirst{ 25 | padding: 11px 15px; 26 | background: #2F2F2F; 27 | border-radius: 20px; 28 | font-weight: 400; 29 | font-size: 13px; 30 | text-align: center; 31 | letter-spacing: 0.48px; 32 | color: #FFFFFF; 33 | margin-left: 45px; 34 | } 35 | nav{ 36 | margin-top: 30px; 37 | } 38 | .flex{ 39 | display: flex; 40 | align-items: center; 41 | } 42 | .nft{ 43 | margin-top: 240px; 44 | font-weight: 400; 45 | font-size: 13px; 46 | letter-spacing: 0.48px; 47 | color: #82CBAC; 48 | margin-bottom: 1px; 49 | } 50 | .change{ 51 | font-weight: 600; 52 | font-size: 64px; 53 | letter-spacing: 0.48px; 54 | color: #2F2F2F; 55 | margin-bottom: 25px; 56 | } 57 | .suspend{ 58 | font-weight: 400; 59 | font-size: 17px; 60 | letter-spacing: 0.48px; 61 | color: #2F2F2F; 62 | } 63 | .positionimage{ 64 | margin-top: 113px; 65 | position: relative; 66 | 67 | } 68 | .pink_img{ 69 | position: absolute; 70 | left: 170px; 71 | top: 110px; 72 | } 73 | .yellow{ 74 | 75 | top: -100px; 76 | } 77 | .amal{ 78 | top: 15px; 79 | left: -18px; 80 | /* position: absolute; */ 81 | } 82 | .small_image1{ 83 | width: 105px; 84 | height: 33px; 85 | align-items: center; 86 | top: 20px; 87 | left: -30px; 88 | position: absolute; 89 | background: rgba(255, 255, 255, 0.85); 90 | border: none; 91 | border-radius: 30px; 92 | display: flex; 93 | } 94 | .lee{ 95 | margin-left: 5px; 96 | } 97 | .small_image2{ 98 | left: 100px; 99 | top: 450px; 100 | width: 159px; 101 | height: 55px; 102 | align-items: center; 103 | position: absolute; 104 | background: rgba(255, 255, 255, 0.85); 105 | box-shadow: 0px -4px 19px rgba(0, 0, 0, 0.03); 106 | border-radius: 30px; 107 | border: none; 108 | display: flex; 109 | } 110 | .lees{ 111 | margin-left: 12px; 112 | } 113 | .section1{ 114 | margin-top: 322px; 115 | margin-bottom: 128px; 116 | } 117 | .qator1{ 118 | margin-left: -4px; 119 | } 120 | .hey{ 121 | 122 | margin-top: 128px; 123 | font-weight: 500; 124 | font-size: 55px; 125 | text-align: center; 126 | letter-spacing: 0.48px; 127 | color: #2F2F2F; 128 | } 129 | .sem{ 130 | margin-top: 25px; 131 | font-weight: 400; 132 | font-size: 17px; 133 | line-height: 26px; 134 | text-align: center; 135 | letter-spacing: 0.48px; 136 | color: #2F2F2F; 137 | } 138 | #qora{ 139 | background: #2F2F2F; 140 | border: 1px solid #2F2F2F; 141 | border-radius: 30px; 142 | width: 179px; 143 | height: 50px; 144 | } 145 | .jack{ 146 | /* padding: 11px 66px 17px 65px; */ 147 | font-weight: 400; 148 | font-size: 22px; 149 | text-align: center; 150 | letter-spacing: 0.48px; 151 | color: #FFFFFF; 152 | } 153 | .btn2{ 154 | padding-top: 5px; 155 | margin-top: 72px; 156 | margin-bottom: 64px; 157 | margin-left: 8px; 158 | border: 1px solid #2F2F2F; 159 | border-radius: 30px; 160 | width: 179px; 161 | height: 50px; 162 | } 163 | .suni{ 164 | font-weight: 400; 165 | font-size: 22px; 166 | text-align: center; 167 | letter-spacing: 0.48px; 168 | color: #2F2F2F; 169 | } 170 | .digital{ 171 | margin-top: 70px; 172 | margin-bottom: 14px; 173 | font-weight: 400; 174 | font-size: 16px; 175 | letter-spacing: 0.48px; 176 | color: #FF7F96; 177 | } 178 | .blandit{ 179 | font-weight: 500; 180 | font-size: 45px; 181 | line-height: 45px; 182 | letter-spacing: 0.48px; 183 | color: #2F2F2F; 184 | margin-bottom: 21px; 185 | } 186 | .big_text{ 187 | font-weight: 400; 188 | font-size: 22px; 189 | line-height: 26px; 190 | letter-spacing: 0.48px; 191 | color: #2F2F2F; 192 | } 193 | .rasom_div{ 194 | margin-left: 50px; 195 | margin-bottom: 146px; 196 | } 197 | .our{ 198 | margin-left: 63px; 199 | font-weight: 400; 200 | font-size: 37px; 201 | letter-spacing: 0.48px; 202 | text-transform: uppercase; 203 | color: #2F2F2F; 204 | margin-bottom: 7px; 205 | } 206 | .um{ 207 | margin-left: 63px; 208 | font-weight: 400; 209 | font-size: 57px; 210 | line-height: 57px; 211 | letter-spacing: 0.48px; 212 | color: #2F2F2F; 213 | margin-bottom: 38px; 214 | } 215 | .nulla{ 216 | margin-left: 63px; 217 | font-weight: 500; 218 | font-size: 19px; 219 | line-height: 26px; 220 | letter-spacing: 0.48px; 221 | color: #2F2F2F; 222 | } 223 | .btn3{ 224 | margin-top: 32px; 225 | margin-left: 450px; 226 | background: #2F2F2F; 227 | border-radius: 0px; 228 | width: 166px; 229 | height: 44px; 230 | } 231 | .about{ 232 | padding-top: 5px; 233 | font-weight: 700; 234 | font-size: 15px; 235 | text-align: center; 236 | letter-spacing: 0.48px; 237 | color: #FFFFFF; 238 | } 239 | .nol1{ 240 | padding-top: 5px; 241 | margin-top: 148px; 242 | background: #82CBAC; 243 | border-radius: 30px; 244 | border: none; 245 | width: 57px; 246 | height: 35px; 247 | margin-bottom: 5px; 248 | } 249 | .motion{ 250 | font-weight: 900; 251 | font-size: 40px; 252 | letter-spacing: 0.48px; 253 | color: #2F2F2F; 254 | } 255 | .small_text{ 256 | font-weight: 400; 257 | font-size: 20px; 258 | line-height:30px; 259 | letter-spacing: 0.50px; 260 | color: #2F2F2F; 261 | } 262 | .nol2{ 263 | padding-top: 5px; 264 | margin-top: 148px; 265 | border-radius: 30px; 266 | border: none; 267 | width: 57px; 268 | height: 35px; 269 | margin-bottom: 5px; 270 | background: #FF7F96; 271 | } 272 | .qator2{ 273 | margin-left: 84px; 274 | margin-top: -140px ; 275 | } 276 | #nol3{ 277 | background: #EAD71B; 278 | } 279 | .toy{ 280 | margin-bottom: 141px; 281 | margin-top: 84px; 282 | margin-left: 80px; 283 | } 284 | .qator{ 285 | margin-left: 84px; 286 | } 287 | .yashil{ 288 | background: #82CBAC; 289 | } 290 | .browse{ 291 | margin-left: 10px; 292 | font-weight: 400; 293 | font-size: 63px; 294 | text-align: center; 295 | letter-spacing: 0.48px; 296 | color: #2F2F2F; 297 | margin-bottom: 73px; 298 | } 299 | .card{ 300 | width: 358px; 301 | height: 313px; 302 | margin-right: 63px; 303 | text-align: start; 304 | border-radius: 30px; 305 | border: none; 306 | margin-bottom: 64px; 307 | } 308 | .card-text{ 309 | padding-top: 15px; 310 | padding-left: 30px; 311 | font-weight: 700; 312 | font-size: 29px; 313 | letter-spacing: 0.48px; 314 | color: #2F2F2F; 315 | } 316 | #btn4{ 317 | margin-left: 0; 318 | width: 134px; 319 | height: 44px; 320 | margin-bottom: 95px; 321 | border: none; 322 | padding-top: 5px; 323 | } 324 | .top{ 325 | font-weight: 400; 326 | font-size: 63px; 327 | margin-bottom: 25px; 328 | letter-spacing: 0.48px; 329 | color: #2F2F2F; 330 | } 331 | .btn5{ 332 | background: rgba(168, 193, 216, 0.2); 333 | width: 38px; 334 | height: 38px; 335 | border: none; 336 | margin-right: 8px; 337 | } 338 | .card-body{ 339 | display: flex; 340 | } 341 | .card-texti{ 342 | font-weight: 400; 343 | font-size: 16px; 344 | letter-spacing: 0.48px; 345 | color: #2F2F2F; 346 | margin-right: 8px; 347 | } 348 | .raqam{ 349 | font-weight: 700; 350 | font-size: 17px; 351 | letter-spacing: 0.48px; 352 | color: #2F2F2F; 353 | margin-right: 49px; 354 | } 355 | .cards{ 356 | width: 332px; 357 | height: 210px; 358 | margin-bottom: 92px; 359 | } 360 | .btn6{ 361 | background: #FF7F96; 362 | border-radius: 30px; 363 | width: 38px; 364 | height: 38px; 365 | border: none; 366 | } 367 | .faq{ 368 | margin-bottom: 70px; 369 | font-weight: 400; 370 | font-size: 64px; 371 | text-align: center; 372 | letter-spacing: 0.48px; 373 | color: #2F2F2F; 374 | 375 | } 376 | .accordion-item{ 377 | border: none; 378 | margin-left: 50px; 379 | margin-bottom: 10px; 380 | font-weight: 600; 381 | } 382 | p{ 383 | font-weight: 400; 384 | font-size: 22px; 385 | line-height: 24px; 386 | letter-spacing: 0.48px; 387 | color: #2F2F2F; 388 | } 389 | .big-logo{ 390 | margin-bottom: 45px; 391 | } 392 | 393 | footer{ 394 | margin-top: 220px; 395 | margin-bottom: 100px; 396 | } 397 | .join{ 398 | font-weight: 400; 399 | font-size: 22px; 400 | letter-spacing: 0.48px; 401 | color: #2F2F2F; 402 | margin-bottom: 15px; 403 | } 404 | .site{ 405 | margin-left: 30px; 406 | margin-bottom: 17px; 407 | font-weight: 400; 408 | font-size: 20px; 409 | letter-spacing: 0.48px; 410 | color: #2F2F2F; 411 | } 412 | .a{ 413 | text-decoration: none; 414 | font-weight: 400; 415 | font-size: 15px; 416 | line-height: 16px; 417 | letter-spacing: 0.48px; 418 | color: #2F2F2F; 419 | margin-bottom: 18px; 420 | } 421 | .input{ 422 | width: 327px; 423 | height: 40px; 424 | background: #F6F6F6; 425 | border-radius: 20px; 426 | border: none; 427 | font-weight: 400; 428 | font-size: 14px; 429 | letter-spacing: 0.48px; 430 | color: rgba(47, 47, 47, 0.36); 431 | text-align: start; 432 | padding-left: 32px; 433 | } 434 | .btn10{ 435 | background: #2F2F2F; 436 | border-radius: 20px; 437 | width: 79px; 438 | height: 40px; 439 | border: none; 440 | margin-left: 8px; 441 | } 442 | .sign{ 443 | padding-top: 5px; 444 | font-weight: 700; 445 | font-size: 14px; 446 | letter-spacing: 0.48px; 447 | color: #FFFFFF; 448 | } 449 | .stay{ 450 | font-weight: 400; 451 | font-size: 37px; 452 | margin-bottom: 16px; 453 | line-height: 29px; 454 | letter-spacing: 0.48px; 455 | color: #2F2F2F; 456 | } 457 | .various{ 458 | font-weight: 400; 459 | font-size: 19px; 460 | line-height: 26px; 461 | letter-spacing: 0.48px; 462 | color: #2F2F2F; 463 | margin-bottom: 16px; 464 | } 465 | .hayr{ 466 | margin-left: 50px; 467 | } 468 | .katta{ 469 | margin-right: 200px; 470 | } 471 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 9 | CodeX 10 | 11 | 12 | 13 | 14 | 15 | 18 | 19 | 20 | 21 |
22 | 46 |
47 |
48 |
49 |

EXTRAORDINARY NFTs

50 |

Change your Digital Experience

51 |

Suspendisse sem neque, auctor a elementum ut,
varius vel leo. Donec diam 52 | arcu, porta et magna at

53 |
54 |
55 |
56 | 57 | 58 | 62 | 66 |
67 |
68 |
69 |
70 |
71 | 72 | 73 |
74 |
75 |
76 |
77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 |
85 |
86 |

Hey there, we are

87 |

Suspendisse sem neque, auctor a elementum ut, varius vel leo. Donec diam arcu, porta 88 | et magna at

89 |
90 |
91 |
92 |
93 | 96 | 99 | 102 |
103 |
104 |
105 |
106 |
107 | 108 |
109 |
110 |
111 |

Digital Artist

112 |

Pellentesque blandit
in quam rhoncus

113 |

Suspendisse ante mauris, volutpat congue sem ac, ultrices tempor lorem. Nullam 114 | eget vehicula tellus, ac consectetur urna. Mauris tincidunt, libero id ultrices tincidunt, mi 115 | leo pharetra dolor, sed luctus dui ipsum et augue. Integer non quam feugiat, porttitor libero a, 116 | tempor neque. Nulla ac orci mauris. Quisque nisi nisl, rutrum ac diam et, semper commodo quam 117 |

118 |
119 |
120 |
121 |
122 | 123 |
124 |
125 |

OUR WORK

126 |

“Um… what’s going on here?”

127 |

Nulla facilisi. Praesent molestie diam eu enim aliquet pellentesque. Vestibulum 128 | consectetur vestibulum tristique. Sed purus neque, maximus fermentum bibendum et, porta in 129 | sapien.

130 | 133 |
134 |
135 |
136 |
137 |
138 | 141 |

Motion Graphic

142 |

Suspendisse sem neque, auctor a elementum ut,
varius vel leo. Donec 143 | diam arcu, porta et magna at

144 |
145 |
146 | 149 |

Digital Illustration

150 |

Suspendisse sem neque, auctor a elementum ut,
varius vel leo. Donec 151 | diam 152 | arcu, porta et magna at

153 |
154 |
155 | 158 |

Photography

159 |

Suspendisse sem neque, auctor a elementum ut,
varius vel leo. Donec 160 | diam 161 | arcu, porta et magna at

162 |
163 |
164 |
165 | 166 |
167 |
168 |
169 | 170 |
171 |
172 |
173 | 174 |
175 |
176 |
177 |
178 | 179 | 180 |
181 |
182 |
183 |
184 |

Browse by Collections

185 |
186 |
187 |
188 |
189 |
190 | ... 191 |
192 |

Collectibles

193 |
194 |
195 |
196 |
197 |
198 | ... 199 |
200 |

Art

201 |
202 |
203 |
204 |
205 |
206 | ... 207 |
208 |

Photography

209 |
210 |
211 |
212 |
213 |
214 |
215 | 218 |
219 |
220 |
221 |
222 | 223 | 224 |
225 |
226 |
227 |
228 |

Top NFT

229 |
230 |
231 |
232 |
233 |
234 | ... 235 |
236 |

White Bear

237 |

#54385

238 | 241 | 244 |
245 |
246 |
247 |
248 |
249 | ... 250 |
251 |

Happy Luca

252 |

#54385

253 | 256 | 259 |
260 |
261 |
262 |
263 |
264 | ... 265 |
266 |

Dodo

267 |

#54385

268 | 271 | 274 |
275 |
276 |
277 |
278 |
279 | ... 280 |
281 |

Nano Nano

282 |

#54385

283 | 286 | 289 |
290 |
291 |
292 |
293 |
294 | ... 295 |
296 |

Zombie

297 |

#54385

298 | 301 | 304 |
305 |
306 |
307 |
308 |
309 | ... 310 |
311 |

Pink Devil

312 |

#54385

313 | 316 | 319 |
320 |
321 |
322 |
323 |
324 |
325 | 328 |
329 |
330 |
331 |
332 | 333 | 334 |
335 |
336 |
337 |
338 |

FAQ

339 |
340 |
341 |
342 |
343 |
344 |

345 | 349 |

350 |
352 |
353 | This is the first item's accordion body. It is shown by 354 | default, until the collapse plugin adds the appropriate classes that we use to 355 | style each element. These classes control the overall appearance, as well as the 356 | showing and hiding via CSS transitions. You can modify any of this with custom 357 | CSS or overriding our default variables. It's also worth noting that just about 358 | any HTML can go within the .accordion-body, though the transition 359 | does limit overflow. 360 |
361 |
362 |
363 |
364 |

365 | 369 |

370 |
372 |
373 | This is the second item's accordion body. It is hidden by 374 | default, until the collapse plugin adds the appropriate classes that we use to 375 | style each element. These classes control the overall appearance, as well as the 376 | showing and hiding via CSS transitions. You can modify any of this with custom 377 | CSS or overriding our default variables. It's also worth noting that just about 378 | any HTML can go within the .accordion-body, though the transition 379 | does limit overflow. 380 |
381 |
382 |
383 |
384 |

385 | 390 |

391 |
393 |
394 | This is the third item's accordion body. It is hidden by 395 | default, until the collapse plugin adds the appropriate classes that we use to 396 | style each element. These classes control the overall appearance, as well as the 397 | showing and hiding via CSS transitions. You can modify any of this with custom 398 | CSS or overriding our default variables. It's also worth noting that just about 399 | any HTML can go within the .accordion-body, though the transition 400 | does limit overflow. 401 |
402 |
403 |
404 |
405 |

406 | 411 |

412 |
414 |
415 | This is the third item's accordion body. It is hidden by 416 | default, until the collapse plugin adds the appropriate classes that we use to 417 | style each element. These classes control the overall appearance, as well as the 418 | showing and hiding via CSS transitions. You can modify any of this with custom 419 | CSS or overriding our default variables. It's also worth noting that just about 420 | any HTML can go within the .accordion-body, though the transition 421 | does limit overflow. 422 |
423 |
424 |
425 |
426 |

427 | 432 |

433 |
435 |
436 | This is the third item's accordion body. It is hidden by 437 | default, until the collapse plugin adds the appropriate classes that we use to 438 | style each element. These classes control the overall appearance, as well as the 439 | showing and hiding via CSS transitions. You can modify any of this with custom 440 | CSS or overriding our default variables. It's also worth noting that just about 441 | any HTML can go within the .accordion-body, though the transition 442 | does limit overflow. 443 |
444 |
445 |
446 |
447 |
448 |
449 |
450 |
451 |
452 | 453 | 454 | 495 | 496 | 497 | 498 | 499 | 500 | 501 | 504 | 505 | 506 | --------------------------------------------------------------------------------