xxxxxxxxxx1
<!--Main Navigation-->2
<header>3
<!-- Jumbotron -->4
<div class="p-3 text-center bg-white border-bottom">5
<div class="container">6
<div class="row gy-3">7
<!-- Left elements -->8
<div class="col-lg-2 col-sm-4 col-4">9
<a href="https://mdbootstrap.com/" target="_blank" class="float-start">10
<img src="https://mdbootstrap.com/img/logo/mdb-transaprent-noshadows.png" height="35" />11
</a>12
</div>13
<!-- Left elements -->14
15
<!-- Center elements -->16
<div class="order-lg-last col-lg-5 col-sm-8 col-8">17
<div class="d-flex float-end">18
<a href="https://github.com/mdbootstrap/bootstrap-material-design" class="me-1 border rounded py-1 px-3 nav-link d-flex align-items-center" target="_blank">19
<i class="fas fa-user-alt m-1 me-md-2"></i>20
<p class="d-none d-md-block mb-0">Sign in</p>21
</a>22
<a href="https://github.com/mdbootstrap/bootstrap-material-design" class="me-1 border rounded py-1 px-3 nav-link d-flex align-items-center" target="_blank">23
<i class="fas fa-heart m-1 me-md-2"></i>24
<p class="d-none d-md-block mb-0">Wishlist</p>25
</a>26
<a href="https://github.com/mdbootstrap/bootstrap-material-design" class="border rounded py-1 px-3 nav-link d-flex align-items-center" target="_blank">27
<i class="fas fa-shopping-cart m-1 me-md-2"></i>28
<p class="d-none d-md-block mb-0">My cart</p>29
</a>30
</div>31
</div>32
<!-- Center elements -->33
34
<!-- Right elements -->35
<div class="col-lg-5 col-md-12 col-12">36
<div class="input-group float-center">37
<div class="form-outline">38
<input type="search" id="form1" class="form-control" />39
<label class="form-label" for="form1">Search</label>40
</div>41
<button type="button" class="btn btn-primary shadow-0">42
<i class="fas fa-search"></i>43
</button>44
</div>45
</div>46
<!-- Right elements -->47
</div>48
</div>49
</div>50
<!-- Jumbotron -->51
52
<!-- Heading -->53
<div class="bg-primary mb-4">54
<div class="container py-4">55
<h3 class="text-white mt-2">Men's wear</h3>56
<!-- Breadcrumb -->57
<nav class="d-flex mb-2">58
<h6 class="mb-0">59
<a href="" class="text-white-50">Home</a>60
<span class="text-white-50 mx-2"> > </span>61
<a href="" class="text-white-50">Library</a>62
<span class="text-white-50 mx-2"> > </span>63
<a href="" class="text-white"><u>Data</u></a>64
</h6>65
</nav>66
<!-- Breadcrumb -->67
</div>68
</div>69
<!-- Heading -->70
</header>71
72
<!-- sidebar + content -->73
<section class="">74
<div class="container">75
<div class="row">76
<!-- sidebar -->77
<div class="col-lg-3">78
<!-- Toggle button -->79
<button80
class="btn btn-outline-secondary mb-3 w-100 d-lg-none"81
type="button"82
data-mdb-toggle="collapse"83
data-mdb-target="#navbarSupportedContent"84
aria-controls="navbarSupportedContent"85
aria-expanded="false"86
aria-label="Toggle navigation"87
>88
<span>Show filter</span>89
</button>90
<!-- Collapsible wrapper -->91
<div class="collapse card d-lg-block mb-5" id="navbarSupportedContent">92
<div class="accordion" id="accordionPanelsStayOpenExample">93
<div class="accordion-item">94
<h2 class="accordion-header" id="headingOne">95
<button96
class="accordion-button text-dark bg-light"97
type="button"98
data-mdb-toggle="collapse"99
data-mdb-target="#panelsStayOpen-collapseOne"100
aria-expanded="true"101
aria-controls="panelsStayOpen-collapseOne"102
>103
Related items104
</button>105
</h2>106
<div id="panelsStayOpen-collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne">107
<div class="accordion-body">108
<ul class="list-unstyled">109
<li><a href="#" class="text-dark">Electronics </a></li>110
<li><a href="#" class="text-dark">Home items </a></li>111
<li><a href="#" class="text-dark">Books, Magazines </a></li>112
<li><a href="#" class="text-dark">Men's clothing </a></li>113
<li><a href="#" class="text-dark">Interiors items </a></li>114
<li><a href="#" class="text-dark">Underwears </a></li>115
<li><a href="#" class="text-dark">Shoes for men </a></li>116
<li><a href="#" class="text-dark">Accessories </a></li>117
</ul>118
</div>119
</div>120
</div>121
<div class="accordion-item">122
<h2 class="accordion-header" id="headingTwo">123
<button124
class="accordion-button text-dark bg-light"125
type="button"126
data-mdb-toggle="collapse"127
data-mdb-target="#panelsStayOpen-collapseTwo"128
aria-expanded="true"129
aria-controls="panelsStayOpen-collapseTwo"130
>131
Brands132
</button>133
</h2>134
<div id="panelsStayOpen-collapseTwo" class="accordion-collapse collapse show" aria-labelledby="headingTwo">135
<div class="accordion-body">136
<div>137
<!-- Checked checkbox -->138
<div class="form-check">139
<input class="form-check-input" type="checkbox" value="" id="flexCheckChecked1" checked />140
<label class="form-check-label" for="flexCheckChecked1">Mercedes</label>141
<span class="badge badge-secondary float-end">120</span>142
</div>143
<!-- Checked checkbox -->144
<div class="form-check">145
<input class="form-check-input" type="checkbox" value="" id="flexCheckChecked2" checked />146
<label class="form-check-label" for="flexCheckChecked2">Toyota</label>147
<span class="badge badge-secondary float-end">15</span>148
</div>149
<!-- Checked checkbox -->150
<div class="form-check">151
<input class="form-check-input" type="checkbox" value="" id="flexCheckChecked3" checked />152
<label class="form-check-label" for="flexCheckChecked3">Mitsubishi</label>153
<span class="badge badge-secondary float-end">35</span>154
</div>155
<!-- Checked checkbox -->156
<div class="form-check">157
<input class="form-check-input" type="checkbox" value="" id="flexCheckChecked4" checked />158
<label class="form-check-label" for="flexCheckChecked4">Nissan</label>159
<span class="badge badge-secondary float-end">89</span>160
</div>161
<!-- Default checkbox -->162
<div class="form-check">163
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault" />164
<label class="form-check-label" for="flexCheckDefault">Honda</label>165
<span class="badge badge-secondary float-end">30</span>166
</div>167
<!-- Default checkbox -->168
<div class="form-check">169
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault" />170
<label class="form-check-label" for="flexCheckDefault">Suzuki</label>171
<span class="badge badge-secondary float-end">30</span>172
</div>173
</div>174
</div>175
</div>176
</div>177
<div class="accordion-item">178
<h2 class="accordion-header" id="headingThree">179
<button180
class="accordion-button text-dark bg-light"181
type="button"182
data-mdb-toggle="collapse"183
data-mdb-target="#panelsStayOpen-collapseThree"184
aria-expanded="false"185
aria-controls="panelsStayOpen-collapseThree"186
>187
Price188
</button>189
</h2>190
<div id="panelsStayOpen-collapseThree" class="accordion-collapse collapse show" aria-labelledby="headingThree">191
<div class="accordion-body">192
<div class="range">193
<input type="range" class="form-range" id="customRange1" />194
</div>195
<div class="row mb-3">196
<div class="col-6">197
<p class="mb-0">198
Min199
</p>200
<div class="form-outline">201
<input type="number" id="typeNumber" class="form-control" />202
<label class="form-label" for="typeNumber">$0</label>203
</div>204
</div>205
<div class="col-6">206
<p class="mb-0">207
Max208
</p>209
<div class="form-outline">210
<input type="number" id="typeNumber" class="form-control" />211
<label class="form-label" for="typeNumber">$1,0000</label>212
</div>213
</div>214
</div>215
<button type="button" class="btn btn-white w-100 border border-secondary">apply</button>216
</div>217
</div>218
</div>219
<div class="accordion-item">220
<h2 class="accordion-header" id="headingThree">221
<button222
class="accordion-button text-dark bg-light"223
type="button"224
data-mdb-toggle="collapse"225
data-mdb-target="#panelsStayOpen-collapseFour"226
aria-expanded="false"227
aria-controls="panelsStayOpen-collapseFour"228
>229
Size230
</button>231
</h2>232
<div id="panelsStayOpen-collapseFour" class="accordion-collapse collapse show" aria-labelledby="headingThree">233
<div class="accordion-body">234
<input type="checkbox" class="btn-check border justify-content-center" id="btn-check1" checked autocomplete="off" />235
<label class="btn btn-white mb-1 px-1" style="width: 60px;" for="btn-check1">XS</label>236
<input type="checkbox" class="btn-check border justify-content-center" id="btn-check2" checked autocomplete="off" />237
<label class="btn btn-white mb-1 px-1" style="width: 60px;" for="btn-check2">SM</label>238
<input type="checkbox" class="btn-check border justify-content-center" id="btn-check3" checked autocomplete="off" />239
<label class="btn btn-white mb-1 px-1" style="width: 60px;" for="btn-check3">LG</label>240
<input type="checkbox" class="btn-check border justify-content-center" id="btn-check4" checked autocomplete="off" />241
<label class="btn btn-white mb-1 px-1" style="width: 60px;" for="btn-check4">XXL</label>242
</div>243
</div>244
</div>245
<div class="accordion-item">246
<h2 class="accordion-header" id="headingThree">247
<button248
class="accordion-button text-dark bg-light"249
type="button"250
data-mdb-toggle="collapse"251
data-mdb-target="#panelsStayOpen-collapseFive"252
aria-expanded="false"253
aria-controls="panelsStayOpen-collapseFive"254
>255
Ratings256
</button>257
</h2>258
<div id="panelsStayOpen-collapseFive" class="accordion-collapse collapse show" aria-labelledby="headingThree">259
<div class="accordion-body">260
<!-- Default checkbox -->261
<div class="form-check">262
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault" checked />263
<label class="form-check-label" for="flexCheckDefault">264
<i class="fas fa-star text-warning"></i><i class="fas fa-star text-warning"></i><i class="fas fa-star text-warning"></i><i class="fas fa-star text-warning"></i>265
<i class="fas fa-star text-warning"></i>266
</label>267
</div>268
<!-- Default checkbox -->269
<div class="form-check">270
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault" checked />271
<label class="form-check-label" for="flexCheckDefault">272
<i class="fas fa-star text-warning"></i><i class="fas fa-star text-warning"></i><i class="fas fa-star text-warning"></i><i class="fas fa-star text-warning"></i>273
<i class="fas fa-star text-secondary"></i>274
</label>275
</div>276
<!-- Default checkbox -->277
<div class="form-check">278
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault" checked />279
<label class="form-check-label" for="flexCheckDefault">280
<i class="fas fa-star text-warning"></i><i class="fas fa-star text-warning"></i><i class="fas fa-star text-warning"></i><i class="fas fa-star text-secondary"></i>281
<i class="fas fa-star text-secondary"></i>282
</label>283
</div>284
<!-- Default checkbox -->285
<div class="form-check">286
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault" checked />287
<label class="form-check-label" for="flexCheckDefault">288
<i class="fas fa-star text-warning"></i><i class="fas fa-star text-warning"></i><i class="fas fa-star text-secondary"></i><i class="fas fa-star text-secondary"></i>289
<i class="fas fa-star text-secondary"></i>290
</label>291
</div>292
</div>293
</div>294
</div>295
</div>296
</div>297
</div>298
<!-- sidebar -->299
<!-- content -->300
<div class="col-lg-9">301
<header class="d-sm-flex align-items-center border-bottom mb-4 pb-3">302
<strong class="d-block py-2">32 Items found </strong>303
<div class="ms-auto">304
<select class="form-select d-inline-block w-auto border pt-1">305
<option value="0">Best match</option>306
<option value="1">Recommended</option>307
<option value="2">High rated</option>308
<option value="3">Randomly</option>309
</select>310
<div class="btn-group shadow-0 border">311
<a href="#" class="btn btn-light" title="List view">312
<i class="fa fa-bars fa-lg"></i>313
</a>314
<a href="#" class="btn btn-light active" title="Grid view">315
<i class="fa fa-th fa-lg"></i>316
</a>317
</div>318
</div>319
</header>320
321
<div class="row">322
<div class="col-lg-4 col-md-6 col-sm-6 d-flex">323
<div class="card w-100 my-2 shadow-2-strong">324
<img src="https://mdbootstrap.com/img/bootstrap-ecommerce/items/10.webp" class="card-img-top" />325
<div class="card-body d-flex flex-column">326
<div class="d-flex flex-row">327
<h5 class="mb-1 me-1">$34,50</h5>328
<span class="text-danger"><s>$49.99</s></span>329
</div>330
<p class="card-text">T-shirts with multiple colors, for men and lady</p>331
<div class="card-footer d-flex align-items-end pt-3 px-0 pb-0 mt-auto">332
<a href="#!" class="btn btn-primary shadow-0 me-1">Add to cart</a>333
<a href="#!" class="btn btn-light border icon-hover px-2 pt-2"><i class="fas fa-heart fa-lg text-secondary px-1"></i></a>334
</div>335
</div>336
</div>337
</div>338
<div class="col-lg-4 col-md-6 col-sm-6 d-flex">339
<div class="card w-100 my-2 shadow-2-strong">340
<img src="https://mdbootstrap.com/img/bootstrap-ecommerce/items/11.webp" class="card-img-top" />341
<div class="card-body d-flex flex-column">342
<h5 class="card-title">$120.00</h5>343
<p class="card-text">Winter Jacket for Men and Women, All sizes</p>344
<div class="card-footer d-flex align-items-end pt-3 px-0 pb-0 mt-auto">345
<a href="#!" class="btn btn-primary shadow-0 me-1">Add to cart</a>346
<a href="#!" class="btn btn-light border icon-hover px-2 pt-2"><i class="fas fa-heart fa-lg text-secondary px-1"></i></a>347
</div>348
</div>349
</div>350
</div>351
<div class="col-lg-4 col-md-6 col-sm-6 d-flex">352
<div class="card w-100 my-2 shadow-2-strong">353
<img src="https://mdbootstrap.com/img/bootstrap-ecommerce/items/12.webp" class="card-img-top" />354
<div class="card-body d-flex flex-column">355
<h5 class="card-title">$120.00</h5>356
<p class="card-text">T-shirts with multiple colors, for men and lady</p>357
<div class="card-footer d-flex align-items-end pt-3 px-0 pb-0 mt-auto">358
<a href="#!" class="btn btn-primary shadow-0 me-1">Add to cart</a>359
<a href="#!" class="btn btn-light border icon-hover px-2 pt-2"><i class="fas fa-heart fa-lg text-secondary px-1"></i></a>360
</div>361
</div>362
</div>363
</div>364
<div class="col-lg-4 col-md-6 col-sm-6 d-flex">365
<div class="card w-100 my-2 shadow-2-strong">366
<img src="https://mdbootstrap.com/img/bootstrap-ecommerce/items/13.webp" class="card-img-top" style="aspect-ratio: 1 / 1"/>367
<div class="card-body d-flex flex-column">368
<h5 class="card-title">$120.00</h5>369
<p class="card-text">Blazer Suit Dress Jacket for Men, Blue color</p>370
<div class="card-footer d-flex align-items-end pt-3 px-0 pb-0 mt-auto">371
<a href="#!" class="btn btn-primary shadow-0 me-1">Add to cart</a>372
<a href="#!" class="btn btn-light border icon-hover px-2 pt-2"><i class="fas fa-heart fa-lg text-secondary px-1"></i></a>373
</div>374
</div>375
</div>376
</div>377
<div class="col-lg-4 col-md-6 col-sm-6 d-flex">378
<div class="card w-100 my-2 shadow-2-strong">379
<img src="https://mdbootstrap.com/img/bootstrap-ecommerce/items/14.webp" class="card-img-top" style="aspect-ratio: 1 / 1" />380
<div class="card-body d-flex flex-column">381
<h5 class="card-title">$510.00</h5>382
<p class="card-text">Slim sleeve wallet Italian leather - multiple colors</p>383
<div class="card-footer d-flex align-items-end pt-3 px-0 pb-0 mt-auto">384
<a href="#!" class="btn btn-primary shadow-0 me-1">Add to cart</a>385
<a href="#!" class="btn btn-light border icon-hover px-2 pt-2"><i class="fas fa-heart fa-lg text-secondary px-1"></i></a>386
</div>387
</div>388
</div>389
</div>390
<div class="col-lg-4 col-md-6 col-sm-6 d-flex">391
<div class="card w-100 my-2 shadow-2-strong">392
<img src="https://mdbootstrap.com/img/bootstrap-ecommerce/items/10.webp" class="card-img-top" />393
<div class="card-body d-flex flex-column">394
<h5 class="card-title">$79.99</h5>395
<p class="card-text">T-shirts with multiple colors, for men and lady</p>396
<div class="card-footer d-flex align-items-end pt-3 px-0 pb-0 mt-auto">397
<a href="#!" class="btn btn-primary shadow-0 me-1">Add to cart</a>398
<a href="#!" class="btn btn-light border icon-hover px-2 pt-2"><i class="fas fa-heart fa-lg text-secondary px-1"></i></a>399
</div>400
</div>401
</div>402
</div>403
<div class="col-lg-4 col-md-6 col-sm-6 d-flex">404
<div class="card w-100 my-2 shadow-2-strong">405
<img src="https://mdbootstrap.com/img/bootstrap-ecommerce/items/11.webp" class="card-img-top" />406
<div class="card-body d-flex flex-column">407
<h5 class="card-title">$120.00</h5>408
<p class="card-text">Winter Jacket for Men and Women, All sizes</p>409
<div class="card-footer d-flex align-items-end pt-3 px-0 pb-0 mt-auto">410
<a href="#!" class="btn btn-primary shadow-0 me-1">Add to cart</a>411
<a href="#!" class="btn btn-light border icon-hover px-2 pt-2"><i class="fas fa-heart fa-lg text-secondary px-1"></i></a>412
</div>413
</div>414
</div>415
</div>416
<div class="col-lg-4 col-md-6 col-sm-6 d-flex">417
<div class="card w-100 my-2 shadow-2-strong">418
<img src="https://mdbootstrap.com/img/bootstrap-ecommerce/items/12.webp" class="card-img-top" />419
<div class="card-body d-flex flex-column">420
<h5 class="card-title">$120.00</h5>421
<p class="card-text">T-shirts with multiple colors, for men and lady</p>422
<div class="card-footer d-flex align-items-end pt-3 px-0 pb-0 mt-auto">423
<a href="#!" class="btn btn-primary shadow-0 me-1">Add to cart</a>424
<a href="#!" class="btn btn-light border icon-hover px-2 pt-2"><i class="fas fa-heart fa-lg text-secondary px-1"></i></a>425
</div>426
</div>427
</div>428
</div>429
<div class="col-lg-4 col-md-6 col-sm-6 d-flex">430
<div class="card w-100 my-2 shadow-2-strong">431
<img src="https://mdbootstrap.com/img/bootstrap-ecommerce/items/9.webp" class="card-img-top" />432
<div class="card-body d-flex flex-column">433
<h5 class="card-title">$43.50</h5>434
<p class="card-text">Summer New Men's Denim Jeans Shorts</p>435
<div class="card-footer d-flex align-items-end pt-3 px-0 pb-0 mt-auto">436
<a href="#!" class="btn btn-primary shadow-0 me-1">Add to cart</a>437
<a href="#!" class="btn btn-light border icon-hover px-2 pt-2"><i class="fas fa-heart fa-lg text-secondary px-1"></i></a>438
</div>439
</div>440
</div>441
</div>442
</div>443
444
<hr />445
446
<!-- Pagination -->447
<nav aria-label="Page navigation example" class="d-flex justify-content-center mt-3">448
<ul class="pagination">449
<li class="page-item disabled">450
<a class="page-link" href="#" aria-label="Previous">451
<span aria-hidden="true">«</span>452
</a>453
</li>454
<li class="page-item active"><a class="page-link" href="#">1</a></li>455
<li class="page-item"><a class="page-link" href="#">2</a></li>456
<li class="page-item"><a class="page-link" href="#">3</a></li>457
<li class="page-item"><a class="page-link" href="#">4</a></li>458
<li class="page-item"><a class="page-link" href="#">5</a></li>459
<li class="page-item">460
<a class="page-link" href="#" aria-label="Next">461
<span aria-hidden="true">»</span>462
</a>463
</li>464
</ul>465
</nav>466
<!-- Pagination -->467
</div>468
</div>469
</div> 470
</section>471
<!-- sidebar + content -->472
473
<!-- Footer -->474
<footer class="text-center text-lg-start text-muted bg-primary mt-3">475
<!-- Section: Links -->476
<section class="">477
<div class="container text-center text-md-start pt-4 pb-4">478
<!-- Grid row -->479
<div class="row mt-3">480
<!-- Grid column -->481
<div class="col-12 col-lg-3 col-sm-12 mb-2">482
<!-- Content -->483
<a href="https://mdbootstrap.com/" target="_blank" class="text-white h2">484
MDB485
</a>486
<p class="mt-1 text-white">487
© 2023 Copyright: MDBootstrap.com488
</p>489
</div>490
<!-- Grid column -->491
492
<!-- Grid column -->493
<div class="col-6 col-sm-4 col-lg-2">494
<!-- Links -->495
<h6 class="text-uppercase text-white fw-bold mb-2">496
Store497
</h6>498
<ul class="list-unstyled mb-4">499
<li><a class="text-white-50" href="#">About us</a></li>500
<li><a class="text-white-50" href="#">Find store</a></li>501
<li><a class="text-white-50" href="#">Categories</a></li>502
<li><a class="text-white-50" href="#">Blogs</a></li>503
</ul>504
</div>505
<!-- Grid column -->506
507
<!-- Grid column -->508
<div class="col-6 col-sm-4 col-lg-2">509
<!-- Links -->510
<h6 class="text-uppercase text-white fw-bold mb-2">511
Information512
</h6>513
<ul class="list-unstyled mb-4">514
<li><a class="text-white-50" href="#">Help center</a></li>515
<li><a class="text-white-50" href="#">Money refund</a></li>516
<li><a class="text-white-50" href="#">Shipping info</a></li>517
<li><a class="text-white-50" href="#">Refunds</a></li>518
</ul>519
</div>520
<!-- Grid column -->521
522
<!-- Grid column -->523
<div class="col-6 col-sm-4 col-lg-2">524
<!-- Links -->525
<h6 class="text-uppercase text-white fw-bold mb-2">526
Support527
</h6>528
<ul class="list-unstyled mb-4">529
<li><a class="text-white-50" href="#">Help center</a></li>530
<li><a class="text-white-50" href="#">Documents</a></li>531
<li><a class="text-white-50" href="#">Account restore</a></li>532
<li><a class="text-white-50" href="#">My orders</a></li>533
</ul>534
</div>535
<!-- Grid column -->536
537
<!-- Grid column -->538
<div class="col-12 col-sm-12 col-lg-3">539
<!-- Links -->540
<h6 class="text-uppercase text-white fw-bold mb-2">Newsletter</h6>541
<p class="text-white">Stay in touch with latest updates about our products and offers</p>542
<div class="input-group mb-3">543
<input type="email" class="form-control border" placeholder="Email" aria-label="Email" aria-describedby="button-addon2" />544
<button class="btn btn-light border shadow-0" type="button" id="button-addon2" data-mdb-ripple-color="dark">545
Join546
</button>547
</div>548
</div>549
<!-- Grid column -->550
</div>551
<!-- Grid row -->552
</div>553
</section>554
<!-- Section: Links -->555
556
<div class="">557
<div class="container">558
<div class="d-flex justify-content-between py-4 border-top">559
<!--- payment --->560
<div>561
<i class="fab fa-lg fa-cc-visa text-white"></i>562
<i class="fab fa-lg fa-cc-amex text-white"></i>563
<i class="fab fa-lg fa-cc-mastercard text-white"></i>564
<i class="fab fa-lg fa-cc-paypal text-white"></i>565
</div>566
<!--- payment --->567
568
<!--- language selector --->569
<div class="dropdown dropup">570
<a class="dropdown-toggle text-white" href="#" id="Dropdown" role="button" data-mdb-toggle="dropdown" aria-expanded="false"> <i class="flag-united-kingdom flag m-0 me-1"></i>English </a>571
572
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="Dropdown">573
<li>574
<a class="dropdown-item" href="#"><i class="flag-united-kingdom flag"></i>English <i class="fa fa-check text-success ms-2"></i></a>575
</li>576
<li><hr class="dropdown-divider" /></li>577
<li>578
<a class="dropdown-item" href="#"><i class="flag-poland flag"></i>Polski</a>579
</li>580
<li>581
<a class="dropdown-item" href="#"><i class="flag-china flag"></i>中文</a>582
</li>583
<li>584
<a class="dropdown-item" href="#"><i class="flag-japan flag"></i>日本語</a>585
</li>586
<li>587
<a class="dropdown-item" href="#"><i class="flag-germany flag"></i>Deutsch</a>588
</li>589
<li>590
<a class="dropdown-item" href="#"><i class="flag-france flag"></i>Français</a>591
</li>592
<li>593
<a class="dropdown-item" href="#"><i class="flag-spain flag"></i>Español</a>594
</li>595
<li>596
<a class="dropdown-item" href="#"><i class="flag-russia flag"></i>Русский</a>597
</li>598
<li>599
<a class="dropdown-item" href="#"><i class="flag-portugal flag"></i>Português</a>600
</li>601
</ul>602
</div>603
<!--- language selector --->604
</div>605
</div>606
</div>607
</footer>608
<!-- Footer -->xxxxxxxxxx1
.icon-hover:hover {2
border-color: #3b71ca !important;3
background-color: white !important;4
}5
6
.icon-hover:hover i {7
color: #3b71ca !important;8
}1
1
Console errors: 0