diff --git a/css/style.css b/assets/css/style.css
similarity index 93%
rename from css/style.css
rename to assets/css/style.css
index e3d5916..89d494e 100644
--- a/css/style.css
+++ b/assets/css/style.css
@@ -326,7 +326,7 @@ h6 {
 #hero {
   width: 100%;
   height: 100vh;
-  background: url("/assets/img/hero-bg.gif") top center no-repeat;
+  background: url("../img/hero-bg.gif") top center no-repeat;
   background-size: cover;
   position: relative;
   padding-top: 82px;
@@ -388,6 +388,25 @@ h6 {
   /* border: 2px solid #738adb; */
 }
 
+@media (min-width: 1200px) and (max-width: 1600px) {
+  .fix {
+    display: flex;
+    margin-left: 15%;
+    margin-top: 4rem;
+  }
+  .fixx {
+    margin-left: 4rem;
+  }
+}
+@media (min-width: 1000px) and (max-width: 1200px) {
+  .fix {
+    margin-left: 2vw;
+  }
+  .fixx {
+    margin-left: 2rem;
+  }
+}
+
 #hero .discord {
   text-align: left;
   color: white;
@@ -410,7 +429,7 @@ h6 {
   #hero {
     text-align: center;
     padding-top: 95%;
-    background: url("/assets/img/picmob.png") top center no-repeat;
+    background: url("../img/picmob.png") top center no-repeat;
   }
   #hero:before {
     content: "";
@@ -451,7 +470,7 @@ h6 {
   }
   #hero {
     height: 120vh;
-    background: url("/assets/img/picmob.png") top center no-repeat;
+    background: url("../img/picmob.png") top center no-repeat;
   }
   #hero:before {
     content: "";
@@ -464,25 +483,6 @@ h6 {
   }
 }
 
-@media (min-width: 1200px) and (max-width: 1600px) {
-  .fix {
-    display: flex;
-    margin-left: 15%;
-    margin-top: 4rem;
-  }
-  .fixx {
-    margin-left: 4rem;
-  }
-}
-@media (min-width: 1000px) and (max-width: 1200px) {
-  .fix {
-    margin-left: 2vw;
-  }
-  .fixx {
-    margin-left: 2rem;
-  }
-}
-
 /*--------------------------------------------------------------
 # Sections General
 --------------------------------------------------------------*/
@@ -599,13 +599,6 @@ section {
   opacity: 1;
   filter: none;
 }
-.text-center {
-  margin-bottom: 10px;
-}
-.row {
-  justify-content: center;
-  align-items: center;
-}
 
 /*--------------------------------------------------------------
 # About
@@ -796,59 +789,59 @@ section {
 }
 
 /*--------------------------------------------------------------
-# themes
+# Services
 --------------------------------------------------------------*/
-.themes .icon-box {
+.services .icon-box {
   margin-bottom: 20px;
   padding: 30px;
   border-radius: 6px;
   background: #252525;
   transition: 0.3s;
 }
-.themes .icon-box:hover {
+.services .icon-box:hover {
   background: #2b2b2b;
 }
-.themes .icon-box i {
+.services .icon-box i {
   float: left;
   color: #e03a3c;
   font-size: 40px;
   line-height: 0;
 }
-.themes .icon-box h4 {
+.services .icon-box h4 {
   margin-left: 70px;
   font-weight: 700;
   margin-bottom: 15px;
   font-size: 18px;
 }
-.themes .icon-box h4 a {
+.services .icon-box h4 a {
   color: #fff;
   transition: 0.3s;
 }
-.themes .icon-box h4 a:hover {
+.services .icon-box h4 a:hover {
   text-decoration: underline;
 }
-.themes .icon-box .icon-box:hover h4 a {
+.services .icon-box .icon-box:hover h4 a {
   color: #e03a3c;
 }
-.themes .icon-box p {
+.services .icon-box p {
   margin-left: 70px;
   line-height: 24px;
   font-size: 14px;
 }
 
 /*--------------------------------------------------------------
-# sponsors
+# Portfolio
 --------------------------------------------------------------*/
-.sponsors .sponsors-item {
+.portfolio .portfolio-item {
   margin-bottom: 30px;
 }
-.sponsors #sponsors-flters {
+.portfolio #portfolio-flters {
   padding: 0;
   margin: 0 auto 20px auto;
   list-style: none;
   text-align: center;
 }
-.sponsors #sponsors-flters li {
+.portfolio #portfolio-flters li {
   cursor: pointer;
   display: inline-block;
   padding: 8px 15px 10px 15px;
@@ -861,22 +854,22 @@ section {
   transition: all 0.3s ease-in-out;
   border-radius: 3px;
 }
-.sponsors #sponsors-flters li:hover,
-.sponsors #sponsors-flters li.filter-active {
+.portfolio #portfolio-flters li:hover,
+.portfolio #portfolio-flters li.filter-active {
   color: #fff;
   background: #e03a3c;
 }
-.sponsors #sponsors-flters li:last-child {
+.portfolio #portfolio-flters li:last-child {
   margin-right: 0;
 }
-.sponsors .sponsors-wrap {
+.portfolio .portfolio-wrap {
   transition: 0.3s;
   position: relative;
   overflow: hidden;
   z-index: 1;
   background: rgba(17, 17, 17, 0.6);
 }
-.sponsors .sponsors-wrap::before {
+.portfolio .portfolio-wrap::before {
   content: "";
   background: rgba(17, 17, 17, 0.6);
   position: absolute;
@@ -888,10 +881,10 @@ section {
   z-index: 2;
   opacity: 0;
 }
-.sponsors .sponsors-wrap img {
+.portfolio .portfolio-wrap img {
   transition: all ease-in-out 0.3s;
 }
-.sponsors .sponsors-wrap .sponsors-info {
+.portfolio .portfolio-wrap .portfolio-info {
   opacity: 0;
   position: absolute;
   top: 0;
@@ -906,12 +899,12 @@ section {
   align-items: flex-start;
   padding: 20px;
 }
-.sponsors .sponsors-wrap .sponsors-info h4 {
+.portfolio .portfolio-wrap .portfolio-info h4 {
   font-size: 20px;
   color: #fff;
   font-weight: 600;
 }
-.sponsors .sponsors-wrap .sponsors-info p {
+.portfolio .portfolio-wrap .portfolio-info p {
   color: rgba(255, 255, 255, 0.7);
   font-size: 14px;
   text-transform: uppercase;
@@ -919,45 +912,45 @@ section {
   margin: 0;
   font-style: italic;
 }
-.sponsors .sponsors-wrap .sponsors-links {
+.portfolio .portfolio-wrap .portfolio-links {
   text-align: center;
   z-index: 4;
 }
-.sponsors .sponsors-wrap .sponsors-links a {
+.portfolio .portfolio-wrap .portfolio-links a {
   color: rgba(255, 255, 255, 0.4);
   margin: 0 5px 0 0;
   font-size: 28px;
   display: inline-block;
   transition: 0.3s;
 }
-.sponsors .sponsors-wrap .sponsors-links a:hover {
+.portfolio .portfolio-wrap .portfolio-links a:hover {
   color: #fff;
 }
-.sponsors .sponsors-wrap:hover::before {
+.portfolio .portfolio-wrap:hover::before {
   opacity: 1;
 }
-.sponsors .sponsors-wrap:hover img {
+.portfolio .portfolio-wrap:hover img {
   transform: scale(1.2);
 }
-.sponsors .sponsors-wrap:hover .sponsors-info {
+.portfolio .portfolio-wrap:hover .portfolio-info {
   opacity: 1;
 }
 
 /*--------------------------------------------------------------
-# sponsors Details
+# Portfolio Details
 --------------------------------------------------------------*/
-.sponsors-details {
+.portfolio-details {
   padding-top: 40px;
 }
-.sponsors-details .sponsors-details-slider img {
+.portfolio-details .portfolio-details-slider img {
   width: 100%;
 }
-.sponsors-details .sponsors-details-slider .swiper-pagination {
+.portfolio-details .portfolio-details-slider .swiper-pagination {
   margin-top: 20px;
   position: relative;
 }
-.sponsors-details
-  .sponsors-details-slider
+.portfolio-details
+  .portfolio-details-slider
   .swiper-pagination
   .swiper-pagination-bullet {
   width: 12px;
@@ -966,68 +959,46 @@ section {
   opacity: 1;
   border: 1px solid #e03a3c;
 }
-.sponsors-details
-  .sponsors-details-slider
+.portfolio-details
+  .portfolio-details-slider
   .swiper-pagination
   .swiper-pagination-bullet-active {
   background-color: #e03a3c;
 }
-.sponsors-details .sponsors-info {
+.portfolio-details .portfolio-info {
   padding: 30px;
   box-shadow: 0px 0 30px rgba(17, 17, 17, 0.08);
 }
-.sponsors-details .sponsors-info h3 {
+.portfolio-details .portfolio-info h3 {
   font-size: 22px;
   font-weight: 700;
   margin-bottom: 20px;
   padding-bottom: 20px;
   border-bottom: 1px solid #eee;
 }
-.sponsors-details .sponsors-info ul {
+.portfolio-details .portfolio-info ul {
   list-style: none;
   padding: 0;
   font-size: 15px;
 }
-.sponsors-details .sponsors-info ul li + li {
+.portfolio-details .portfolio-info ul li + li {
   margin-top: 10px;
 }
-.sponsors-details .sponsors-description {
+.portfolio-details .portfolio-description {
   padding-top: 30px;
 }
-.sponsors-details .sponsors-description h2 {
+.portfolio-details .portfolio-description h2 {
   font-size: 26px;
   font-weight: 700;
   margin-bottom: 20px;
 }
-.sponsors-details .sponsors-description p {
+.portfolio-details .portfolio-description p {
   padding: 0;
 }
 
 /*--------------------------------------------------------------
 # Testimonials
 --------------------------------------------------------------*/
-#counterTimer {
-  font-size: 120px;
-  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
-    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
-}
-
-@media (max-width: 768px) {
-  #counterTimer {
-    font-size: 30px;
-    font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
-      "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
-  }
-}
-
-@media (max-height: 500px) {
-  #counterTimer {
-    font-size: 30px;
-    font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
-      "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
-  }
-}
-
 .testimonials .testimonials-carousel,
 .testimonials .testimonials-slider {
   overflow: hidden;
@@ -1042,11 +1013,6 @@ section {
   background: #fff;
   border-radius: 15px;
 }
-@media (max-width: 480px) {
-  .testimonials .testimonial-item {
-    margin: 30px 30px;
-  }
-}
 .testimonials .testimonial-item .testimonial-img {
   width: 90px;
   border-radius: 10px;
@@ -1090,21 +1056,11 @@ section {
   margin: 10px;
   left: -4%;
 }
-@media (max-width: 480px) {
-  .testimonials .swiper-button-prev {
-    margin: 20px;
-  }
-}
 .testimonials .swiper-button-next {
   color: #e03a3c;
   margin: 10px;
   right: -4%;
 }
-@media (max-width: 480px) {
-  .testimonials .swiper-button-next {
-    margin: 20px;
-  }
-}
 .testimonials .swiper-pagination {
   margin-top: 20px;
   position: relative;
@@ -1123,15 +1079,6 @@ section {
 /*--------------------------------------------------------------
 # Pricing
 --------------------------------------------------------------*/
-.sponsor-us {
-  border: #000;
-  border-radius: 30px;
-  padding: 10px 20px 10px 20px;
-  font-size: 20px;
-  font-weight: bold;
-  color: red;
-}
-
 .pricing {
   color: black !important;
 }
@@ -1215,22 +1162,6 @@ section {
 .pricing .box-third {
   background: #cd7f32;
 }
-
-#mlh-trust-badge {
-  display: block;
-  max-width: 100px;
-  min-width: 60px;
-  position: fixed;
-  right: 5px;
-  top: 0;
-  width: 10%;
-  z-index: 10000;
-}
-
-#mlh-trust-badge img {
-  width: 100%;
-}
-
 /*--------------------------------------------------------------
 # Frequently Asked Questions
 --------------------------------------------------------------*/
diff --git a/css/style1.css b/assets/css/style1.css
similarity index 95%
rename from css/style1.css
rename to assets/css/style1.css
index d12ad89..827e003 100644
--- a/css/style1.css
+++ b/assets/css/style1.css
@@ -326,7 +326,7 @@ h6 {
 #hero {
   width: 100%;
   height: 100vh;
-  background: url("/assets/img/hero-bg.png") top center no-repeat;
+  background: url("../img/hero-bg.png") top center no-repeat;
   background-size: cover;
   position: relative;
   padding-top: 82px;
@@ -406,7 +406,7 @@ h6 {
   #hero {
     text-align: center;
     padding-top: 58px;
-    background: url("/assets/img/picmob.png") top center no-repeat;
+    background: url("../img/picmob.png") top center no-repeat;
   }
   #hero:before {
     content: "";
@@ -435,7 +435,7 @@ h6 {
   }
   #hero {
     height: 120vh;
-    background: url("/assets/img/picmob.png") top center no-repeat;
+    background: url("../img/picmob.png") top center no-repeat;
   }
   #hero:before {
     content: "";
@@ -748,59 +748,59 @@ section {
 }
 
 /*--------------------------------------------------------------
-  # themes
+  # Services
   --------------------------------------------------------------*/
-.themes .icon-box {
+.services .icon-box {
   margin-bottom: 20px;
   padding: 30px;
   border-radius: 6px;
   background: #252525;
   transition: 0.3s;
 }
-.themes .icon-box:hover {
+.services .icon-box:hover {
   background: #2b2b2b;
 }
-.themes .icon-box i {
+.services .icon-box i {
   float: left;
   color: #e03a3c;
   font-size: 40px;
   line-height: 0;
 }
-.themes .icon-box h4 {
+.services .icon-box h4 {
   margin-left: 70px;
   font-weight: 700;
   margin-bottom: 15px;
   font-size: 18px;
 }
-.themes .icon-box h4 a {
+.services .icon-box h4 a {
   color: #fff;
   transition: 0.3s;
 }
-.themes .icon-box h4 a:hover {
+.services .icon-box h4 a:hover {
   text-decoration: underline;
 }
-.themes .icon-box .icon-box:hover h4 a {
+.services .icon-box .icon-box:hover h4 a {
   color: #e03a3c;
 }
-.themes .icon-box p {
+.services .icon-box p {
   margin-left: 70px;
   line-height: 24px;
   font-size: 14px;
 }
 
 /*--------------------------------------------------------------
-  # sponsors
+  # Portfolio
   --------------------------------------------------------------*/
-.sponsors .sponsors-item {
+.portfolio .portfolio-item {
   margin-bottom: 30px;
 }
-.sponsors #sponsors-flters {
+.portfolio #portfolio-flters {
   padding: 0;
   margin: 0 auto 20px auto;
   list-style: none;
   text-align: center;
 }
-.sponsors #sponsors-flters li {
+.portfolio #portfolio-flters li {
   cursor: pointer;
   display: inline-block;
   padding: 8px 15px 10px 15px;
@@ -813,22 +813,22 @@ section {
   transition: all 0.3s ease-in-out;
   border-radius: 3px;
 }
-.sponsors #sponsors-flters li:hover,
-.sponsors #sponsors-flters li.filter-active {
+.portfolio #portfolio-flters li:hover,
+.portfolio #portfolio-flters li.filter-active {
   color: #fff;
   background: #e03a3c;
 }
-.sponsors #sponsors-flters li:last-child {
+.portfolio #portfolio-flters li:last-child {
   margin-right: 0;
 }
-.sponsors .sponsors-wrap {
+.portfolio .portfolio-wrap {
   transition: 0.3s;
   position: relative;
   overflow: hidden;
   z-index: 1;
   background: rgba(17, 17, 17, 0.6);
 }
-.sponsors .sponsors-wrap::before {
+.portfolio .portfolio-wrap::before {
   content: "";
   background: rgba(17, 17, 17, 0.6);
   position: absolute;
@@ -840,10 +840,10 @@ section {
   z-index: 2;
   opacity: 0;
 }
-.sponsors .sponsors-wrap img {
+.portfolio .portfolio-wrap img {
   transition: all ease-in-out 0.3s;
 }
-.sponsors .sponsors-wrap .sponsors-info {
+.portfolio .portfolio-wrap .portfolio-info {
   opacity: 0;
   position: absolute;
   top: 0;
@@ -858,12 +858,12 @@ section {
   align-items: flex-start;
   padding: 20px;
 }
-.sponsors .sponsors-wrap .sponsors-info h4 {
+.portfolio .portfolio-wrap .portfolio-info h4 {
   font-size: 20px;
   color: #fff;
   font-weight: 600;
 }
-.sponsors .sponsors-wrap .sponsors-info p {
+.portfolio .portfolio-wrap .portfolio-info p {
   color: rgba(255, 255, 255, 0.7);
   font-size: 14px;
   text-transform: uppercase;
@@ -871,45 +871,45 @@ section {
   margin: 0;
   font-style: italic;
 }
-.sponsors .sponsors-wrap .sponsors-links {
+.portfolio .portfolio-wrap .portfolio-links {
   text-align: center;
   z-index: 4;
 }
-.sponsors .sponsors-wrap .sponsors-links a {
+.portfolio .portfolio-wrap .portfolio-links a {
   color: rgba(255, 255, 255, 0.4);
   margin: 0 5px 0 0;
   font-size: 28px;
   display: inline-block;
   transition: 0.3s;
 }
-.sponsors .sponsors-wrap .sponsors-links a:hover {
+.portfolio .portfolio-wrap .portfolio-links a:hover {
   color: #fff;
 }
-.sponsors .sponsors-wrap:hover::before {
+.portfolio .portfolio-wrap:hover::before {
   opacity: 1;
 }
-.sponsors .sponsors-wrap:hover img {
+.portfolio .portfolio-wrap:hover img {
   transform: scale(1.2);
 }
-.sponsors .sponsors-wrap:hover .sponsors-info {
+.portfolio .portfolio-wrap:hover .portfolio-info {
   opacity: 1;
 }
 
 /*--------------------------------------------------------------
-  # sponsors Details
+  # Portfolio Details
   --------------------------------------------------------------*/
-.sponsors-details {
+.portfolio-details {
   padding-top: 40px;
 }
-.sponsors-details .sponsors-details-slider img {
+.portfolio-details .portfolio-details-slider img {
   width: 100%;
 }
-.sponsors-details .sponsors-details-slider .swiper-pagination {
+.portfolio-details .portfolio-details-slider .swiper-pagination {
   margin-top: 20px;
   position: relative;
 }
-.sponsors-details
-  .sponsors-details-slider
+.portfolio-details
+  .portfolio-details-slider
   .swiper-pagination
   .swiper-pagination-bullet {
   width: 12px;
@@ -918,40 +918,40 @@ section {
   opacity: 1;
   border: 1px solid #e03a3c;
 }
-.sponsors-details
-  .sponsors-details-slider
+.portfolio-details
+  .portfolio-details-slider
   .swiper-pagination
   .swiper-pagination-bullet-active {
   background-color: #e03a3c;
 }
-.sponsors-details .sponsors-info {
+.portfolio-details .portfolio-info {
   padding: 30px;
   box-shadow: 0px 0 30px rgba(17, 17, 17, 0.08);
 }
-.sponsors-details .sponsors-info h3 {
+.portfolio-details .portfolio-info h3 {
   font-size: 22px;
   font-weight: 700;
   margin-bottom: 20px;
   padding-bottom: 20px;
   border-bottom: 1px solid #eee;
 }
-.sponsors-details .sponsors-info ul {
+.portfolio-details .portfolio-info ul {
   list-style: none;
   padding: 0;
   font-size: 15px;
 }
-.sponsors-details .sponsors-info ul li + li {
+.portfolio-details .portfolio-info ul li + li {
   margin-top: 10px;
 }
-.sponsors-details .sponsors-description {
+.portfolio-details .portfolio-description {
   padding-top: 30px;
 }
-.sponsors-details .sponsors-description h2 {
+.portfolio-details .portfolio-description h2 {
   font-size: 26px;
   font-weight: 700;
   margin-bottom: 20px;
 }
-.sponsors-details .sponsors-description p {
+.portfolio-details .portfolio-description p {
   padding: 0;
 }
 
diff --git a/assets/img/sponsors/1p.jpg b/assets/img/portfolio/1p.jpg
similarity index 100%
rename from assets/img/sponsors/1p.jpg
rename to assets/img/portfolio/1p.jpg
diff --git a/assets/img/sponsors/AuthO.png b/assets/img/portfolio/AuthO.png
similarity index 100%
rename from assets/img/sponsors/AuthO.png
rename to assets/img/portfolio/AuthO.png
diff --git a/assets/img/sponsors/CapitalOne.png b/assets/img/portfolio/CapitalOne.png
similarity index 100%
rename from assets/img/sponsors/CapitalOne.png
rename to assets/img/portfolio/CapitalOne.png
diff --git a/assets/img/sponsors/Deso.png b/assets/img/portfolio/Deso.png
similarity index 100%
rename from assets/img/sponsors/Deso.png
rename to assets/img/portfolio/Deso.png
diff --git a/assets/img/sponsors/Github.png b/assets/img/portfolio/Github.png
similarity index 100%
rename from assets/img/sponsors/Github.png
rename to assets/img/portfolio/Github.png
diff --git a/assets/img/sponsors/GoDaddy.png b/assets/img/portfolio/GoDaddy.png
similarity index 100%
rename from assets/img/sponsors/GoDaddy.png
rename to assets/img/portfolio/GoDaddy.png
diff --git a/assets/img/sponsors/Hedera.png b/assets/img/portfolio/Hedera.png
similarity index 100%
rename from assets/img/sponsors/Hedera.png
rename to assets/img/portfolio/Hedera.png
diff --git a/assets/img/sponsors/Linode.png b/assets/img/portfolio/Linode.png
similarity index 100%
rename from assets/img/sponsors/Linode.png
rename to assets/img/portfolio/Linode.png
diff --git a/assets/img/sponsors/Postman.png b/assets/img/portfolio/Postman.png
similarity index 100%
rename from assets/img/sponsors/Postman.png
rename to assets/img/portfolio/Postman.png
diff --git a/assets/img/sponsors/Twilio.png b/assets/img/portfolio/Twilio.png
similarity index 100%
rename from assets/img/sponsors/Twilio.png
rename to assets/img/portfolio/Twilio.png
diff --git a/assets/img/sponsors/at.png b/assets/img/portfolio/at.png
similarity index 100%
rename from assets/img/sponsors/at.png
rename to assets/img/portfolio/at.png
diff --git a/assets/img/sponsors/celo.jpg b/assets/img/portfolio/celo.jpg
similarity index 100%
rename from assets/img/sponsors/celo.jpg
rename to assets/img/portfolio/celo.jpg
diff --git a/assets/img/sponsors/devfolio.jpg b/assets/img/portfolio/devfolio.jpg
similarity index 100%
rename from assets/img/sponsors/devfolio.jpg
rename to assets/img/portfolio/devfolio.jpg
diff --git a/assets/img/sponsors/digitalocean.jpg b/assets/img/portfolio/digitalocean.jpg
similarity index 100%
rename from assets/img/sponsors/digitalocean.jpg
rename to assets/img/portfolio/digitalocean.jpg
diff --git a/assets/img/sponsors/e3.png b/assets/img/portfolio/e3.png
similarity index 100%
rename from assets/img/sponsors/e3.png
rename to assets/img/portfolio/e3.png
diff --git a/assets/img/sponsors/filecoin.jpg b/assets/img/portfolio/filecoin.jpg
similarity index 100%
rename from assets/img/sponsors/filecoin.jpg
rename to assets/img/portfolio/filecoin.jpg
diff --git a/assets/img/sponsors/gfg.jpg b/assets/img/portfolio/gfg.jpg
similarity index 100%
rename from assets/img/sponsors/gfg.jpg
rename to assets/img/portfolio/gfg.jpg
diff --git a/assets/img/sponsors/github-logo.svg b/assets/img/portfolio/github-logo.svg
similarity index 100%
rename from assets/img/sponsors/github-logo.svg
rename to assets/img/portfolio/github-logo.svg
diff --git a/assets/img/sponsors/gitlab.jpg b/assets/img/portfolio/gitlab.jpg
similarity index 100%
rename from assets/img/sponsors/gitlab.jpg
rename to assets/img/portfolio/gitlab.jpg
diff --git a/assets/img/sponsors/gmc.jpg b/assets/img/portfolio/gmc.jpg
similarity index 100%
rename from assets/img/sponsors/gmc.jpg
rename to assets/img/portfolio/gmc.jpg
diff --git a/assets/img/sponsors/interview-cake.png b/assets/img/portfolio/interview-cake.png
similarity index 100%
rename from assets/img/sponsors/interview-cake.png
rename to assets/img/portfolio/interview-cake.png
diff --git a/assets/img/sponsors/interview-cake1.jpg b/assets/img/portfolio/interview-cake1.jpg
similarity index 100%
rename from assets/img/sponsors/interview-cake1.jpg
rename to assets/img/portfolio/interview-cake1.jpg
diff --git a/assets/img/sponsors/leading-learners.png b/assets/img/portfolio/leading-learners.png
similarity index 100%
rename from assets/img/sponsors/leading-learners.png
rename to assets/img/portfolio/leading-learners.png
diff --git a/assets/img/sponsors/leading-learners1.png b/assets/img/portfolio/leading-learners1.png
similarity index 100%
rename from assets/img/sponsors/leading-learners1.png
rename to assets/img/portfolio/leading-learners1.png
diff --git a/assets/img/sponsors/polygon.jpg b/assets/img/portfolio/polygon.jpg
similarity index 100%
rename from assets/img/sponsors/polygon.jpg
rename to assets/img/portfolio/polygon.jpg
diff --git a/assets/img/sponsors/portfolio-1.jpg b/assets/img/portfolio/portfolio-1.jpg
similarity index 100%
rename from assets/img/sponsors/portfolio-1.jpg
rename to assets/img/portfolio/portfolio-1.jpg
diff --git a/assets/img/sponsors/portfolio-2.jpg b/assets/img/portfolio/portfolio-2.jpg
similarity index 100%
rename from assets/img/sponsors/portfolio-2.jpg
rename to assets/img/portfolio/portfolio-2.jpg
diff --git a/assets/img/sponsors/portfolio-3.jpg b/assets/img/portfolio/portfolio-3.jpg
similarity index 100%
rename from assets/img/sponsors/portfolio-3.jpg
rename to assets/img/portfolio/portfolio-3.jpg
diff --git a/assets/img/sponsors/portfolio-4.jpg b/assets/img/portfolio/portfolio-4.jpg
similarity index 100%
rename from assets/img/sponsors/portfolio-4.jpg
rename to assets/img/portfolio/portfolio-4.jpg
diff --git a/assets/img/sponsors/portfolio-5.jpg b/assets/img/portfolio/portfolio-5.jpg
similarity index 100%
rename from assets/img/sponsors/portfolio-5.jpg
rename to assets/img/portfolio/portfolio-5.jpg
diff --git a/assets/img/sponsors/portfolio-6.jpg b/assets/img/portfolio/portfolio-6.jpg
similarity index 100%
rename from assets/img/sponsors/portfolio-6.jpg
rename to assets/img/portfolio/portfolio-6.jpg
diff --git a/assets/img/sponsors/portfolio-7.jpg b/assets/img/portfolio/portfolio-7.jpg
similarity index 100%
rename from assets/img/sponsors/portfolio-7.jpg
rename to assets/img/portfolio/portfolio-7.jpg
diff --git a/assets/img/sponsors/portfolio-8.jpg b/assets/img/portfolio/portfolio-8.jpg
similarity index 100%
rename from assets/img/sponsors/portfolio-8.jpg
rename to assets/img/portfolio/portfolio-8.jpg
diff --git a/assets/img/sponsors/portfolio-9.jpg b/assets/img/portfolio/portfolio-9.jpg
similarity index 100%
rename from assets/img/sponsors/portfolio-9.jpg
rename to assets/img/portfolio/portfolio-9.jpg
diff --git a/assets/img/sponsors/portfolio-details-1.jpg b/assets/img/portfolio/portfolio-details-1.jpg
similarity index 100%
rename from assets/img/sponsors/portfolio-details-1.jpg
rename to assets/img/portfolio/portfolio-details-1.jpg
diff --git a/assets/img/sponsors/portfolio-details-2.jpg b/assets/img/portfolio/portfolio-details-2.jpg
similarity index 100%
rename from assets/img/sponsors/portfolio-details-2.jpg
rename to assets/img/portfolio/portfolio-details-2.jpg
diff --git a/assets/img/sponsors/portfolio-details-3.jpg b/assets/img/portfolio/portfolio-details-3.jpg
similarity index 100%
rename from assets/img/sponsors/portfolio-details-3.jpg
rename to assets/img/portfolio/portfolio-details-3.jpg
diff --git a/assets/img/sponsors/snu.png b/assets/img/portfolio/snu.png
similarity index 100%
rename from assets/img/sponsors/snu.png
rename to assets/img/portfolio/snu.png
diff --git a/assets/img/sponsors/stickermule.png b/assets/img/portfolio/stickermule.png
similarity index 100%
rename from assets/img/sponsors/stickermule.png
rename to assets/img/portfolio/stickermule.png
diff --git a/assets/img/sponsors/taskade.jpg b/assets/img/portfolio/taskade.jpg
similarity index 100%
rename from assets/img/sponsors/taskade.jpg
rename to assets/img/portfolio/taskade.jpg
diff --git a/assets/img/sponsors/tezos.jpg b/assets/img/portfolio/tezos.jpg
similarity index 100%
rename from assets/img/sponsors/tezos.jpg
rename to assets/img/portfolio/tezos.jpg
diff --git a/assets/img/winners/1.png b/assets/img/winners/1.png
index 08594eb..2101b82 100644
Binary files a/assets/img/winners/1.png and b/assets/img/winners/1.png differ
diff --git a/assets/img/winners/2.png b/assets/img/winners/2.png
index 6a67107..665e72b 100644
Binary files a/assets/img/winners/2.png and b/assets/img/winners/2.png differ
diff --git a/assets/img/winners/3.png b/assets/img/winners/3.png
index ad3a620..7bbac36 100644
Binary files a/assets/img/winners/3.png and b/assets/img/winners/3.png differ
diff --git a/assets/img/winners/6to20.png b/assets/img/winners/6to20.png
index e003677..c68b740 100644
Binary files a/assets/img/winners/6to20.png and b/assets/img/winners/6to20.png differ
diff --git a/assets/img/winners/bb.png b/assets/img/winners/bb.png
index 8d8bcfc..c7a350d 100644
Binary files a/assets/img/winners/bb.png and b/assets/img/winners/bb.png differ
diff --git a/assets/img/winners/bg.png b/assets/img/winners/bg.png
index 66c6db7..5dec13f 100644
Binary files a/assets/img/winners/bg.png and b/assets/img/winners/bg.png differ
diff --git a/js/main.js b/assets/js/main.js
similarity index 95%
rename from js/main.js
rename to assets/js/main.js
index 3dee046..fed5f59 100644
--- a/js/main.js
+++ b/assets/js/main.js
@@ -249,7 +249,7 @@
   });
 
   /**
-   * sponsors details slider
+   * Portfolio details slider
    */
   new Swiper(".portfolio-details-slider", {
     speed: 400,
@@ -313,3 +313,18 @@
     });
   });
 })();
+
+
+// selecting elements
+let list = document.querySelectorAll('.nav-link');
+
+for (let i=0; i<list.length; i++){
+  list[i].addEventListener('click', function(){
+    for(let j=0; j<list.length; j++){
+      list[j].classList.remove('active');
+    }
+    list[i].classList.add('active');
+  })
+}
+
+console.log(list);
\ No newline at end of file
diff --git a/assets/vendor/bootstrap-icons/index.html b/assets/vendor/bootstrap-icons/index.html
index a895944..3a75230 100644
--- a/assets/vendor/bootstrap-icons/index.html
+++ b/assets/vendor/bootstrap-icons/index.html
@@ -1,6133 +1,6135 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <title>bootstrap-icons</title>
+<head>
+  <meta charset="utf-8">
+  <title>bootstrap-icons</title>
 
-    <style>
-      .icons {
-        display: grid;
-        max-width: 100%;
-        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
-        gap: 1.25rem;
-      }
-      .icon {
-        background-color: var(--bs-light);
-        border-radius: 0.25rem;
-      }
-      .bi {
-        margin: 0.25rem;
-        font-size: 2.5rem;
-      }
-      .label {
-        font-family: var(--bs-font-monospace);
-      }
-      .label {
-        display: inline-block;
-        width: 100%;
-        overflow: hidden;
-        padding: 0.25rem;
-        font-size: 0.625rem;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
-    </style>
+  <style>
+    .icons {
+      display: grid;
+      max-width: 100%;
+      grid-template-columns: repeat(auto-fit, minmax(100px, 1fr) );
+      gap: 1.25rem;
+    }
+    .icon {
+      background-color: var(--bs-light);
+      border-radius: .25rem;
+    }
+    .bi {
+      margin: .25rem;
+      font-size: 2.5rem;
+    }
+    .label {
+      font-family: var(--bs-font-monospace);
+    }
+    .label {
+      display: inline-block;
+      width: 100%;
+      overflow: hidden;
+      padding: .25rem;
+      font-size: .625rem;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  </style>
 
-    <link rel="stylesheet" href="/css/bootstrap.min.css" />
-    <link rel="stylesheet" href="bootstrap-icons.css" />
-  </head>
-  <body class="text-center">
-    <h1>bootstrap-icons</h1>
+  <link rel="stylesheet" href="/assets/css/bootstrap.min.css">
+  <link rel="stylesheet" href="bootstrap-icons.css">
+</head>
+<body class="text-center">
 
-    <div class="icons">
-      <div class="icon">
-        <i class="bi bi-123"></i>
-        <div class="label">123</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-activity"></i>
-        <div class="label">activity</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-alarm-fill"></i>
-        <div class="label">alarm-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-alarm"></i>
-        <div class="label">alarm</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-align-bottom"></i>
-        <div class="label">align-bottom</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-align-center"></i>
-        <div class="label">align-center</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-align-end"></i>
-        <div class="label">align-end</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-align-middle"></i>
-        <div class="label">align-middle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-align-start"></i>
-        <div class="label">align-start</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-align-top"></i>
-        <div class="label">align-top</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-alt"></i>
-        <div class="label">alt</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-app-indicator"></i>
-        <div class="label">app-indicator</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-app"></i>
-        <div class="label">app</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-apple"></i>
-        <div class="label">apple</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-archive-fill"></i>
-        <div class="label">archive-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-archive"></i>
-        <div class="label">archive</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-90deg-down"></i>
-        <div class="label">arrow-90deg-down</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-90deg-left"></i>
-        <div class="label">arrow-90deg-left</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-90deg-right"></i>
-        <div class="label">arrow-90deg-right</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-90deg-up"></i>
-        <div class="label">arrow-90deg-up</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-bar-down"></i>
-        <div class="label">arrow-bar-down</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-bar-left"></i>
-        <div class="label">arrow-bar-left</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-bar-right"></i>
-        <div class="label">arrow-bar-right</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-bar-up"></i>
-        <div class="label">arrow-bar-up</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-clockwise"></i>
-        <div class="label">arrow-clockwise</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-counterclockwise"></i>
-        <div class="label">arrow-counterclockwise</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-down-circle-fill"></i>
-        <div class="label">arrow-down-circle-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-down-circle"></i>
-        <div class="label">arrow-down-circle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-down-left-circle-fill"></i>
-        <div class="label">arrow-down-left-circle-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-down-left-circle"></i>
-        <div class="label">arrow-down-left-circle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-down-left-square-fill"></i>
-        <div class="label">arrow-down-left-square-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-down-left-square"></i>
-        <div class="label">arrow-down-left-square</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-down-left"></i>
-        <div class="label">arrow-down-left</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-down-right-circle-fill"></i>
-        <div class="label">arrow-down-right-circle-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-down-right-circle"></i>
-        <div class="label">arrow-down-right-circle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-down-right-square-fill"></i>
-        <div class="label">arrow-down-right-square-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-down-right-square"></i>
-        <div class="label">arrow-down-right-square</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-down-right"></i>
-        <div class="label">arrow-down-right</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-down-short"></i>
-        <div class="label">arrow-down-short</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-down-square-fill"></i>
-        <div class="label">arrow-down-square-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-down-square"></i>
-        <div class="label">arrow-down-square</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-down-up"></i>
-        <div class="label">arrow-down-up</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-down"></i>
-        <div class="label">arrow-down</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-left-circle-fill"></i>
-        <div class="label">arrow-left-circle-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-left-circle"></i>
-        <div class="label">arrow-left-circle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-left-right"></i>
-        <div class="label">arrow-left-right</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-left-short"></i>
-        <div class="label">arrow-left-short</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-left-square-fill"></i>
-        <div class="label">arrow-left-square-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-left-square"></i>
-        <div class="label">arrow-left-square</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-left"></i>
-        <div class="label">arrow-left</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-repeat"></i>
-        <div class="label">arrow-repeat</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-return-left"></i>
-        <div class="label">arrow-return-left</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-return-right"></i>
-        <div class="label">arrow-return-right</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-right-circle-fill"></i>
-        <div class="label">arrow-right-circle-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-right-circle"></i>
-        <div class="label">arrow-right-circle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-right-short"></i>
-        <div class="label">arrow-right-short</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-right-square-fill"></i>
-        <div class="label">arrow-right-square-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-right-square"></i>
-        <div class="label">arrow-right-square</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-right"></i>
-        <div class="label">arrow-right</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-up-circle-fill"></i>
-        <div class="label">arrow-up-circle-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-up-circle"></i>
-        <div class="label">arrow-up-circle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-up-left-circle-fill"></i>
-        <div class="label">arrow-up-left-circle-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-up-left-circle"></i>
-        <div class="label">arrow-up-left-circle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-up-left-square-fill"></i>
-        <div class="label">arrow-up-left-square-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-up-left-square"></i>
-        <div class="label">arrow-up-left-square</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-up-left"></i>
-        <div class="label">arrow-up-left</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-up-right-circle-fill"></i>
-        <div class="label">arrow-up-right-circle-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-up-right-circle"></i>
-        <div class="label">arrow-up-right-circle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-up-right-square-fill"></i>
-        <div class="label">arrow-up-right-square-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-up-right-square"></i>
-        <div class="label">arrow-up-right-square</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-up-right"></i>
-        <div class="label">arrow-up-right</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-up-short"></i>
-        <div class="label">arrow-up-short</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-up-square-fill"></i>
-        <div class="label">arrow-up-square-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-up-square"></i>
-        <div class="label">arrow-up-square</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrow-up"></i>
-        <div class="label">arrow-up</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrows-angle-contract"></i>
-        <div class="label">arrows-angle-contract</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrows-angle-expand"></i>
-        <div class="label">arrows-angle-expand</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrows-collapse"></i>
-        <div class="label">arrows-collapse</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrows-expand"></i>
-        <div class="label">arrows-expand</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrows-fullscreen"></i>
-        <div class="label">arrows-fullscreen</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-arrows-move"></i>
-        <div class="label">arrows-move</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-aspect-ratio-fill"></i>
-        <div class="label">aspect-ratio-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-aspect-ratio"></i>
-        <div class="label">aspect-ratio</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-asterisk"></i>
-        <div class="label">asterisk</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-at"></i>
-        <div class="label">at</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-award-fill"></i>
-        <div class="label">award-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-award"></i>
-        <div class="label">award</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-back"></i>
-        <div class="label">back</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-backspace-fill"></i>
-        <div class="label">backspace-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-backspace-reverse-fill"></i>
-        <div class="label">backspace-reverse-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-backspace-reverse"></i>
-        <div class="label">backspace-reverse</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-backspace"></i>
-        <div class="label">backspace</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-badge-3d-fill"></i>
-        <div class="label">badge-3d-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-badge-3d"></i>
-        <div class="label">badge-3d</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-badge-4k-fill"></i>
-        <div class="label">badge-4k-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-badge-4k"></i>
-        <div class="label">badge-4k</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-badge-8k-fill"></i>
-        <div class="label">badge-8k-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-badge-8k"></i>
-        <div class="label">badge-8k</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-badge-ad-fill"></i>
-        <div class="label">badge-ad-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-badge-ad"></i>
-        <div class="label">badge-ad</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-badge-ar-fill"></i>
-        <div class="label">badge-ar-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-badge-ar"></i>
-        <div class="label">badge-ar</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-badge-cc-fill"></i>
-        <div class="label">badge-cc-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-badge-cc"></i>
-        <div class="label">badge-cc</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-badge-hd-fill"></i>
-        <div class="label">badge-hd-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-badge-hd"></i>
-        <div class="label">badge-hd</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-badge-tm-fill"></i>
-        <div class="label">badge-tm-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-badge-tm"></i>
-        <div class="label">badge-tm</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-badge-vo-fill"></i>
-        <div class="label">badge-vo-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-badge-vo"></i>
-        <div class="label">badge-vo</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-badge-vr-fill"></i>
-        <div class="label">badge-vr-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-badge-vr"></i>
-        <div class="label">badge-vr</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-badge-wc-fill"></i>
-        <div class="label">badge-wc-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-badge-wc"></i>
-        <div class="label">badge-wc</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bag-check-fill"></i>
-        <div class="label">bag-check-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bag-check"></i>
-        <div class="label">bag-check</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bag-dash-fill"></i>
-        <div class="label">bag-dash-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bag-dash"></i>
-        <div class="label">bag-dash</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bag-fill"></i>
-        <div class="label">bag-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bag-plus-fill"></i>
-        <div class="label">bag-plus-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bag-plus"></i>
-        <div class="label">bag-plus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bag-x-fill"></i>
-        <div class="label">bag-x-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bag-x"></i>
-        <div class="label">bag-x</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bag"></i>
-        <div class="label">bag</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bandaid-fill"></i>
-        <div class="label">bandaid-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bandaid"></i>
-        <div class="label">bandaid</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bank"></i>
-        <div class="label">bank</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bank2"></i>
-        <div class="label">bank2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bar-chart-fill"></i>
-        <div class="label">bar-chart-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bar-chart-line-fill"></i>
-        <div class="label">bar-chart-line-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bar-chart-line"></i>
-        <div class="label">bar-chart-line</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bar-chart-steps"></i>
-        <div class="label">bar-chart-steps</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bar-chart"></i>
-        <div class="label">bar-chart</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-basket-fill"></i>
-        <div class="label">basket-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-basket"></i>
-        <div class="label">basket</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-basket2-fill"></i>
-        <div class="label">basket2-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-basket2"></i>
-        <div class="label">basket2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-basket3-fill"></i>
-        <div class="label">basket3-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-basket3"></i>
-        <div class="label">basket3</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-battery-charging"></i>
-        <div class="label">battery-charging</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-battery-full"></i>
-        <div class="label">battery-full</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-battery-half"></i>
-        <div class="label">battery-half</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-battery"></i>
-        <div class="label">battery</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-behance"></i>
-        <div class="label">behance</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bell-fill"></i>
-        <div class="label">bell-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bell-slash-fill"></i>
-        <div class="label">bell-slash-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bell-slash"></i>
-        <div class="label">bell-slash</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bell"></i>
-        <div class="label">bell</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bezier"></i>
-        <div class="label">bezier</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bezier2"></i>
-        <div class="label">bezier2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bicycle"></i>
-        <div class="label">bicycle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-binoculars-fill"></i>
-        <div class="label">binoculars-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-binoculars"></i>
-        <div class="label">binoculars</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-blockquote-left"></i>
-        <div class="label">blockquote-left</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-blockquote-right"></i>
-        <div class="label">blockquote-right</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bluetooth"></i>
-        <div class="label">bluetooth</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-body-text"></i>
-        <div class="label">body-text</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-book-fill"></i>
-        <div class="label">book-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-book-half"></i>
-        <div class="label">book-half</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-book"></i>
-        <div class="label">book</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bookmark-check-fill"></i>
-        <div class="label">bookmark-check-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bookmark-check"></i>
-        <div class="label">bookmark-check</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bookmark-dash-fill"></i>
-        <div class="label">bookmark-dash-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bookmark-dash"></i>
-        <div class="label">bookmark-dash</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bookmark-fill"></i>
-        <div class="label">bookmark-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bookmark-heart-fill"></i>
-        <div class="label">bookmark-heart-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bookmark-heart"></i>
-        <div class="label">bookmark-heart</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bookmark-plus-fill"></i>
-        <div class="label">bookmark-plus-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bookmark-plus"></i>
-        <div class="label">bookmark-plus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bookmark-star-fill"></i>
-        <div class="label">bookmark-star-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bookmark-star"></i>
-        <div class="label">bookmark-star</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bookmark-x-fill"></i>
-        <div class="label">bookmark-x-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bookmark-x"></i>
-        <div class="label">bookmark-x</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bookmark"></i>
-        <div class="label">bookmark</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bookmarks-fill"></i>
-        <div class="label">bookmarks-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bookmarks"></i>
-        <div class="label">bookmarks</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bookshelf"></i>
-        <div class="label">bookshelf</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-boombox-fill"></i>
-        <div class="label">boombox-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-boombox"></i>
-        <div class="label">boombox</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bootstrap-fill"></i>
-        <div class="label">bootstrap-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bootstrap-reboot"></i>
-        <div class="label">bootstrap-reboot</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bootstrap"></i>
-        <div class="label">bootstrap</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-border-all"></i>
-        <div class="label">border-all</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-border-bottom"></i>
-        <div class="label">border-bottom</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-border-center"></i>
-        <div class="label">border-center</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-border-inner"></i>
-        <div class="label">border-inner</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-border-left"></i>
-        <div class="label">border-left</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-border-middle"></i>
-        <div class="label">border-middle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-border-outer"></i>
-        <div class="label">border-outer</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-border-right"></i>
-        <div class="label">border-right</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-border-style"></i>
-        <div class="label">border-style</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-border-top"></i>
-        <div class="label">border-top</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-border-width"></i>
-        <div class="label">border-width</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-border"></i>
-        <div class="label">border</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bounding-box-circles"></i>
-        <div class="label">bounding-box-circles</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bounding-box"></i>
-        <div class="label">bounding-box</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-box-arrow-down-left"></i>
-        <div class="label">box-arrow-down-left</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-box-arrow-down-right"></i>
-        <div class="label">box-arrow-down-right</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-box-arrow-down"></i>
-        <div class="label">box-arrow-down</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-box-arrow-in-down-left"></i>
-        <div class="label">box-arrow-in-down-left</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-box-arrow-in-down-right"></i>
-        <div class="label">box-arrow-in-down-right</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-box-arrow-in-down"></i>
-        <div class="label">box-arrow-in-down</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-box-arrow-in-left"></i>
-        <div class="label">box-arrow-in-left</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-box-arrow-in-right"></i>
-        <div class="label">box-arrow-in-right</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-box-arrow-in-up-left"></i>
-        <div class="label">box-arrow-in-up-left</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-box-arrow-in-up-right"></i>
-        <div class="label">box-arrow-in-up-right</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-box-arrow-in-up"></i>
-        <div class="label">box-arrow-in-up</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-box-arrow-left"></i>
-        <div class="label">box-arrow-left</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-box-arrow-right"></i>
-        <div class="label">box-arrow-right</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-box-arrow-up-left"></i>
-        <div class="label">box-arrow-up-left</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-box-arrow-up-right"></i>
-        <div class="label">box-arrow-up-right</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-box-arrow-up"></i>
-        <div class="label">box-arrow-up</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-box-seam"></i>
-        <div class="label">box-seam</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-box"></i>
-        <div class="label">box</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-boxes"></i>
-        <div class="label">boxes</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-braces"></i>
-        <div class="label">braces</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bricks"></i>
-        <div class="label">bricks</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-briefcase-fill"></i>
-        <div class="label">briefcase-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-briefcase"></i>
-        <div class="label">briefcase</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-brightness-alt-high-fill"></i>
-        <div class="label">brightness-alt-high-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-brightness-alt-high"></i>
-        <div class="label">brightness-alt-high</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-brightness-alt-low-fill"></i>
-        <div class="label">brightness-alt-low-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-brightness-alt-low"></i>
-        <div class="label">brightness-alt-low</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-brightness-high-fill"></i>
-        <div class="label">brightness-high-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-brightness-high"></i>
-        <div class="label">brightness-high</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-brightness-low-fill"></i>
-        <div class="label">brightness-low-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-brightness-low"></i>
-        <div class="label">brightness-low</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-broadcast-pin"></i>
-        <div class="label">broadcast-pin</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-broadcast"></i>
-        <div class="label">broadcast</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-brush-fill"></i>
-        <div class="label">brush-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-brush"></i>
-        <div class="label">brush</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bucket-fill"></i>
-        <div class="label">bucket-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bucket"></i>
-        <div class="label">bucket</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bug-fill"></i>
-        <div class="label">bug-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bug"></i>
-        <div class="label">bug</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-building"></i>
-        <div class="label">building</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-bullseye"></i>
-        <div class="label">bullseye</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calculator-fill"></i>
-        <div class="label">calculator-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calculator"></i>
-        <div class="label">calculator</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar-check-fill"></i>
-        <div class="label">calendar-check-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar-check"></i>
-        <div class="label">calendar-check</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar-date-fill"></i>
-        <div class="label">calendar-date-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar-date"></i>
-        <div class="label">calendar-date</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar-day-fill"></i>
-        <div class="label">calendar-day-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar-day"></i>
-        <div class="label">calendar-day</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar-event-fill"></i>
-        <div class="label">calendar-event-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar-event"></i>
-        <div class="label">calendar-event</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar-fill"></i>
-        <div class="label">calendar-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar-minus-fill"></i>
-        <div class="label">calendar-minus-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar-minus"></i>
-        <div class="label">calendar-minus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar-month-fill"></i>
-        <div class="label">calendar-month-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar-month"></i>
-        <div class="label">calendar-month</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar-plus-fill"></i>
-        <div class="label">calendar-plus-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar-plus"></i>
-        <div class="label">calendar-plus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar-range-fill"></i>
-        <div class="label">calendar-range-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar-range"></i>
-        <div class="label">calendar-range</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar-week-fill"></i>
-        <div class="label">calendar-week-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar-week"></i>
-        <div class="label">calendar-week</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar-x-fill"></i>
-        <div class="label">calendar-x-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar-x"></i>
-        <div class="label">calendar-x</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar"></i>
-        <div class="label">calendar</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar2-check-fill"></i>
-        <div class="label">calendar2-check-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar2-check"></i>
-        <div class="label">calendar2-check</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar2-date-fill"></i>
-        <div class="label">calendar2-date-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar2-date"></i>
-        <div class="label">calendar2-date</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar2-day-fill"></i>
-        <div class="label">calendar2-day-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar2-day"></i>
-        <div class="label">calendar2-day</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar2-event-fill"></i>
-        <div class="label">calendar2-event-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar2-event"></i>
-        <div class="label">calendar2-event</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar2-fill"></i>
-        <div class="label">calendar2-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar2-minus-fill"></i>
-        <div class="label">calendar2-minus-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar2-minus"></i>
-        <div class="label">calendar2-minus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar2-month-fill"></i>
-        <div class="label">calendar2-month-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar2-month"></i>
-        <div class="label">calendar2-month</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar2-plus-fill"></i>
-        <div class="label">calendar2-plus-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar2-plus"></i>
-        <div class="label">calendar2-plus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar2-range-fill"></i>
-        <div class="label">calendar2-range-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar2-range"></i>
-        <div class="label">calendar2-range</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar2-week-fill"></i>
-        <div class="label">calendar2-week-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar2-week"></i>
-        <div class="label">calendar2-week</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar2-x-fill"></i>
-        <div class="label">calendar2-x-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar2-x"></i>
-        <div class="label">calendar2-x</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar2"></i>
-        <div class="label">calendar2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar3-event-fill"></i>
-        <div class="label">calendar3-event-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar3-event"></i>
-        <div class="label">calendar3-event</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar3-fill"></i>
-        <div class="label">calendar3-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar3-range-fill"></i>
-        <div class="label">calendar3-range-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar3-range"></i>
-        <div class="label">calendar3-range</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar3-week-fill"></i>
-        <div class="label">calendar3-week-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar3-week"></i>
-        <div class="label">calendar3-week</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar3"></i>
-        <div class="label">calendar3</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar4-event"></i>
-        <div class="label">calendar4-event</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar4-range"></i>
-        <div class="label">calendar4-range</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar4-week"></i>
-        <div class="label">calendar4-week</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-calendar4"></i>
-        <div class="label">calendar4</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-camera-fill"></i>
-        <div class="label">camera-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-camera-reels-fill"></i>
-        <div class="label">camera-reels-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-camera-reels"></i>
-        <div class="label">camera-reels</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-camera-video-fill"></i>
-        <div class="label">camera-video-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-camera-video-off-fill"></i>
-        <div class="label">camera-video-off-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-camera-video-off"></i>
-        <div class="label">camera-video-off</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-camera-video"></i>
-        <div class="label">camera-video</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-camera"></i>
-        <div class="label">camera</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-camera2"></i>
-        <div class="label">camera2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-capslock-fill"></i>
-        <div class="label">capslock-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-capslock"></i>
-        <div class="label">capslock</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-card-checklist"></i>
-        <div class="label">card-checklist</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-card-heading"></i>
-        <div class="label">card-heading</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-card-image"></i>
-        <div class="label">card-image</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-card-list"></i>
-        <div class="label">card-list</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-card-text"></i>
-        <div class="label">card-text</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-caret-down-fill"></i>
-        <div class="label">caret-down-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-caret-down-square-fill"></i>
-        <div class="label">caret-down-square-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-caret-down-square"></i>
-        <div class="label">caret-down-square</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-caret-down"></i>
-        <div class="label">caret-down</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-caret-left-fill"></i>
-        <div class="label">caret-left-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-caret-left-square-fill"></i>
-        <div class="label">caret-left-square-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-caret-left-square"></i>
-        <div class="label">caret-left-square</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-caret-left"></i>
-        <div class="label">caret-left</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-caret-right-fill"></i>
-        <div class="label">caret-right-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-caret-right-square-fill"></i>
-        <div class="label">caret-right-square-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-caret-right-square"></i>
-        <div class="label">caret-right-square</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-caret-right"></i>
-        <div class="label">caret-right</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-caret-up-fill"></i>
-        <div class="label">caret-up-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-caret-up-square-fill"></i>
-        <div class="label">caret-up-square-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-caret-up-square"></i>
-        <div class="label">caret-up-square</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-caret-up"></i>
-        <div class="label">caret-up</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cart-check-fill"></i>
-        <div class="label">cart-check-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cart-check"></i>
-        <div class="label">cart-check</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cart-dash-fill"></i>
-        <div class="label">cart-dash-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cart-dash"></i>
-        <div class="label">cart-dash</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cart-fill"></i>
-        <div class="label">cart-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cart-plus-fill"></i>
-        <div class="label">cart-plus-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cart-plus"></i>
-        <div class="label">cart-plus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cart-x-fill"></i>
-        <div class="label">cart-x-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cart-x"></i>
-        <div class="label">cart-x</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cart"></i>
-        <div class="label">cart</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cart2"></i>
-        <div class="label">cart2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cart3"></i>
-        <div class="label">cart3</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cart4"></i>
-        <div class="label">cart4</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cash-coin"></i>
-        <div class="label">cash-coin</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cash-stack"></i>
-        <div class="label">cash-stack</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cash"></i>
-        <div class="label">cash</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cast"></i>
-        <div class="label">cast</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chat-dots-fill"></i>
-        <div class="label">chat-dots-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chat-dots"></i>
-        <div class="label">chat-dots</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chat-fill"></i>
-        <div class="label">chat-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chat-left-dots-fill"></i>
-        <div class="label">chat-left-dots-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chat-left-dots"></i>
-        <div class="label">chat-left-dots</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chat-left-fill"></i>
-        <div class="label">chat-left-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chat-left-quote-fill"></i>
-        <div class="label">chat-left-quote-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chat-left-quote"></i>
-        <div class="label">chat-left-quote</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chat-left-text-fill"></i>
-        <div class="label">chat-left-text-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chat-left-text"></i>
-        <div class="label">chat-left-text</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chat-left"></i>
-        <div class="label">chat-left</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chat-quote-fill"></i>
-        <div class="label">chat-quote-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chat-quote"></i>
-        <div class="label">chat-quote</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chat-right-dots-fill"></i>
-        <div class="label">chat-right-dots-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chat-right-dots"></i>
-        <div class="label">chat-right-dots</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chat-right-fill"></i>
-        <div class="label">chat-right-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chat-right-quote-fill"></i>
-        <div class="label">chat-right-quote-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chat-right-quote"></i>
-        <div class="label">chat-right-quote</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chat-right-text-fill"></i>
-        <div class="label">chat-right-text-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chat-right-text"></i>
-        <div class="label">chat-right-text</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chat-right"></i>
-        <div class="label">chat-right</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chat-square-dots-fill"></i>
-        <div class="label">chat-square-dots-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chat-square-dots"></i>
-        <div class="label">chat-square-dots</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chat-square-fill"></i>
-        <div class="label">chat-square-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chat-square-quote-fill"></i>
-        <div class="label">chat-square-quote-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chat-square-quote"></i>
-        <div class="label">chat-square-quote</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chat-square-text-fill"></i>
-        <div class="label">chat-square-text-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chat-square-text"></i>
-        <div class="label">chat-square-text</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chat-square"></i>
-        <div class="label">chat-square</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chat-text-fill"></i>
-        <div class="label">chat-text-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chat-text"></i>
-        <div class="label">chat-text</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chat"></i>
-        <div class="label">chat</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-check-all"></i>
-        <div class="label">check-all</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-check-circle-fill"></i>
-        <div class="label">check-circle-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-check-circle"></i>
-        <div class="label">check-circle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-check-lg"></i>
-        <div class="label">check-lg</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-check-square-fill"></i>
-        <div class="label">check-square-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-check-square"></i>
-        <div class="label">check-square</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-check"></i>
-        <div class="label">check</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-check2-all"></i>
-        <div class="label">check2-all</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-check2-circle"></i>
-        <div class="label">check2-circle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-check2-square"></i>
-        <div class="label">check2-square</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-check2"></i>
-        <div class="label">check2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chevron-bar-contract"></i>
-        <div class="label">chevron-bar-contract</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chevron-bar-down"></i>
-        <div class="label">chevron-bar-down</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chevron-bar-expand"></i>
-        <div class="label">chevron-bar-expand</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chevron-bar-left"></i>
-        <div class="label">chevron-bar-left</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chevron-bar-right"></i>
-        <div class="label">chevron-bar-right</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chevron-bar-up"></i>
-        <div class="label">chevron-bar-up</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chevron-compact-down"></i>
-        <div class="label">chevron-compact-down</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chevron-compact-left"></i>
-        <div class="label">chevron-compact-left</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chevron-compact-right"></i>
-        <div class="label">chevron-compact-right</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chevron-compact-up"></i>
-        <div class="label">chevron-compact-up</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chevron-contract"></i>
-        <div class="label">chevron-contract</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chevron-double-down"></i>
-        <div class="label">chevron-double-down</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chevron-double-left"></i>
-        <div class="label">chevron-double-left</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chevron-double-right"></i>
-        <div class="label">chevron-double-right</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chevron-double-up"></i>
-        <div class="label">chevron-double-up</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chevron-down"></i>
-        <div class="label">chevron-down</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chevron-expand"></i>
-        <div class="label">chevron-expand</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chevron-left"></i>
-        <div class="label">chevron-left</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chevron-right"></i>
-        <div class="label">chevron-right</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-chevron-up"></i>
-        <div class="label">chevron-up</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-circle-fill"></i>
-        <div class="label">circle-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-circle-half"></i>
-        <div class="label">circle-half</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-circle-square"></i>
-        <div class="label">circle-square</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-circle"></i>
-        <div class="label">circle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-clipboard-check"></i>
-        <div class="label">clipboard-check</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-clipboard-data"></i>
-        <div class="label">clipboard-data</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-clipboard-minus"></i>
-        <div class="label">clipboard-minus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-clipboard-plus"></i>
-        <div class="label">clipboard-plus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-clipboard-x"></i>
-        <div class="label">clipboard-x</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-clipboard"></i>
-        <div class="label">clipboard</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-clock-fill"></i>
-        <div class="label">clock-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-clock-history"></i>
-        <div class="label">clock-history</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-clock"></i>
-        <div class="label">clock</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-arrow-down-fill"></i>
-        <div class="label">cloud-arrow-down-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-arrow-down"></i>
-        <div class="label">cloud-arrow-down</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-arrow-up-fill"></i>
-        <div class="label">cloud-arrow-up-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-arrow-up"></i>
-        <div class="label">cloud-arrow-up</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-check-fill"></i>
-        <div class="label">cloud-check-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-check"></i>
-        <div class="label">cloud-check</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-download-fill"></i>
-        <div class="label">cloud-download-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-download"></i>
-        <div class="label">cloud-download</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-drizzle-fill"></i>
-        <div class="label">cloud-drizzle-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-drizzle"></i>
-        <div class="label">cloud-drizzle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-fill"></i>
-        <div class="label">cloud-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-fog-fill"></i>
-        <div class="label">cloud-fog-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-fog"></i>
-        <div class="label">cloud-fog</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-fog2-fill"></i>
-        <div class="label">cloud-fog2-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-fog2"></i>
-        <div class="label">cloud-fog2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-hail-fill"></i>
-        <div class="label">cloud-hail-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-hail"></i>
-        <div class="label">cloud-hail</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-haze-fill"></i>
-        <div class="label">cloud-haze-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-haze"></i>
-        <div class="label">cloud-haze</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-haze2-fill"></i>
-        <div class="label">cloud-haze2-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-haze2"></i>
-        <div class="label">cloud-haze2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-lightning-fill"></i>
-        <div class="label">cloud-lightning-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-lightning-rain-fill"></i>
-        <div class="label">cloud-lightning-rain-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-lightning-rain"></i>
-        <div class="label">cloud-lightning-rain</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-lightning"></i>
-        <div class="label">cloud-lightning</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-minus-fill"></i>
-        <div class="label">cloud-minus-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-minus"></i>
-        <div class="label">cloud-minus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-moon-fill"></i>
-        <div class="label">cloud-moon-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-moon"></i>
-        <div class="label">cloud-moon</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-plus-fill"></i>
-        <div class="label">cloud-plus-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-plus"></i>
-        <div class="label">cloud-plus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-rain-fill"></i>
-        <div class="label">cloud-rain-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-rain-heavy-fill"></i>
-        <div class="label">cloud-rain-heavy-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-rain-heavy"></i>
-        <div class="label">cloud-rain-heavy</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-rain"></i>
-        <div class="label">cloud-rain</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-slash-fill"></i>
-        <div class="label">cloud-slash-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-slash"></i>
-        <div class="label">cloud-slash</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-sleet-fill"></i>
-        <div class="label">cloud-sleet-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-sleet"></i>
-        <div class="label">cloud-sleet</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-snow-fill"></i>
-        <div class="label">cloud-snow-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-snow"></i>
-        <div class="label">cloud-snow</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-sun-fill"></i>
-        <div class="label">cloud-sun-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-sun"></i>
-        <div class="label">cloud-sun</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-upload-fill"></i>
-        <div class="label">cloud-upload-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud-upload"></i>
-        <div class="label">cloud-upload</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloud"></i>
-        <div class="label">cloud</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-clouds-fill"></i>
-        <div class="label">clouds-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-clouds"></i>
-        <div class="label">clouds</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloudy-fill"></i>
-        <div class="label">cloudy-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cloudy"></i>
-        <div class="label">cloudy</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-code-slash"></i>
-        <div class="label">code-slash</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-code-square"></i>
-        <div class="label">code-square</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-code"></i>
-        <div class="label">code</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-coin"></i>
-        <div class="label">coin</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-collection-fill"></i>
-        <div class="label">collection-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-collection-play-fill"></i>
-        <div class="label">collection-play-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-collection-play"></i>
-        <div class="label">collection-play</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-collection"></i>
-        <div class="label">collection</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-columns-gap"></i>
-        <div class="label">columns-gap</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-columns"></i>
-        <div class="label">columns</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-command"></i>
-        <div class="label">command</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-compass-fill"></i>
-        <div class="label">compass-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-compass"></i>
-        <div class="label">compass</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cone-striped"></i>
-        <div class="label">cone-striped</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cone"></i>
-        <div class="label">cone</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-controller"></i>
-        <div class="label">controller</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cpu-fill"></i>
-        <div class="label">cpu-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cpu"></i>
-        <div class="label">cpu</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-credit-card-2-back-fill"></i>
-        <div class="label">credit-card-2-back-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-credit-card-2-back"></i>
-        <div class="label">credit-card-2-back</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-credit-card-2-front-fill"></i>
-        <div class="label">credit-card-2-front-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-credit-card-2-front"></i>
-        <div class="label">credit-card-2-front</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-credit-card-fill"></i>
-        <div class="label">credit-card-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-credit-card"></i>
-        <div class="label">credit-card</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-crop"></i>
-        <div class="label">crop</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cup-fill"></i>
-        <div class="label">cup-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cup-straw"></i>
-        <div class="label">cup-straw</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cup"></i>
-        <div class="label">cup</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-currency-bitcoin"></i>
-        <div class="label">currency-bitcoin</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-currency-dollar"></i>
-        <div class="label">currency-dollar</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-currency-euro"></i>
-        <div class="label">currency-euro</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-currency-exchange"></i>
-        <div class="label">currency-exchange</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-currency-pound"></i>
-        <div class="label">currency-pound</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-currency-yen"></i>
-        <div class="label">currency-yen</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cursor-fill"></i>
-        <div class="label">cursor-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cursor-text"></i>
-        <div class="label">cursor-text</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-cursor"></i>
-        <div class="label">cursor</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-dash-circle-dotted"></i>
-        <div class="label">dash-circle-dotted</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-dash-circle-fill"></i>
-        <div class="label">dash-circle-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-dash-circle"></i>
-        <div class="label">dash-circle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-dash-lg"></i>
-        <div class="label">dash-lg</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-dash-square-dotted"></i>
-        <div class="label">dash-square-dotted</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-dash-square-fill"></i>
-        <div class="label">dash-square-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-dash-square"></i>
-        <div class="label">dash-square</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-dash"></i>
-        <div class="label">dash</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-device-hdd-fill"></i>
-        <div class="label">device-hdd-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-device-hdd"></i>
-        <div class="label">device-hdd</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-device-ssd-fill"></i>
-        <div class="label">device-ssd-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-device-ssd"></i>
-        <div class="label">device-ssd</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-diagram-2-fill"></i>
-        <div class="label">diagram-2-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-diagram-2"></i>
-        <div class="label">diagram-2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-diagram-3-fill"></i>
-        <div class="label">diagram-3-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-diagram-3"></i>
-        <div class="label">diagram-3</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-diamond-fill"></i>
-        <div class="label">diamond-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-diamond-half"></i>
-        <div class="label">diamond-half</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-diamond"></i>
-        <div class="label">diamond</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-dice-1-fill"></i>
-        <div class="label">dice-1-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-dice-1"></i>
-        <div class="label">dice-1</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-dice-2-fill"></i>
-        <div class="label">dice-2-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-dice-2"></i>
-        <div class="label">dice-2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-dice-3-fill"></i>
-        <div class="label">dice-3-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-dice-3"></i>
-        <div class="label">dice-3</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-dice-4-fill"></i>
-        <div class="label">dice-4-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-dice-4"></i>
-        <div class="label">dice-4</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-dice-5-fill"></i>
-        <div class="label">dice-5-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-dice-5"></i>
-        <div class="label">dice-5</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-dice-6-fill"></i>
-        <div class="label">dice-6-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-dice-6"></i>
-        <div class="label">dice-6</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-disc-fill"></i>
-        <div class="label">disc-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-disc"></i>
-        <div class="label">disc</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-discord"></i>
-        <div class="label">discord</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-display-fill"></i>
-        <div class="label">display-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-display"></i>
-        <div class="label">display</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-displayport-fill"></i>
-        <div class="label">displayport-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-displayport"></i>
-        <div class="label">displayport</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-distribute-horizontal"></i>
-        <div class="label">distribute-horizontal</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-distribute-vertical"></i>
-        <div class="label">distribute-vertical</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-door-closed-fill"></i>
-        <div class="label">door-closed-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-door-closed"></i>
-        <div class="label">door-closed</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-door-open-fill"></i>
-        <div class="label">door-open-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-door-open"></i>
-        <div class="label">door-open</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-dot"></i>
-        <div class="label">dot</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-download"></i>
-        <div class="label">download</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-dpad-fill"></i>
-        <div class="label">dpad-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-dpad"></i>
-        <div class="label">dpad</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-dribbble"></i>
-        <div class="label">dribbble</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-droplet-fill"></i>
-        <div class="label">droplet-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-droplet-half"></i>
-        <div class="label">droplet-half</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-droplet"></i>
-        <div class="label">droplet</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-ear-fill"></i>
-        <div class="label">ear-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-ear"></i>
-        <div class="label">ear</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-earbuds"></i>
-        <div class="label">earbuds</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-easel-fill"></i>
-        <div class="label">easel-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-easel"></i>
-        <div class="label">easel</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-easel2-fill"></i>
-        <div class="label">easel2-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-easel2"></i>
-        <div class="label">easel2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-easel3-fill"></i>
-        <div class="label">easel3-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-easel3"></i>
-        <div class="label">easel3</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-egg-fill"></i>
-        <div class="label">egg-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-egg-fried"></i>
-        <div class="label">egg-fried</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-egg"></i>
-        <div class="label">egg</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-eject-fill"></i>
-        <div class="label">eject-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-eject"></i>
-        <div class="label">eject</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-emoji-angry-fill"></i>
-        <div class="label">emoji-angry-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-emoji-angry"></i>
-        <div class="label">emoji-angry</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-emoji-dizzy-fill"></i>
-        <div class="label">emoji-dizzy-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-emoji-dizzy"></i>
-        <div class="label">emoji-dizzy</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-emoji-expressionless-fill"></i>
-        <div class="label">emoji-expressionless-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-emoji-expressionless"></i>
-        <div class="label">emoji-expressionless</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-emoji-frown-fill"></i>
-        <div class="label">emoji-frown-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-emoji-frown"></i>
-        <div class="label">emoji-frown</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-emoji-heart-eyes-fill"></i>
-        <div class="label">emoji-heart-eyes-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-emoji-heart-eyes"></i>
-        <div class="label">emoji-heart-eyes</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-emoji-laughing-fill"></i>
-        <div class="label">emoji-laughing-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-emoji-laughing"></i>
-        <div class="label">emoji-laughing</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-emoji-neutral-fill"></i>
-        <div class="label">emoji-neutral-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-emoji-neutral"></i>
-        <div class="label">emoji-neutral</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-emoji-smile-fill"></i>
-        <div class="label">emoji-smile-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-emoji-smile-upside-down-fill"></i>
-        <div class="label">emoji-smile-upside-down-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-emoji-smile-upside-down"></i>
-        <div class="label">emoji-smile-upside-down</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-emoji-smile"></i>
-        <div class="label">emoji-smile</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-emoji-sunglasses-fill"></i>
-        <div class="label">emoji-sunglasses-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-emoji-sunglasses"></i>
-        <div class="label">emoji-sunglasses</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-emoji-wink-fill"></i>
-        <div class="label">emoji-wink-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-emoji-wink"></i>
-        <div class="label">emoji-wink</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-envelope-check-fill"></i>
-        <div class="label">envelope-check-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-envelope-check"></i>
-        <div class="label">envelope-check</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-envelope-dash-fill"></i>
-        <div class="label">envelope-dash-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-envelope-dash"></i>
-        <div class="label">envelope-dash</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-envelope-exclamation-fill"></i>
-        <div class="label">envelope-exclamation-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-envelope-exclamation"></i>
-        <div class="label">envelope-exclamation</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-envelope-fill"></i>
-        <div class="label">envelope-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-envelope-open-fill"></i>
-        <div class="label">envelope-open-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-envelope-open"></i>
-        <div class="label">envelope-open</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-envelope-plus-fill"></i>
-        <div class="label">envelope-plus-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-envelope-plus"></i>
-        <div class="label">envelope-plus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-envelope-slash-fill"></i>
-        <div class="label">envelope-slash-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-envelope-slash"></i>
-        <div class="label">envelope-slash</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-envelope-x-fill"></i>
-        <div class="label">envelope-x-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-envelope-x"></i>
-        <div class="label">envelope-x</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-envelope"></i>
-        <div class="label">envelope</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-eraser-fill"></i>
-        <div class="label">eraser-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-eraser"></i>
-        <div class="label">eraser</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-ethernet"></i>
-        <div class="label">ethernet</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-exclamation-circle-fill"></i>
-        <div class="label">exclamation-circle-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-exclamation-circle"></i>
-        <div class="label">exclamation-circle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-exclamation-diamond-fill"></i>
-        <div class="label">exclamation-diamond-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-exclamation-diamond"></i>
-        <div class="label">exclamation-diamond</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-exclamation-lg"></i>
-        <div class="label">exclamation-lg</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-exclamation-octagon-fill"></i>
-        <div class="label">exclamation-octagon-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-exclamation-octagon"></i>
-        <div class="label">exclamation-octagon</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-exclamation-square-fill"></i>
-        <div class="label">exclamation-square-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-exclamation-square"></i>
-        <div class="label">exclamation-square</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-exclamation-triangle-fill"></i>
-        <div class="label">exclamation-triangle-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-exclamation-triangle"></i>
-        <div class="label">exclamation-triangle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-exclamation"></i>
-        <div class="label">exclamation</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-exclude"></i>
-        <div class="label">exclude</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-explicit-fill"></i>
-        <div class="label">explicit-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-explicit"></i>
-        <div class="label">explicit</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-eye-fill"></i>
-        <div class="label">eye-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-eye-slash-fill"></i>
-        <div class="label">eye-slash-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-eye-slash"></i>
-        <div class="label">eye-slash</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-eye"></i>
-        <div class="label">eye</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-eyedropper"></i>
-        <div class="label">eyedropper</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-eyeglasses"></i>
-        <div class="label">eyeglasses</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-facebook"></i>
-        <div class="label">facebook</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-fan"></i>
-        <div class="label">fan</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-arrow-down-fill"></i>
-        <div class="label">file-arrow-down-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-arrow-down"></i>
-        <div class="label">file-arrow-down</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-arrow-up-fill"></i>
-        <div class="label">file-arrow-up-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-arrow-up"></i>
-        <div class="label">file-arrow-up</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-bar-graph-fill"></i>
-        <div class="label">file-bar-graph-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-bar-graph"></i>
-        <div class="label">file-bar-graph</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-binary-fill"></i>
-        <div class="label">file-binary-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-binary"></i>
-        <div class="label">file-binary</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-break-fill"></i>
-        <div class="label">file-break-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-break"></i>
-        <div class="label">file-break</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-check-fill"></i>
-        <div class="label">file-check-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-check"></i>
-        <div class="label">file-check</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-code-fill"></i>
-        <div class="label">file-code-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-code"></i>
-        <div class="label">file-code</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-diff-fill"></i>
-        <div class="label">file-diff-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-diff"></i>
-        <div class="label">file-diff</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-arrow-down-fill"></i>
-        <div class="label">file-earmark-arrow-down-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-arrow-down"></i>
-        <div class="label">file-earmark-arrow-down</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-arrow-up-fill"></i>
-        <div class="label">file-earmark-arrow-up-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-arrow-up"></i>
-        <div class="label">file-earmark-arrow-up</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-bar-graph-fill"></i>
-        <div class="label">file-earmark-bar-graph-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-bar-graph"></i>
-        <div class="label">file-earmark-bar-graph</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-binary-fill"></i>
-        <div class="label">file-earmark-binary-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-binary"></i>
-        <div class="label">file-earmark-binary</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-break-fill"></i>
-        <div class="label">file-earmark-break-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-break"></i>
-        <div class="label">file-earmark-break</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-check-fill"></i>
-        <div class="label">file-earmark-check-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-check"></i>
-        <div class="label">file-earmark-check</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-code-fill"></i>
-        <div class="label">file-earmark-code-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-code"></i>
-        <div class="label">file-earmark-code</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-diff-fill"></i>
-        <div class="label">file-earmark-diff-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-diff"></i>
-        <div class="label">file-earmark-diff</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-easel-fill"></i>
-        <div class="label">file-earmark-easel-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-easel"></i>
-        <div class="label">file-earmark-easel</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-excel-fill"></i>
-        <div class="label">file-earmark-excel-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-excel"></i>
-        <div class="label">file-earmark-excel</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-fill"></i>
-        <div class="label">file-earmark-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-font-fill"></i>
-        <div class="label">file-earmark-font-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-font"></i>
-        <div class="label">file-earmark-font</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-image-fill"></i>
-        <div class="label">file-earmark-image-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-image"></i>
-        <div class="label">file-earmark-image</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-lock-fill"></i>
-        <div class="label">file-earmark-lock-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-lock"></i>
-        <div class="label">file-earmark-lock</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-lock2-fill"></i>
-        <div class="label">file-earmark-lock2-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-lock2"></i>
-        <div class="label">file-earmark-lock2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-medical-fill"></i>
-        <div class="label">file-earmark-medical-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-medical"></i>
-        <div class="label">file-earmark-medical</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-minus-fill"></i>
-        <div class="label">file-earmark-minus-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-minus"></i>
-        <div class="label">file-earmark-minus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-music-fill"></i>
-        <div class="label">file-earmark-music-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-music"></i>
-        <div class="label">file-earmark-music</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-pdf-fill"></i>
-        <div class="label">file-earmark-pdf-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-pdf"></i>
-        <div class="label">file-earmark-pdf</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-person-fill"></i>
-        <div class="label">file-earmark-person-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-person"></i>
-        <div class="label">file-earmark-person</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-play-fill"></i>
-        <div class="label">file-earmark-play-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-play"></i>
-        <div class="label">file-earmark-play</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-plus-fill"></i>
-        <div class="label">file-earmark-plus-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-plus"></i>
-        <div class="label">file-earmark-plus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-post-fill"></i>
-        <div class="label">file-earmark-post-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-post"></i>
-        <div class="label">file-earmark-post</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-ppt-fill"></i>
-        <div class="label">file-earmark-ppt-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-ppt"></i>
-        <div class="label">file-earmark-ppt</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-richtext-fill"></i>
-        <div class="label">file-earmark-richtext-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-richtext"></i>
-        <div class="label">file-earmark-richtext</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-ruled-fill"></i>
-        <div class="label">file-earmark-ruled-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-ruled"></i>
-        <div class="label">file-earmark-ruled</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-slides-fill"></i>
-        <div class="label">file-earmark-slides-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-slides"></i>
-        <div class="label">file-earmark-slides</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-spreadsheet-fill"></i>
-        <div class="label">file-earmark-spreadsheet-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-spreadsheet"></i>
-        <div class="label">file-earmark-spreadsheet</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-text-fill"></i>
-        <div class="label">file-earmark-text-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-text"></i>
-        <div class="label">file-earmark-text</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-word-fill"></i>
-        <div class="label">file-earmark-word-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-word"></i>
-        <div class="label">file-earmark-word</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-x-fill"></i>
-        <div class="label">file-earmark-x-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-x"></i>
-        <div class="label">file-earmark-x</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-zip-fill"></i>
-        <div class="label">file-earmark-zip-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark-zip"></i>
-        <div class="label">file-earmark-zip</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-earmark"></i>
-        <div class="label">file-earmark</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-easel-fill"></i>
-        <div class="label">file-easel-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-easel"></i>
-        <div class="label">file-easel</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-excel-fill"></i>
-        <div class="label">file-excel-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-excel"></i>
-        <div class="label">file-excel</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-fill"></i>
-        <div class="label">file-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-font-fill"></i>
-        <div class="label">file-font-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-font"></i>
-        <div class="label">file-font</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-image-fill"></i>
-        <div class="label">file-image-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-image"></i>
-        <div class="label">file-image</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-lock-fill"></i>
-        <div class="label">file-lock-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-lock"></i>
-        <div class="label">file-lock</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-lock2-fill"></i>
-        <div class="label">file-lock2-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-lock2"></i>
-        <div class="label">file-lock2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-medical-fill"></i>
-        <div class="label">file-medical-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-medical"></i>
-        <div class="label">file-medical</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-minus-fill"></i>
-        <div class="label">file-minus-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-minus"></i>
-        <div class="label">file-minus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-music-fill"></i>
-        <div class="label">file-music-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-music"></i>
-        <div class="label">file-music</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-pdf-fill"></i>
-        <div class="label">file-pdf-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-pdf"></i>
-        <div class="label">file-pdf</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-person-fill"></i>
-        <div class="label">file-person-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-person"></i>
-        <div class="label">file-person</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-play-fill"></i>
-        <div class="label">file-play-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-play"></i>
-        <div class="label">file-play</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-plus-fill"></i>
-        <div class="label">file-plus-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-plus"></i>
-        <div class="label">file-plus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-post-fill"></i>
-        <div class="label">file-post-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-post"></i>
-        <div class="label">file-post</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-ppt-fill"></i>
-        <div class="label">file-ppt-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-ppt"></i>
-        <div class="label">file-ppt</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-richtext-fill"></i>
-        <div class="label">file-richtext-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-richtext"></i>
-        <div class="label">file-richtext</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-ruled-fill"></i>
-        <div class="label">file-ruled-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-ruled"></i>
-        <div class="label">file-ruled</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-slides-fill"></i>
-        <div class="label">file-slides-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-slides"></i>
-        <div class="label">file-slides</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-spreadsheet-fill"></i>
-        <div class="label">file-spreadsheet-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-spreadsheet"></i>
-        <div class="label">file-spreadsheet</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-text-fill"></i>
-        <div class="label">file-text-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-text"></i>
-        <div class="label">file-text</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-word-fill"></i>
-        <div class="label">file-word-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-word"></i>
-        <div class="label">file-word</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-x-fill"></i>
-        <div class="label">file-x-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-x"></i>
-        <div class="label">file-x</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-zip-fill"></i>
-        <div class="label">file-zip-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file-zip"></i>
-        <div class="label">file-zip</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-file"></i>
-        <div class="label">file</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-files-alt"></i>
-        <div class="label">files-alt</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-files"></i>
-        <div class="label">files</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-film"></i>
-        <div class="label">film</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-filter-circle-fill"></i>
-        <div class="label">filter-circle-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-filter-circle"></i>
-        <div class="label">filter-circle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-filter-left"></i>
-        <div class="label">filter-left</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-filter-right"></i>
-        <div class="label">filter-right</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-filter-square-fill"></i>
-        <div class="label">filter-square-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-filter-square"></i>
-        <div class="label">filter-square</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-filter"></i>
-        <div class="label">filter</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-fingerprint"></i>
-        <div class="label">fingerprint</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-flag-fill"></i>
-        <div class="label">flag-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-flag"></i>
-        <div class="label">flag</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-flower1"></i>
-        <div class="label">flower1</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-flower2"></i>
-        <div class="label">flower2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-flower3"></i>
-        <div class="label">flower3</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-folder-check"></i>
-        <div class="label">folder-check</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-folder-fill"></i>
-        <div class="label">folder-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-folder-minus"></i>
-        <div class="label">folder-minus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-folder-plus"></i>
-        <div class="label">folder-plus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-folder-symlink-fill"></i>
-        <div class="label">folder-symlink-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-folder-symlink"></i>
-        <div class="label">folder-symlink</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-folder-x"></i>
-        <div class="label">folder-x</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-folder"></i>
-        <div class="label">folder</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-folder2-open"></i>
-        <div class="label">folder2-open</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-folder2"></i>
-        <div class="label">folder2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-fonts"></i>
-        <div class="label">fonts</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-forward-fill"></i>
-        <div class="label">forward-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-forward"></i>
-        <div class="label">forward</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-front"></i>
-        <div class="label">front</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-fullscreen-exit"></i>
-        <div class="label">fullscreen-exit</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-fullscreen"></i>
-        <div class="label">fullscreen</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-funnel-fill"></i>
-        <div class="label">funnel-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-funnel"></i>
-        <div class="label">funnel</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-gear-fill"></i>
-        <div class="label">gear-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-gear-wide-connected"></i>
-        <div class="label">gear-wide-connected</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-gear-wide"></i>
-        <div class="label">gear-wide</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-gear"></i>
-        <div class="label">gear</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-gem"></i>
-        <div class="label">gem</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-gender-ambiguous"></i>
-        <div class="label">gender-ambiguous</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-gender-female"></i>
-        <div class="label">gender-female</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-gender-male"></i>
-        <div class="label">gender-male</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-gender-trans"></i>
-        <div class="label">gender-trans</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-geo-alt-fill"></i>
-        <div class="label">geo-alt-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-geo-alt"></i>
-        <div class="label">geo-alt</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-geo-fill"></i>
-        <div class="label">geo-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-geo"></i>
-        <div class="label">geo</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-gift-fill"></i>
-        <div class="label">gift-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-gift"></i>
-        <div class="label">gift</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-git"></i>
-        <div class="label">git</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-github"></i>
-        <div class="label">github</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-globe"></i>
-        <div class="label">globe</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-globe2"></i>
-        <div class="label">globe2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-google"></i>
-        <div class="label">google</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-gpu-card"></i>
-        <div class="label">gpu-card</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-graph-down-arrow"></i>
-        <div class="label">graph-down-arrow</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-graph-down"></i>
-        <div class="label">graph-down</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-graph-up-arrow"></i>
-        <div class="label">graph-up-arrow</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-graph-up"></i>
-        <div class="label">graph-up</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-grid-1x2-fill"></i>
-        <div class="label">grid-1x2-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-grid-1x2"></i>
-        <div class="label">grid-1x2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-grid-3x2-gap-fill"></i>
-        <div class="label">grid-3x2-gap-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-grid-3x2-gap"></i>
-        <div class="label">grid-3x2-gap</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-grid-3x2"></i>
-        <div class="label">grid-3x2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-grid-3x3-gap-fill"></i>
-        <div class="label">grid-3x3-gap-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-grid-3x3-gap"></i>
-        <div class="label">grid-3x3-gap</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-grid-3x3"></i>
-        <div class="label">grid-3x3</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-grid-fill"></i>
-        <div class="label">grid-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-grid"></i>
-        <div class="label">grid</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-grip-horizontal"></i>
-        <div class="label">grip-horizontal</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-grip-vertical"></i>
-        <div class="label">grip-vertical</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-hammer"></i>
-        <div class="label">hammer</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-hand-index-fill"></i>
-        <div class="label">hand-index-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-hand-index-thumb-fill"></i>
-        <div class="label">hand-index-thumb-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-hand-index-thumb"></i>
-        <div class="label">hand-index-thumb</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-hand-index"></i>
-        <div class="label">hand-index</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-hand-thumbs-down-fill"></i>
-        <div class="label">hand-thumbs-down-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-hand-thumbs-down"></i>
-        <div class="label">hand-thumbs-down</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-hand-thumbs-up-fill"></i>
-        <div class="label">hand-thumbs-up-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-hand-thumbs-up"></i>
-        <div class="label">hand-thumbs-up</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-handbag-fill"></i>
-        <div class="label">handbag-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-handbag"></i>
-        <div class="label">handbag</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-hash"></i>
-        <div class="label">hash</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-hdd-fill"></i>
-        <div class="label">hdd-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-hdd-network-fill"></i>
-        <div class="label">hdd-network-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-hdd-network"></i>
-        <div class="label">hdd-network</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-hdd-rack-fill"></i>
-        <div class="label">hdd-rack-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-hdd-rack"></i>
-        <div class="label">hdd-rack</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-hdd-stack-fill"></i>
-        <div class="label">hdd-stack-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-hdd-stack"></i>
-        <div class="label">hdd-stack</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-hdd"></i>
-        <div class="label">hdd</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-hdmi-fill"></i>
-        <div class="label">hdmi-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-hdmi"></i>
-        <div class="label">hdmi</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-headphones"></i>
-        <div class="label">headphones</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-headset-vr"></i>
-        <div class="label">headset-vr</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-headset"></i>
-        <div class="label">headset</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-heart-fill"></i>
-        <div class="label">heart-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-heart-half"></i>
-        <div class="label">heart-half</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-heart"></i>
-        <div class="label">heart</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-heptagon-fill"></i>
-        <div class="label">heptagon-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-heptagon-half"></i>
-        <div class="label">heptagon-half</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-heptagon"></i>
-        <div class="label">heptagon</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-hexagon-fill"></i>
-        <div class="label">hexagon-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-hexagon-half"></i>
-        <div class="label">hexagon-half</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-hexagon"></i>
-        <div class="label">hexagon</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-hourglass-bottom"></i>
-        <div class="label">hourglass-bottom</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-hourglass-split"></i>
-        <div class="label">hourglass-split</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-hourglass-top"></i>
-        <div class="label">hourglass-top</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-hourglass"></i>
-        <div class="label">hourglass</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-house-door-fill"></i>
-        <div class="label">house-door-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-house-door"></i>
-        <div class="label">house-door</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-house-fill"></i>
-        <div class="label">house-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-house"></i>
-        <div class="label">house</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-hr"></i>
-        <div class="label">hr</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-hurricane"></i>
-        <div class="label">hurricane</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-hypnotize"></i>
-        <div class="label">hypnotize</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-image-alt"></i>
-        <div class="label">image-alt</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-image-fill"></i>
-        <div class="label">image-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-image"></i>
-        <div class="label">image</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-images"></i>
-        <div class="label">images</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-inbox-fill"></i>
-        <div class="label">inbox-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-inbox"></i>
-        <div class="label">inbox</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-inboxes-fill"></i>
-        <div class="label">inboxes-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-inboxes"></i>
-        <div class="label">inboxes</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-infinity"></i>
-        <div class="label">infinity</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-info-circle-fill"></i>
-        <div class="label">info-circle-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-info-circle"></i>
-        <div class="label">info-circle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-info-lg"></i>
-        <div class="label">info-lg</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-info-square-fill"></i>
-        <div class="label">info-square-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-info-square"></i>
-        <div class="label">info-square</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-info"></i>
-        <div class="label">info</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-input-cursor-text"></i>
-        <div class="label">input-cursor-text</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-input-cursor"></i>
-        <div class="label">input-cursor</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-instagram"></i>
-        <div class="label">instagram</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-intersect"></i>
-        <div class="label">intersect</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-journal-album"></i>
-        <div class="label">journal-album</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-journal-arrow-down"></i>
-        <div class="label">journal-arrow-down</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-journal-arrow-up"></i>
-        <div class="label">journal-arrow-up</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-journal-bookmark-fill"></i>
-        <div class="label">journal-bookmark-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-journal-bookmark"></i>
-        <div class="label">journal-bookmark</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-journal-check"></i>
-        <div class="label">journal-check</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-journal-code"></i>
-        <div class="label">journal-code</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-journal-medical"></i>
-        <div class="label">journal-medical</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-journal-minus"></i>
-        <div class="label">journal-minus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-journal-plus"></i>
-        <div class="label">journal-plus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-journal-richtext"></i>
-        <div class="label">journal-richtext</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-journal-text"></i>
-        <div class="label">journal-text</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-journal-x"></i>
-        <div class="label">journal-x</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-journal"></i>
-        <div class="label">journal</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-journals"></i>
-        <div class="label">journals</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-joystick"></i>
-        <div class="label">joystick</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-justify-left"></i>
-        <div class="label">justify-left</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-justify-right"></i>
-        <div class="label">justify-right</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-justify"></i>
-        <div class="label">justify</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-kanban-fill"></i>
-        <div class="label">kanban-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-kanban"></i>
-        <div class="label">kanban</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-key-fill"></i>
-        <div class="label">key-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-key"></i>
-        <div class="label">key</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-keyboard-fill"></i>
-        <div class="label">keyboard-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-keyboard"></i>
-        <div class="label">keyboard</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-ladder"></i>
-        <div class="label">ladder</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-lamp-fill"></i>
-        <div class="label">lamp-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-lamp"></i>
-        <div class="label">lamp</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-laptop-fill"></i>
-        <div class="label">laptop-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-laptop"></i>
-        <div class="label">laptop</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-layer-backward"></i>
-        <div class="label">layer-backward</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-layer-forward"></i>
-        <div class="label">layer-forward</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-layers-fill"></i>
-        <div class="label">layers-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-layers-half"></i>
-        <div class="label">layers-half</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-layers"></i>
-        <div class="label">layers</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-layout-sidebar-inset-reverse"></i>
-        <div class="label">layout-sidebar-inset-reverse</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-layout-sidebar-inset"></i>
-        <div class="label">layout-sidebar-inset</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-layout-sidebar-reverse"></i>
-        <div class="label">layout-sidebar-reverse</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-layout-sidebar"></i>
-        <div class="label">layout-sidebar</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-layout-split"></i>
-        <div class="label">layout-split</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-layout-text-sidebar-reverse"></i>
-        <div class="label">layout-text-sidebar-reverse</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-layout-text-sidebar"></i>
-        <div class="label">layout-text-sidebar</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-layout-text-window-reverse"></i>
-        <div class="label">layout-text-window-reverse</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-layout-text-window"></i>
-        <div class="label">layout-text-window</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-layout-three-columns"></i>
-        <div class="label">layout-three-columns</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-layout-wtf"></i>
-        <div class="label">layout-wtf</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-life-preserver"></i>
-        <div class="label">life-preserver</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-lightbulb-fill"></i>
-        <div class="label">lightbulb-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-lightbulb-off-fill"></i>
-        <div class="label">lightbulb-off-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-lightbulb-off"></i>
-        <div class="label">lightbulb-off</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-lightbulb"></i>
-        <div class="label">lightbulb</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-lightning-charge-fill"></i>
-        <div class="label">lightning-charge-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-lightning-charge"></i>
-        <div class="label">lightning-charge</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-lightning-fill"></i>
-        <div class="label">lightning-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-lightning"></i>
-        <div class="label">lightning</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-line"></i>
-        <div class="label">line</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-link-45deg"></i>
-        <div class="label">link-45deg</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-link"></i>
-        <div class="label">link</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-linkedin"></i>
-        <div class="label">linkedin</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-list-check"></i>
-        <div class="label">list-check</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-list-columns-reverse"></i>
-        <div class="label">list-columns-reverse</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-list-columns"></i>
-        <div class="label">list-columns</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-list-nested"></i>
-        <div class="label">list-nested</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-list-ol"></i>
-        <div class="label">list-ol</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-list-stars"></i>
-        <div class="label">list-stars</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-list-task"></i>
-        <div class="label">list-task</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-list-ul"></i>
-        <div class="label">list-ul</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-list"></i>
-        <div class="label">list</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-lock-fill"></i>
-        <div class="label">lock-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-lock"></i>
-        <div class="label">lock</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-magic"></i>
-        <div class="label">magic</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-mailbox"></i>
-        <div class="label">mailbox</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-mailbox2"></i>
-        <div class="label">mailbox2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-map-fill"></i>
-        <div class="label">map-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-map"></i>
-        <div class="label">map</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-markdown-fill"></i>
-        <div class="label">markdown-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-markdown"></i>
-        <div class="label">markdown</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-mask"></i>
-        <div class="label">mask</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-mastodon"></i>
-        <div class="label">mastodon</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-medium"></i>
-        <div class="label">medium</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-megaphone-fill"></i>
-        <div class="label">megaphone-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-megaphone"></i>
-        <div class="label">megaphone</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-memory"></i>
-        <div class="label">memory</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-menu-app-fill"></i>
-        <div class="label">menu-app-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-menu-app"></i>
-        <div class="label">menu-app</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-menu-button-fill"></i>
-        <div class="label">menu-button-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-menu-button-wide-fill"></i>
-        <div class="label">menu-button-wide-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-menu-button-wide"></i>
-        <div class="label">menu-button-wide</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-menu-button"></i>
-        <div class="label">menu-button</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-menu-down"></i>
-        <div class="label">menu-down</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-menu-up"></i>
-        <div class="label">menu-up</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-messenger"></i>
-        <div class="label">messenger</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-meta"></i>
-        <div class="label">meta</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-mic-fill"></i>
-        <div class="label">mic-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-mic-mute-fill"></i>
-        <div class="label">mic-mute-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-mic-mute"></i>
-        <div class="label">mic-mute</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-mic"></i>
-        <div class="label">mic</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-microsoft"></i>
-        <div class="label">microsoft</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-minecart-loaded"></i>
-        <div class="label">minecart-loaded</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-minecart"></i>
-        <div class="label">minecart</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-modem-fill"></i>
-        <div class="label">modem-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-modem"></i>
-        <div class="label">modem</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-moisture"></i>
-        <div class="label">moisture</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-moon-fill"></i>
-        <div class="label">moon-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-moon-stars-fill"></i>
-        <div class="label">moon-stars-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-moon-stars"></i>
-        <div class="label">moon-stars</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-moon"></i>
-        <div class="label">moon</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-mortarboard-fill"></i>
-        <div class="label">mortarboard-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-mortarboard"></i>
-        <div class="label">mortarboard</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-motherboard-fill"></i>
-        <div class="label">motherboard-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-motherboard"></i>
-        <div class="label">motherboard</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-mouse-fill"></i>
-        <div class="label">mouse-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-mouse"></i>
-        <div class="label">mouse</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-mouse2-fill"></i>
-        <div class="label">mouse2-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-mouse2"></i>
-        <div class="label">mouse2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-mouse3-fill"></i>
-        <div class="label">mouse3-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-mouse3"></i>
-        <div class="label">mouse3</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-music-note-beamed"></i>
-        <div class="label">music-note-beamed</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-music-note-list"></i>
-        <div class="label">music-note-list</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-music-note"></i>
-        <div class="label">music-note</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-music-player-fill"></i>
-        <div class="label">music-player-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-music-player"></i>
-        <div class="label">music-player</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-newspaper"></i>
-        <div class="label">newspaper</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-nintendo-switch"></i>
-        <div class="label">nintendo-switch</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-node-minus-fill"></i>
-        <div class="label">node-minus-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-node-minus"></i>
-        <div class="label">node-minus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-node-plus-fill"></i>
-        <div class="label">node-plus-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-node-plus"></i>
-        <div class="label">node-plus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-nut-fill"></i>
-        <div class="label">nut-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-nut"></i>
-        <div class="label">nut</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-octagon-fill"></i>
-        <div class="label">octagon-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-octagon-half"></i>
-        <div class="label">octagon-half</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-octagon"></i>
-        <div class="label">octagon</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-optical-audio-fill"></i>
-        <div class="label">optical-audio-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-optical-audio"></i>
-        <div class="label">optical-audio</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-option"></i>
-        <div class="label">option</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-outlet"></i>
-        <div class="label">outlet</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-paint-bucket"></i>
-        <div class="label">paint-bucket</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-palette-fill"></i>
-        <div class="label">palette-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-palette"></i>
-        <div class="label">palette</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-palette2"></i>
-        <div class="label">palette2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-paperclip"></i>
-        <div class="label">paperclip</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-paragraph"></i>
-        <div class="label">paragraph</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-patch-check-fill"></i>
-        <div class="label">patch-check-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-patch-check"></i>
-        <div class="label">patch-check</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-patch-exclamation-fill"></i>
-        <div class="label">patch-exclamation-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-patch-exclamation"></i>
-        <div class="label">patch-exclamation</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-patch-minus-fill"></i>
-        <div class="label">patch-minus-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-patch-minus"></i>
-        <div class="label">patch-minus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-patch-plus-fill"></i>
-        <div class="label">patch-plus-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-patch-plus"></i>
-        <div class="label">patch-plus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-patch-question-fill"></i>
-        <div class="label">patch-question-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-patch-question"></i>
-        <div class="label">patch-question</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-pause-btn-fill"></i>
-        <div class="label">pause-btn-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-pause-btn"></i>
-        <div class="label">pause-btn</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-pause-circle-fill"></i>
-        <div class="label">pause-circle-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-pause-circle"></i>
-        <div class="label">pause-circle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-pause-fill"></i>
-        <div class="label">pause-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-pause"></i>
-        <div class="label">pause</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-paypal"></i>
-        <div class="label">paypal</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-pc-display-horizontal"></i>
-        <div class="label">pc-display-horizontal</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-pc-display"></i>
-        <div class="label">pc-display</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-pc-horizontal"></i>
-        <div class="label">pc-horizontal</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-pc"></i>
-        <div class="label">pc</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-pci-card"></i>
-        <div class="label">pci-card</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-peace-fill"></i>
-        <div class="label">peace-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-peace"></i>
-        <div class="label">peace</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-pen-fill"></i>
-        <div class="label">pen-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-pen"></i>
-        <div class="label">pen</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-pencil-fill"></i>
-        <div class="label">pencil-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-pencil-square"></i>
-        <div class="label">pencil-square</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-pencil"></i>
-        <div class="label">pencil</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-pentagon-fill"></i>
-        <div class="label">pentagon-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-pentagon-half"></i>
-        <div class="label">pentagon-half</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-pentagon"></i>
-        <div class="label">pentagon</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-people-fill"></i>
-        <div class="label">people-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-people"></i>
-        <div class="label">people</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-percent"></i>
-        <div class="label">percent</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-person-badge-fill"></i>
-        <div class="label">person-badge-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-person-badge"></i>
-        <div class="label">person-badge</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-person-bounding-box"></i>
-        <div class="label">person-bounding-box</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-person-check-fill"></i>
-        <div class="label">person-check-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-person-check"></i>
-        <div class="label">person-check</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-person-circle"></i>
-        <div class="label">person-circle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-person-dash-fill"></i>
-        <div class="label">person-dash-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-person-dash"></i>
-        <div class="label">person-dash</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-person-fill"></i>
-        <div class="label">person-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-person-lines-fill"></i>
-        <div class="label">person-lines-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-person-plus-fill"></i>
-        <div class="label">person-plus-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-person-plus"></i>
-        <div class="label">person-plus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-person-rolodex"></i>
-        <div class="label">person-rolodex</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-person-square"></i>
-        <div class="label">person-square</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-person-video"></i>
-        <div class="label">person-video</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-person-video2"></i>
-        <div class="label">person-video2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-person-video3"></i>
-        <div class="label">person-video3</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-person-workspace"></i>
-        <div class="label">person-workspace</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-person-x-fill"></i>
-        <div class="label">person-x-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-person-x"></i>
-        <div class="label">person-x</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-person"></i>
-        <div class="label">person</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-phone-fill"></i>
-        <div class="label">phone-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-phone-landscape-fill"></i>
-        <div class="label">phone-landscape-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-phone-landscape"></i>
-        <div class="label">phone-landscape</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-phone-vibrate-fill"></i>
-        <div class="label">phone-vibrate-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-phone-vibrate"></i>
-        <div class="label">phone-vibrate</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-phone"></i>
-        <div class="label">phone</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-pie-chart-fill"></i>
-        <div class="label">pie-chart-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-pie-chart"></i>
-        <div class="label">pie-chart</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-piggy-bank-fill"></i>
-        <div class="label">piggy-bank-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-piggy-bank"></i>
-        <div class="label">piggy-bank</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-pin-angle-fill"></i>
-        <div class="label">pin-angle-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-pin-angle"></i>
-        <div class="label">pin-angle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-pin-fill"></i>
-        <div class="label">pin-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-pin-map-fill"></i>
-        <div class="label">pin-map-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-pin-map"></i>
-        <div class="label">pin-map</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-pin"></i>
-        <div class="label">pin</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-pinterest"></i>
-        <div class="label">pinterest</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-pip-fill"></i>
-        <div class="label">pip-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-pip"></i>
-        <div class="label">pip</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-play-btn-fill"></i>
-        <div class="label">play-btn-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-play-btn"></i>
-        <div class="label">play-btn</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-play-circle-fill"></i>
-        <div class="label">play-circle-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-play-circle"></i>
-        <div class="label">play-circle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-play-fill"></i>
-        <div class="label">play-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-play"></i>
-        <div class="label">play</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-playstation"></i>
-        <div class="label">playstation</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-plug-fill"></i>
-        <div class="label">plug-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-plug"></i>
-        <div class="label">plug</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-plus-circle-dotted"></i>
-        <div class="label">plus-circle-dotted</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-plus-circle-fill"></i>
-        <div class="label">plus-circle-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-plus-circle"></i>
-        <div class="label">plus-circle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-plus-lg"></i>
-        <div class="label">plus-lg</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-plus-slash-minus"></i>
-        <div class="label">plus-slash-minus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-plus-square-dotted"></i>
-        <div class="label">plus-square-dotted</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-plus-square-fill"></i>
-        <div class="label">plus-square-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-plus-square"></i>
-        <div class="label">plus-square</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-plus"></i>
-        <div class="label">plus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-power"></i>
-        <div class="label">power</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-printer-fill"></i>
-        <div class="label">printer-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-printer"></i>
-        <div class="label">printer</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-projector-fill"></i>
-        <div class="label">projector-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-projector"></i>
-        <div class="label">projector</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-puzzle-fill"></i>
-        <div class="label">puzzle-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-puzzle"></i>
-        <div class="label">puzzle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-qr-code-scan"></i>
-        <div class="label">qr-code-scan</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-qr-code"></i>
-        <div class="label">qr-code</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-question-circle-fill"></i>
-        <div class="label">question-circle-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-question-circle"></i>
-        <div class="label">question-circle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-question-diamond-fill"></i>
-        <div class="label">question-diamond-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-question-diamond"></i>
-        <div class="label">question-diamond</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-question-lg"></i>
-        <div class="label">question-lg</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-question-octagon-fill"></i>
-        <div class="label">question-octagon-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-question-octagon"></i>
-        <div class="label">question-octagon</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-question-square-fill"></i>
-        <div class="label">question-square-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-question-square"></i>
-        <div class="label">question-square</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-question"></i>
-        <div class="label">question</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-quora"></i>
-        <div class="label">quora</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-quote"></i>
-        <div class="label">quote</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-radioactive"></i>
-        <div class="label">radioactive</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-rainbow"></i>
-        <div class="label">rainbow</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-receipt-cutoff"></i>
-        <div class="label">receipt-cutoff</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-receipt"></i>
-        <div class="label">receipt</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-reception-0"></i>
-        <div class="label">reception-0</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-reception-1"></i>
-        <div class="label">reception-1</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-reception-2"></i>
-        <div class="label">reception-2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-reception-3"></i>
-        <div class="label">reception-3</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-reception-4"></i>
-        <div class="label">reception-4</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-record-btn-fill"></i>
-        <div class="label">record-btn-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-record-btn"></i>
-        <div class="label">record-btn</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-record-circle-fill"></i>
-        <div class="label">record-circle-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-record-circle"></i>
-        <div class="label">record-circle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-record-fill"></i>
-        <div class="label">record-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-record"></i>
-        <div class="label">record</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-record2-fill"></i>
-        <div class="label">record2-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-record2"></i>
-        <div class="label">record2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-recycle"></i>
-        <div class="label">recycle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-reddit"></i>
-        <div class="label">reddit</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-reply-all-fill"></i>
-        <div class="label">reply-all-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-reply-all"></i>
-        <div class="label">reply-all</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-reply-fill"></i>
-        <div class="label">reply-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-reply"></i>
-        <div class="label">reply</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-robot"></i>
-        <div class="label">robot</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-router-fill"></i>
-        <div class="label">router-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-router"></i>
-        <div class="label">router</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-rss-fill"></i>
-        <div class="label">rss-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-rss"></i>
-        <div class="label">rss</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-rulers"></i>
-        <div class="label">rulers</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-safe-fill"></i>
-        <div class="label">safe-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-safe"></i>
-        <div class="label">safe</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-safe2-fill"></i>
-        <div class="label">safe2-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-safe2"></i>
-        <div class="label">safe2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-save-fill"></i>
-        <div class="label">save-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-save"></i>
-        <div class="label">save</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-save2-fill"></i>
-        <div class="label">save2-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-save2"></i>
-        <div class="label">save2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-scissors"></i>
-        <div class="label">scissors</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-screwdriver"></i>
-        <div class="label">screwdriver</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-sd-card-fill"></i>
-        <div class="label">sd-card-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-sd-card"></i>
-        <div class="label">sd-card</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-search"></i>
-        <div class="label">search</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-segmented-nav"></i>
-        <div class="label">segmented-nav</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-send-check-fill"></i>
-        <div class="label">send-check-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-send-check"></i>
-        <div class="label">send-check</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-send-dash-fill"></i>
-        <div class="label">send-dash-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-send-dash"></i>
-        <div class="label">send-dash</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-send-exclamation-fill"></i>
-        <div class="label">send-exclamation-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-send-exclamation"></i>
-        <div class="label">send-exclamation</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-send-fill"></i>
-        <div class="label">send-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-send-plus-fill"></i>
-        <div class="label">send-plus-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-send-plus"></i>
-        <div class="label">send-plus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-send-slash-fill"></i>
-        <div class="label">send-slash-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-send-slash"></i>
-        <div class="label">send-slash</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-send-x-fill"></i>
-        <div class="label">send-x-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-send-x"></i>
-        <div class="label">send-x</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-send"></i>
-        <div class="label">send</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-server"></i>
-        <div class="label">server</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-share-fill"></i>
-        <div class="label">share-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-share"></i>
-        <div class="label">share</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-shield-check"></i>
-        <div class="label">shield-check</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-shield-exclamation"></i>
-        <div class="label">shield-exclamation</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-shield-fill-check"></i>
-        <div class="label">shield-fill-check</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-shield-fill-exclamation"></i>
-        <div class="label">shield-fill-exclamation</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-shield-fill-minus"></i>
-        <div class="label">shield-fill-minus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-shield-fill-plus"></i>
-        <div class="label">shield-fill-plus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-shield-fill-x"></i>
-        <div class="label">shield-fill-x</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-shield-fill"></i>
-        <div class="label">shield-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-shield-lock-fill"></i>
-        <div class="label">shield-lock-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-shield-lock"></i>
-        <div class="label">shield-lock</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-shield-minus"></i>
-        <div class="label">shield-minus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-shield-plus"></i>
-        <div class="label">shield-plus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-shield-shaded"></i>
-        <div class="label">shield-shaded</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-shield-slash-fill"></i>
-        <div class="label">shield-slash-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-shield-slash"></i>
-        <div class="label">shield-slash</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-shield-x"></i>
-        <div class="label">shield-x</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-shield"></i>
-        <div class="label">shield</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-shift-fill"></i>
-        <div class="label">shift-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-shift"></i>
-        <div class="label">shift</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-shop-window"></i>
-        <div class="label">shop-window</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-shop"></i>
-        <div class="label">shop</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-shuffle"></i>
-        <div class="label">shuffle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-signal"></i>
-        <div class="label">signal</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-signpost-2-fill"></i>
-        <div class="label">signpost-2-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-signpost-2"></i>
-        <div class="label">signpost-2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-signpost-fill"></i>
-        <div class="label">signpost-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-signpost-split-fill"></i>
-        <div class="label">signpost-split-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-signpost-split"></i>
-        <div class="label">signpost-split</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-signpost"></i>
-        <div class="label">signpost</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-sim-fill"></i>
-        <div class="label">sim-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-sim"></i>
-        <div class="label">sim</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-skip-backward-btn-fill"></i>
-        <div class="label">skip-backward-btn-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-skip-backward-btn"></i>
-        <div class="label">skip-backward-btn</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-skip-backward-circle-fill"></i>
-        <div class="label">skip-backward-circle-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-skip-backward-circle"></i>
-        <div class="label">skip-backward-circle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-skip-backward-fill"></i>
-        <div class="label">skip-backward-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-skip-backward"></i>
-        <div class="label">skip-backward</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-skip-end-btn-fill"></i>
-        <div class="label">skip-end-btn-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-skip-end-btn"></i>
-        <div class="label">skip-end-btn</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-skip-end-circle-fill"></i>
-        <div class="label">skip-end-circle-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-skip-end-circle"></i>
-        <div class="label">skip-end-circle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-skip-end-fill"></i>
-        <div class="label">skip-end-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-skip-end"></i>
-        <div class="label">skip-end</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-skip-forward-btn-fill"></i>
-        <div class="label">skip-forward-btn-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-skip-forward-btn"></i>
-        <div class="label">skip-forward-btn</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-skip-forward-circle-fill"></i>
-        <div class="label">skip-forward-circle-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-skip-forward-circle"></i>
-        <div class="label">skip-forward-circle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-skip-forward-fill"></i>
-        <div class="label">skip-forward-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-skip-forward"></i>
-        <div class="label">skip-forward</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-skip-start-btn-fill"></i>
-        <div class="label">skip-start-btn-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-skip-start-btn"></i>
-        <div class="label">skip-start-btn</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-skip-start-circle-fill"></i>
-        <div class="label">skip-start-circle-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-skip-start-circle"></i>
-        <div class="label">skip-start-circle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-skip-start-fill"></i>
-        <div class="label">skip-start-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-skip-start"></i>
-        <div class="label">skip-start</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-skype"></i>
-        <div class="label">skype</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-slack"></i>
-        <div class="label">slack</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-slash-circle-fill"></i>
-        <div class="label">slash-circle-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-slash-circle"></i>
-        <div class="label">slash-circle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-slash-lg"></i>
-        <div class="label">slash-lg</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-slash-square-fill"></i>
-        <div class="label">slash-square-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-slash-square"></i>
-        <div class="label">slash-square</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-slash"></i>
-        <div class="label">slash</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-sliders"></i>
-        <div class="label">sliders</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-smartwatch"></i>
-        <div class="label">smartwatch</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-snapchat"></i>
-        <div class="label">snapchat</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-snow"></i>
-        <div class="label">snow</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-snow2"></i>
-        <div class="label">snow2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-snow3"></i>
-        <div class="label">snow3</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-sort-alpha-down-alt"></i>
-        <div class="label">sort-alpha-down-alt</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-sort-alpha-down"></i>
-        <div class="label">sort-alpha-down</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-sort-alpha-up-alt"></i>
-        <div class="label">sort-alpha-up-alt</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-sort-alpha-up"></i>
-        <div class="label">sort-alpha-up</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-sort-down-alt"></i>
-        <div class="label">sort-down-alt</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-sort-down"></i>
-        <div class="label">sort-down</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-sort-numeric-down-alt"></i>
-        <div class="label">sort-numeric-down-alt</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-sort-numeric-down"></i>
-        <div class="label">sort-numeric-down</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-sort-numeric-up-alt"></i>
-        <div class="label">sort-numeric-up-alt</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-sort-numeric-up"></i>
-        <div class="label">sort-numeric-up</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-sort-up-alt"></i>
-        <div class="label">sort-up-alt</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-sort-up"></i>
-        <div class="label">sort-up</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-soundwave"></i>
-        <div class="label">soundwave</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-speaker-fill"></i>
-        <div class="label">speaker-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-speaker"></i>
-        <div class="label">speaker</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-speedometer"></i>
-        <div class="label">speedometer</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-speedometer2"></i>
-        <div class="label">speedometer2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-spellcheck"></i>
-        <div class="label">spellcheck</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-spotify"></i>
-        <div class="label">spotify</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-square-fill"></i>
-        <div class="label">square-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-square-half"></i>
-        <div class="label">square-half</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-square"></i>
-        <div class="label">square</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-stack-overflow"></i>
-        <div class="label">stack-overflow</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-stack"></i>
-        <div class="label">stack</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-star-fill"></i>
-        <div class="label">star-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-star-half"></i>
-        <div class="label">star-half</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-star"></i>
-        <div class="label">star</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-stars"></i>
-        <div class="label">stars</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-steam"></i>
-        <div class="label">steam</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-stickies-fill"></i>
-        <div class="label">stickies-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-stickies"></i>
-        <div class="label">stickies</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-sticky-fill"></i>
-        <div class="label">sticky-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-sticky"></i>
-        <div class="label">sticky</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-stop-btn-fill"></i>
-        <div class="label">stop-btn-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-stop-btn"></i>
-        <div class="label">stop-btn</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-stop-circle-fill"></i>
-        <div class="label">stop-circle-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-stop-circle"></i>
-        <div class="label">stop-circle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-stop-fill"></i>
-        <div class="label">stop-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-stop"></i>
-        <div class="label">stop</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-stoplights-fill"></i>
-        <div class="label">stoplights-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-stoplights"></i>
-        <div class="label">stoplights</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-stopwatch-fill"></i>
-        <div class="label">stopwatch-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-stopwatch"></i>
-        <div class="label">stopwatch</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-strava"></i>
-        <div class="label">strava</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-subtract"></i>
-        <div class="label">subtract</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-suit-club-fill"></i>
-        <div class="label">suit-club-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-suit-club"></i>
-        <div class="label">suit-club</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-suit-diamond-fill"></i>
-        <div class="label">suit-diamond-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-suit-diamond"></i>
-        <div class="label">suit-diamond</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-suit-heart-fill"></i>
-        <div class="label">suit-heart-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-suit-heart"></i>
-        <div class="label">suit-heart</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-suit-spade-fill"></i>
-        <div class="label">suit-spade-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-suit-spade"></i>
-        <div class="label">suit-spade</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-sun-fill"></i>
-        <div class="label">sun-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-sun"></i>
-        <div class="label">sun</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-sunglasses"></i>
-        <div class="label">sunglasses</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-sunrise-fill"></i>
-        <div class="label">sunrise-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-sunrise"></i>
-        <div class="label">sunrise</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-sunset-fill"></i>
-        <div class="label">sunset-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-sunset"></i>
-        <div class="label">sunset</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-symmetry-horizontal"></i>
-        <div class="label">symmetry-horizontal</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-symmetry-vertical"></i>
-        <div class="label">symmetry-vertical</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-table"></i>
-        <div class="label">table</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-tablet-fill"></i>
-        <div class="label">tablet-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-tablet-landscape-fill"></i>
-        <div class="label">tablet-landscape-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-tablet-landscape"></i>
-        <div class="label">tablet-landscape</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-tablet"></i>
-        <div class="label">tablet</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-tag-fill"></i>
-        <div class="label">tag-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-tag"></i>
-        <div class="label">tag</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-tags-fill"></i>
-        <div class="label">tags-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-tags"></i>
-        <div class="label">tags</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-telegram"></i>
-        <div class="label">telegram</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-telephone-fill"></i>
-        <div class="label">telephone-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-telephone-forward-fill"></i>
-        <div class="label">telephone-forward-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-telephone-forward"></i>
-        <div class="label">telephone-forward</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-telephone-inbound-fill"></i>
-        <div class="label">telephone-inbound-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-telephone-inbound"></i>
-        <div class="label">telephone-inbound</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-telephone-minus-fill"></i>
-        <div class="label">telephone-minus-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-telephone-minus"></i>
-        <div class="label">telephone-minus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-telephone-outbound-fill"></i>
-        <div class="label">telephone-outbound-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-telephone-outbound"></i>
-        <div class="label">telephone-outbound</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-telephone-plus-fill"></i>
-        <div class="label">telephone-plus-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-telephone-plus"></i>
-        <div class="label">telephone-plus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-telephone-x-fill"></i>
-        <div class="label">telephone-x-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-telephone-x"></i>
-        <div class="label">telephone-x</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-telephone"></i>
-        <div class="label">telephone</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-terminal-dash"></i>
-        <div class="label">terminal-dash</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-terminal-fill"></i>
-        <div class="label">terminal-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-terminal-plus"></i>
-        <div class="label">terminal-plus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-terminal-split"></i>
-        <div class="label">terminal-split</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-terminal-x"></i>
-        <div class="label">terminal-x</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-terminal"></i>
-        <div class="label">terminal</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-text-center"></i>
-        <div class="label">text-center</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-text-indent-left"></i>
-        <div class="label">text-indent-left</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-text-indent-right"></i>
-        <div class="label">text-indent-right</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-text-left"></i>
-        <div class="label">text-left</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-text-paragraph"></i>
-        <div class="label">text-paragraph</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-text-right"></i>
-        <div class="label">text-right</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-textarea-resize"></i>
-        <div class="label">textarea-resize</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-textarea-t"></i>
-        <div class="label">textarea-t</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-textarea"></i>
-        <div class="label">textarea</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-thermometer-half"></i>
-        <div class="label">thermometer-half</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-thermometer-high"></i>
-        <div class="label">thermometer-high</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-thermometer-low"></i>
-        <div class="label">thermometer-low</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-thermometer-snow"></i>
-        <div class="label">thermometer-snow</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-thermometer-sun"></i>
-        <div class="label">thermometer-sun</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-thermometer"></i>
-        <div class="label">thermometer</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-three-dots-vertical"></i>
-        <div class="label">three-dots-vertical</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-three-dots"></i>
-        <div class="label">three-dots</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-thunderbolt-fill"></i>
-        <div class="label">thunderbolt-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-thunderbolt"></i>
-        <div class="label">thunderbolt</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-ticket-detailed-fill"></i>
-        <div class="label">ticket-detailed-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-ticket-detailed"></i>
-        <div class="label">ticket-detailed</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-ticket-fill"></i>
-        <div class="label">ticket-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-ticket-perferated-fill"></i>
-        <div class="label">ticket-perferated-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-ticket-perferated"></i>
-        <div class="label">ticket-perferated</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-ticket"></i>
-        <div class="label">ticket</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-tiktok"></i>
-        <div class="label">tiktok</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-toggle-off"></i>
-        <div class="label">toggle-off</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-toggle-on"></i>
-        <div class="label">toggle-on</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-toggle2-off"></i>
-        <div class="label">toggle2-off</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-toggle2-on"></i>
-        <div class="label">toggle2-on</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-toggles"></i>
-        <div class="label">toggles</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-toggles2"></i>
-        <div class="label">toggles2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-tools"></i>
-        <div class="label">tools</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-tornado"></i>
-        <div class="label">tornado</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-translate"></i>
-        <div class="label">translate</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-trash-fill"></i>
-        <div class="label">trash-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-trash"></i>
-        <div class="label">trash</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-trash2-fill"></i>
-        <div class="label">trash2-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-trash2"></i>
-        <div class="label">trash2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-tree-fill"></i>
-        <div class="label">tree-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-tree"></i>
-        <div class="label">tree</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-triangle-fill"></i>
-        <div class="label">triangle-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-triangle-half"></i>
-        <div class="label">triangle-half</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-triangle"></i>
-        <div class="label">triangle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-trophy-fill"></i>
-        <div class="label">trophy-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-trophy"></i>
-        <div class="label">trophy</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-tropical-storm"></i>
-        <div class="label">tropical-storm</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-truck-flatbed"></i>
-        <div class="label">truck-flatbed</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-truck"></i>
-        <div class="label">truck</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-tsunami"></i>
-        <div class="label">tsunami</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-tv-fill"></i>
-        <div class="label">tv-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-tv"></i>
-        <div class="label">tv</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-twitch"></i>
-        <div class="label">twitch</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-twitter"></i>
-        <div class="label">twitter</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-type-bold"></i>
-        <div class="label">type-bold</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-type-h1"></i>
-        <div class="label">type-h1</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-type-h2"></i>
-        <div class="label">type-h2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-type-h3"></i>
-        <div class="label">type-h3</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-type-italic"></i>
-        <div class="label">type-italic</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-type-strikethrough"></i>
-        <div class="label">type-strikethrough</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-type-underline"></i>
-        <div class="label">type-underline</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-type"></i>
-        <div class="label">type</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-ui-checks-grid"></i>
-        <div class="label">ui-checks-grid</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-ui-checks"></i>
-        <div class="label">ui-checks</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-ui-radios-grid"></i>
-        <div class="label">ui-radios-grid</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-ui-radios"></i>
-        <div class="label">ui-radios</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-umbrella-fill"></i>
-        <div class="label">umbrella-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-umbrella"></i>
-        <div class="label">umbrella</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-union"></i>
-        <div class="label">union</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-unlock-fill"></i>
-        <div class="label">unlock-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-unlock"></i>
-        <div class="label">unlock</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-upc-scan"></i>
-        <div class="label">upc-scan</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-upc"></i>
-        <div class="label">upc</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-upload"></i>
-        <div class="label">upload</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-usb-c-fill"></i>
-        <div class="label">usb-c-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-usb-c"></i>
-        <div class="label">usb-c</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-usb-drive-fill"></i>
-        <div class="label">usb-drive-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-usb-drive"></i>
-        <div class="label">usb-drive</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-usb-fill"></i>
-        <div class="label">usb-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-usb-micro-fill"></i>
-        <div class="label">usb-micro-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-usb-micro"></i>
-        <div class="label">usb-micro</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-usb-mini-fill"></i>
-        <div class="label">usb-mini-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-usb-mini"></i>
-        <div class="label">usb-mini</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-usb-plug-fill"></i>
-        <div class="label">usb-plug-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-usb-plug"></i>
-        <div class="label">usb-plug</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-usb-symbol"></i>
-        <div class="label">usb-symbol</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-usb"></i>
-        <div class="label">usb</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-vector-pen"></i>
-        <div class="label">vector-pen</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-view-list"></i>
-        <div class="label">view-list</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-view-stacked"></i>
-        <div class="label">view-stacked</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-vimeo"></i>
-        <div class="label">vimeo</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-vinyl-fill"></i>
-        <div class="label">vinyl-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-vinyl"></i>
-        <div class="label">vinyl</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-voicemail"></i>
-        <div class="label">voicemail</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-volume-down-fill"></i>
-        <div class="label">volume-down-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-volume-down"></i>
-        <div class="label">volume-down</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-volume-mute-fill"></i>
-        <div class="label">volume-mute-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-volume-mute"></i>
-        <div class="label">volume-mute</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-volume-off-fill"></i>
-        <div class="label">volume-off-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-volume-off"></i>
-        <div class="label">volume-off</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-volume-up-fill"></i>
-        <div class="label">volume-up-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-volume-up"></i>
-        <div class="label">volume-up</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-vr"></i>
-        <div class="label">vr</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-wallet-fill"></i>
-        <div class="label">wallet-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-wallet"></i>
-        <div class="label">wallet</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-wallet2"></i>
-        <div class="label">wallet2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-watch"></i>
-        <div class="label">watch</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-water"></i>
-        <div class="label">water</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-webcam-fill"></i>
-        <div class="label">webcam-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-webcam"></i>
-        <div class="label">webcam</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-whatsapp"></i>
-        <div class="label">whatsapp</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-wifi-1"></i>
-        <div class="label">wifi-1</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-wifi-2"></i>
-        <div class="label">wifi-2</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-wifi-off"></i>
-        <div class="label">wifi-off</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-wifi"></i>
-        <div class="label">wifi</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-wind"></i>
-        <div class="label">wind</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-window-dash"></i>
-        <div class="label">window-dash</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-window-desktop"></i>
-        <div class="label">window-desktop</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-window-dock"></i>
-        <div class="label">window-dock</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-window-fullscreen"></i>
-        <div class="label">window-fullscreen</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-window-plus"></i>
-        <div class="label">window-plus</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-window-sidebar"></i>
-        <div class="label">window-sidebar</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-window-split"></i>
-        <div class="label">window-split</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-window-stack"></i>
-        <div class="label">window-stack</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-window-x"></i>
-        <div class="label">window-x</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-window"></i>
-        <div class="label">window</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-windows"></i>
-        <div class="label">windows</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-wordpress"></i>
-        <div class="label">wordpress</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-wrench"></i>
-        <div class="label">wrench</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-x-circle-fill"></i>
-        <div class="label">x-circle-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-x-circle"></i>
-        <div class="label">x-circle</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-x-diamond-fill"></i>
-        <div class="label">x-diamond-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-x-diamond"></i>
-        <div class="label">x-diamond</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-x-lg"></i>
-        <div class="label">x-lg</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-x-octagon-fill"></i>
-        <div class="label">x-octagon-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-x-octagon"></i>
-        <div class="label">x-octagon</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-x-square-fill"></i>
-        <div class="label">x-square-fill</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-x-square"></i>
-        <div class="label">x-square</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-x"></i>
-        <div class="label">x</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-xbox"></i>
-        <div class="label">xbox</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-yin-yang"></i>
-        <div class="label">yin-yang</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-youtube"></i>
-        <div class="label">youtube</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-zoom-in"></i>
-        <div class="label">zoom-in</div>
-      </div>
-      <div class="icon">
-        <i class="bi bi-zoom-out"></i>
-        <div class="label">zoom-out</div>
-      </div>
-    </div>
-  </body>
+  <h1>bootstrap-icons</h1>
+
+  <div class="icons">
+    <div class="icon">
+      <i class="bi bi-123"></i>
+      <div class="label">123</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-activity"></i>
+      <div class="label">activity</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-alarm-fill"></i>
+      <div class="label">alarm-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-alarm"></i>
+      <div class="label">alarm</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-align-bottom"></i>
+      <div class="label">align-bottom</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-align-center"></i>
+      <div class="label">align-center</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-align-end"></i>
+      <div class="label">align-end</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-align-middle"></i>
+      <div class="label">align-middle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-align-start"></i>
+      <div class="label">align-start</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-align-top"></i>
+      <div class="label">align-top</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-alt"></i>
+      <div class="label">alt</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-app-indicator"></i>
+      <div class="label">app-indicator</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-app"></i>
+      <div class="label">app</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-apple"></i>
+      <div class="label">apple</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-archive-fill"></i>
+      <div class="label">archive-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-archive"></i>
+      <div class="label">archive</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-90deg-down"></i>
+      <div class="label">arrow-90deg-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-90deg-left"></i>
+      <div class="label">arrow-90deg-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-90deg-right"></i>
+      <div class="label">arrow-90deg-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-90deg-up"></i>
+      <div class="label">arrow-90deg-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-bar-down"></i>
+      <div class="label">arrow-bar-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-bar-left"></i>
+      <div class="label">arrow-bar-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-bar-right"></i>
+      <div class="label">arrow-bar-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-bar-up"></i>
+      <div class="label">arrow-bar-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-clockwise"></i>
+      <div class="label">arrow-clockwise</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-counterclockwise"></i>
+      <div class="label">arrow-counterclockwise</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-down-circle-fill"></i>
+      <div class="label">arrow-down-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-down-circle"></i>
+      <div class="label">arrow-down-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-down-left-circle-fill"></i>
+      <div class="label">arrow-down-left-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-down-left-circle"></i>
+      <div class="label">arrow-down-left-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-down-left-square-fill"></i>
+      <div class="label">arrow-down-left-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-down-left-square"></i>
+      <div class="label">arrow-down-left-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-down-left"></i>
+      <div class="label">arrow-down-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-down-right-circle-fill"></i>
+      <div class="label">arrow-down-right-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-down-right-circle"></i>
+      <div class="label">arrow-down-right-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-down-right-square-fill"></i>
+      <div class="label">arrow-down-right-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-down-right-square"></i>
+      <div class="label">arrow-down-right-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-down-right"></i>
+      <div class="label">arrow-down-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-down-short"></i>
+      <div class="label">arrow-down-short</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-down-square-fill"></i>
+      <div class="label">arrow-down-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-down-square"></i>
+      <div class="label">arrow-down-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-down-up"></i>
+      <div class="label">arrow-down-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-down"></i>
+      <div class="label">arrow-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-left-circle-fill"></i>
+      <div class="label">arrow-left-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-left-circle"></i>
+      <div class="label">arrow-left-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-left-right"></i>
+      <div class="label">arrow-left-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-left-short"></i>
+      <div class="label">arrow-left-short</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-left-square-fill"></i>
+      <div class="label">arrow-left-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-left-square"></i>
+      <div class="label">arrow-left-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-left"></i>
+      <div class="label">arrow-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-repeat"></i>
+      <div class="label">arrow-repeat</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-return-left"></i>
+      <div class="label">arrow-return-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-return-right"></i>
+      <div class="label">arrow-return-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-right-circle-fill"></i>
+      <div class="label">arrow-right-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-right-circle"></i>
+      <div class="label">arrow-right-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-right-short"></i>
+      <div class="label">arrow-right-short</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-right-square-fill"></i>
+      <div class="label">arrow-right-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-right-square"></i>
+      <div class="label">arrow-right-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-right"></i>
+      <div class="label">arrow-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-up-circle-fill"></i>
+      <div class="label">arrow-up-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-up-circle"></i>
+      <div class="label">arrow-up-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-up-left-circle-fill"></i>
+      <div class="label">arrow-up-left-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-up-left-circle"></i>
+      <div class="label">arrow-up-left-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-up-left-square-fill"></i>
+      <div class="label">arrow-up-left-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-up-left-square"></i>
+      <div class="label">arrow-up-left-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-up-left"></i>
+      <div class="label">arrow-up-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-up-right-circle-fill"></i>
+      <div class="label">arrow-up-right-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-up-right-circle"></i>
+      <div class="label">arrow-up-right-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-up-right-square-fill"></i>
+      <div class="label">arrow-up-right-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-up-right-square"></i>
+      <div class="label">arrow-up-right-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-up-right"></i>
+      <div class="label">arrow-up-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-up-short"></i>
+      <div class="label">arrow-up-short</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-up-square-fill"></i>
+      <div class="label">arrow-up-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-up-square"></i>
+      <div class="label">arrow-up-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-up"></i>
+      <div class="label">arrow-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrows-angle-contract"></i>
+      <div class="label">arrows-angle-contract</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrows-angle-expand"></i>
+      <div class="label">arrows-angle-expand</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrows-collapse"></i>
+      <div class="label">arrows-collapse</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrows-expand"></i>
+      <div class="label">arrows-expand</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrows-fullscreen"></i>
+      <div class="label">arrows-fullscreen</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrows-move"></i>
+      <div class="label">arrows-move</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-aspect-ratio-fill"></i>
+      <div class="label">aspect-ratio-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-aspect-ratio"></i>
+      <div class="label">aspect-ratio</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-asterisk"></i>
+      <div class="label">asterisk</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-at"></i>
+      <div class="label">at</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-award-fill"></i>
+      <div class="label">award-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-award"></i>
+      <div class="label">award</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-back"></i>
+      <div class="label">back</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-backspace-fill"></i>
+      <div class="label">backspace-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-backspace-reverse-fill"></i>
+      <div class="label">backspace-reverse-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-backspace-reverse"></i>
+      <div class="label">backspace-reverse</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-backspace"></i>
+      <div class="label">backspace</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-3d-fill"></i>
+      <div class="label">badge-3d-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-3d"></i>
+      <div class="label">badge-3d</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-4k-fill"></i>
+      <div class="label">badge-4k-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-4k"></i>
+      <div class="label">badge-4k</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-8k-fill"></i>
+      <div class="label">badge-8k-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-8k"></i>
+      <div class="label">badge-8k</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-ad-fill"></i>
+      <div class="label">badge-ad-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-ad"></i>
+      <div class="label">badge-ad</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-ar-fill"></i>
+      <div class="label">badge-ar-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-ar"></i>
+      <div class="label">badge-ar</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-cc-fill"></i>
+      <div class="label">badge-cc-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-cc"></i>
+      <div class="label">badge-cc</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-hd-fill"></i>
+      <div class="label">badge-hd-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-hd"></i>
+      <div class="label">badge-hd</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-tm-fill"></i>
+      <div class="label">badge-tm-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-tm"></i>
+      <div class="label">badge-tm</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-vo-fill"></i>
+      <div class="label">badge-vo-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-vo"></i>
+      <div class="label">badge-vo</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-vr-fill"></i>
+      <div class="label">badge-vr-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-vr"></i>
+      <div class="label">badge-vr</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-wc-fill"></i>
+      <div class="label">badge-wc-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-wc"></i>
+      <div class="label">badge-wc</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bag-check-fill"></i>
+      <div class="label">bag-check-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bag-check"></i>
+      <div class="label">bag-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bag-dash-fill"></i>
+      <div class="label">bag-dash-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bag-dash"></i>
+      <div class="label">bag-dash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bag-fill"></i>
+      <div class="label">bag-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bag-plus-fill"></i>
+      <div class="label">bag-plus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bag-plus"></i>
+      <div class="label">bag-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bag-x-fill"></i>
+      <div class="label">bag-x-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bag-x"></i>
+      <div class="label">bag-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bag"></i>
+      <div class="label">bag</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bandaid-fill"></i>
+      <div class="label">bandaid-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bandaid"></i>
+      <div class="label">bandaid</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bank"></i>
+      <div class="label">bank</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bank2"></i>
+      <div class="label">bank2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bar-chart-fill"></i>
+      <div class="label">bar-chart-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bar-chart-line-fill"></i>
+      <div class="label">bar-chart-line-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bar-chart-line"></i>
+      <div class="label">bar-chart-line</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bar-chart-steps"></i>
+      <div class="label">bar-chart-steps</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bar-chart"></i>
+      <div class="label">bar-chart</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-basket-fill"></i>
+      <div class="label">basket-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-basket"></i>
+      <div class="label">basket</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-basket2-fill"></i>
+      <div class="label">basket2-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-basket2"></i>
+      <div class="label">basket2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-basket3-fill"></i>
+      <div class="label">basket3-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-basket3"></i>
+      <div class="label">basket3</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-battery-charging"></i>
+      <div class="label">battery-charging</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-battery-full"></i>
+      <div class="label">battery-full</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-battery-half"></i>
+      <div class="label">battery-half</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-battery"></i>
+      <div class="label">battery</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-behance"></i>
+      <div class="label">behance</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bell-fill"></i>
+      <div class="label">bell-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bell-slash-fill"></i>
+      <div class="label">bell-slash-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bell-slash"></i>
+      <div class="label">bell-slash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bell"></i>
+      <div class="label">bell</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bezier"></i>
+      <div class="label">bezier</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bezier2"></i>
+      <div class="label">bezier2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bicycle"></i>
+      <div class="label">bicycle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-binoculars-fill"></i>
+      <div class="label">binoculars-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-binoculars"></i>
+      <div class="label">binoculars</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-blockquote-left"></i>
+      <div class="label">blockquote-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-blockquote-right"></i>
+      <div class="label">blockquote-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bluetooth"></i>
+      <div class="label">bluetooth</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-body-text"></i>
+      <div class="label">body-text</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-book-fill"></i>
+      <div class="label">book-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-book-half"></i>
+      <div class="label">book-half</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-book"></i>
+      <div class="label">book</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bookmark-check-fill"></i>
+      <div class="label">bookmark-check-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bookmark-check"></i>
+      <div class="label">bookmark-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bookmark-dash-fill"></i>
+      <div class="label">bookmark-dash-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bookmark-dash"></i>
+      <div class="label">bookmark-dash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bookmark-fill"></i>
+      <div class="label">bookmark-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bookmark-heart-fill"></i>
+      <div class="label">bookmark-heart-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bookmark-heart"></i>
+      <div class="label">bookmark-heart</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bookmark-plus-fill"></i>
+      <div class="label">bookmark-plus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bookmark-plus"></i>
+      <div class="label">bookmark-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bookmark-star-fill"></i>
+      <div class="label">bookmark-star-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bookmark-star"></i>
+      <div class="label">bookmark-star</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bookmark-x-fill"></i>
+      <div class="label">bookmark-x-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bookmark-x"></i>
+      <div class="label">bookmark-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bookmark"></i>
+      <div class="label">bookmark</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bookmarks-fill"></i>
+      <div class="label">bookmarks-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bookmarks"></i>
+      <div class="label">bookmarks</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bookshelf"></i>
+      <div class="label">bookshelf</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-boombox-fill"></i>
+      <div class="label">boombox-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-boombox"></i>
+      <div class="label">boombox</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bootstrap-fill"></i>
+      <div class="label">bootstrap-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bootstrap-reboot"></i>
+      <div class="label">bootstrap-reboot</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bootstrap"></i>
+      <div class="label">bootstrap</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-border-all"></i>
+      <div class="label">border-all</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-border-bottom"></i>
+      <div class="label">border-bottom</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-border-center"></i>
+      <div class="label">border-center</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-border-inner"></i>
+      <div class="label">border-inner</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-border-left"></i>
+      <div class="label">border-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-border-middle"></i>
+      <div class="label">border-middle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-border-outer"></i>
+      <div class="label">border-outer</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-border-right"></i>
+      <div class="label">border-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-border-style"></i>
+      <div class="label">border-style</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-border-top"></i>
+      <div class="label">border-top</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-border-width"></i>
+      <div class="label">border-width</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-border"></i>
+      <div class="label">border</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bounding-box-circles"></i>
+      <div class="label">bounding-box-circles</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bounding-box"></i>
+      <div class="label">bounding-box</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box-arrow-down-left"></i>
+      <div class="label">box-arrow-down-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box-arrow-down-right"></i>
+      <div class="label">box-arrow-down-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box-arrow-down"></i>
+      <div class="label">box-arrow-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box-arrow-in-down-left"></i>
+      <div class="label">box-arrow-in-down-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box-arrow-in-down-right"></i>
+      <div class="label">box-arrow-in-down-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box-arrow-in-down"></i>
+      <div class="label">box-arrow-in-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box-arrow-in-left"></i>
+      <div class="label">box-arrow-in-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box-arrow-in-right"></i>
+      <div class="label">box-arrow-in-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box-arrow-in-up-left"></i>
+      <div class="label">box-arrow-in-up-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box-arrow-in-up-right"></i>
+      <div class="label">box-arrow-in-up-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box-arrow-in-up"></i>
+      <div class="label">box-arrow-in-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box-arrow-left"></i>
+      <div class="label">box-arrow-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box-arrow-right"></i>
+      <div class="label">box-arrow-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box-arrow-up-left"></i>
+      <div class="label">box-arrow-up-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box-arrow-up-right"></i>
+      <div class="label">box-arrow-up-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box-arrow-up"></i>
+      <div class="label">box-arrow-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box-seam"></i>
+      <div class="label">box-seam</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box"></i>
+      <div class="label">box</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-boxes"></i>
+      <div class="label">boxes</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-braces"></i>
+      <div class="label">braces</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bricks"></i>
+      <div class="label">bricks</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-briefcase-fill"></i>
+      <div class="label">briefcase-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-briefcase"></i>
+      <div class="label">briefcase</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-brightness-alt-high-fill"></i>
+      <div class="label">brightness-alt-high-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-brightness-alt-high"></i>
+      <div class="label">brightness-alt-high</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-brightness-alt-low-fill"></i>
+      <div class="label">brightness-alt-low-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-brightness-alt-low"></i>
+      <div class="label">brightness-alt-low</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-brightness-high-fill"></i>
+      <div class="label">brightness-high-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-brightness-high"></i>
+      <div class="label">brightness-high</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-brightness-low-fill"></i>
+      <div class="label">brightness-low-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-brightness-low"></i>
+      <div class="label">brightness-low</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-broadcast-pin"></i>
+      <div class="label">broadcast-pin</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-broadcast"></i>
+      <div class="label">broadcast</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-brush-fill"></i>
+      <div class="label">brush-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-brush"></i>
+      <div class="label">brush</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bucket-fill"></i>
+      <div class="label">bucket-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bucket"></i>
+      <div class="label">bucket</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bug-fill"></i>
+      <div class="label">bug-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bug"></i>
+      <div class="label">bug</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-building"></i>
+      <div class="label">building</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bullseye"></i>
+      <div class="label">bullseye</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calculator-fill"></i>
+      <div class="label">calculator-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calculator"></i>
+      <div class="label">calculator</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-check-fill"></i>
+      <div class="label">calendar-check-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-check"></i>
+      <div class="label">calendar-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-date-fill"></i>
+      <div class="label">calendar-date-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-date"></i>
+      <div class="label">calendar-date</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-day-fill"></i>
+      <div class="label">calendar-day-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-day"></i>
+      <div class="label">calendar-day</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-event-fill"></i>
+      <div class="label">calendar-event-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-event"></i>
+      <div class="label">calendar-event</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-fill"></i>
+      <div class="label">calendar-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-minus-fill"></i>
+      <div class="label">calendar-minus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-minus"></i>
+      <div class="label">calendar-minus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-month-fill"></i>
+      <div class="label">calendar-month-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-month"></i>
+      <div class="label">calendar-month</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-plus-fill"></i>
+      <div class="label">calendar-plus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-plus"></i>
+      <div class="label">calendar-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-range-fill"></i>
+      <div class="label">calendar-range-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-range"></i>
+      <div class="label">calendar-range</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-week-fill"></i>
+      <div class="label">calendar-week-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-week"></i>
+      <div class="label">calendar-week</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-x-fill"></i>
+      <div class="label">calendar-x-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-x"></i>
+      <div class="label">calendar-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar"></i>
+      <div class="label">calendar</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-check-fill"></i>
+      <div class="label">calendar2-check-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-check"></i>
+      <div class="label">calendar2-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-date-fill"></i>
+      <div class="label">calendar2-date-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-date"></i>
+      <div class="label">calendar2-date</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-day-fill"></i>
+      <div class="label">calendar2-day-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-day"></i>
+      <div class="label">calendar2-day</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-event-fill"></i>
+      <div class="label">calendar2-event-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-event"></i>
+      <div class="label">calendar2-event</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-fill"></i>
+      <div class="label">calendar2-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-minus-fill"></i>
+      <div class="label">calendar2-minus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-minus"></i>
+      <div class="label">calendar2-minus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-month-fill"></i>
+      <div class="label">calendar2-month-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-month"></i>
+      <div class="label">calendar2-month</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-plus-fill"></i>
+      <div class="label">calendar2-plus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-plus"></i>
+      <div class="label">calendar2-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-range-fill"></i>
+      <div class="label">calendar2-range-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-range"></i>
+      <div class="label">calendar2-range</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-week-fill"></i>
+      <div class="label">calendar2-week-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-week"></i>
+      <div class="label">calendar2-week</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-x-fill"></i>
+      <div class="label">calendar2-x-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-x"></i>
+      <div class="label">calendar2-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2"></i>
+      <div class="label">calendar2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar3-event-fill"></i>
+      <div class="label">calendar3-event-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar3-event"></i>
+      <div class="label">calendar3-event</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar3-fill"></i>
+      <div class="label">calendar3-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar3-range-fill"></i>
+      <div class="label">calendar3-range-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar3-range"></i>
+      <div class="label">calendar3-range</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar3-week-fill"></i>
+      <div class="label">calendar3-week-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar3-week"></i>
+      <div class="label">calendar3-week</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar3"></i>
+      <div class="label">calendar3</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar4-event"></i>
+      <div class="label">calendar4-event</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar4-range"></i>
+      <div class="label">calendar4-range</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar4-week"></i>
+      <div class="label">calendar4-week</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar4"></i>
+      <div class="label">calendar4</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-camera-fill"></i>
+      <div class="label">camera-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-camera-reels-fill"></i>
+      <div class="label">camera-reels-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-camera-reels"></i>
+      <div class="label">camera-reels</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-camera-video-fill"></i>
+      <div class="label">camera-video-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-camera-video-off-fill"></i>
+      <div class="label">camera-video-off-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-camera-video-off"></i>
+      <div class="label">camera-video-off</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-camera-video"></i>
+      <div class="label">camera-video</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-camera"></i>
+      <div class="label">camera</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-camera2"></i>
+      <div class="label">camera2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-capslock-fill"></i>
+      <div class="label">capslock-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-capslock"></i>
+      <div class="label">capslock</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-card-checklist"></i>
+      <div class="label">card-checklist</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-card-heading"></i>
+      <div class="label">card-heading</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-card-image"></i>
+      <div class="label">card-image</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-card-list"></i>
+      <div class="label">card-list</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-card-text"></i>
+      <div class="label">card-text</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-caret-down-fill"></i>
+      <div class="label">caret-down-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-caret-down-square-fill"></i>
+      <div class="label">caret-down-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-caret-down-square"></i>
+      <div class="label">caret-down-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-caret-down"></i>
+      <div class="label">caret-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-caret-left-fill"></i>
+      <div class="label">caret-left-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-caret-left-square-fill"></i>
+      <div class="label">caret-left-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-caret-left-square"></i>
+      <div class="label">caret-left-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-caret-left"></i>
+      <div class="label">caret-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-caret-right-fill"></i>
+      <div class="label">caret-right-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-caret-right-square-fill"></i>
+      <div class="label">caret-right-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-caret-right-square"></i>
+      <div class="label">caret-right-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-caret-right"></i>
+      <div class="label">caret-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-caret-up-fill"></i>
+      <div class="label">caret-up-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-caret-up-square-fill"></i>
+      <div class="label">caret-up-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-caret-up-square"></i>
+      <div class="label">caret-up-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-caret-up"></i>
+      <div class="label">caret-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cart-check-fill"></i>
+      <div class="label">cart-check-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cart-check"></i>
+      <div class="label">cart-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cart-dash-fill"></i>
+      <div class="label">cart-dash-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cart-dash"></i>
+      <div class="label">cart-dash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cart-fill"></i>
+      <div class="label">cart-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cart-plus-fill"></i>
+      <div class="label">cart-plus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cart-plus"></i>
+      <div class="label">cart-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cart-x-fill"></i>
+      <div class="label">cart-x-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cart-x"></i>
+      <div class="label">cart-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cart"></i>
+      <div class="label">cart</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cart2"></i>
+      <div class="label">cart2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cart3"></i>
+      <div class="label">cart3</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cart4"></i>
+      <div class="label">cart4</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cash-coin"></i>
+      <div class="label">cash-coin</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cash-stack"></i>
+      <div class="label">cash-stack</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cash"></i>
+      <div class="label">cash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cast"></i>
+      <div class="label">cast</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-dots-fill"></i>
+      <div class="label">chat-dots-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-dots"></i>
+      <div class="label">chat-dots</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-fill"></i>
+      <div class="label">chat-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-left-dots-fill"></i>
+      <div class="label">chat-left-dots-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-left-dots"></i>
+      <div class="label">chat-left-dots</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-left-fill"></i>
+      <div class="label">chat-left-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-left-quote-fill"></i>
+      <div class="label">chat-left-quote-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-left-quote"></i>
+      <div class="label">chat-left-quote</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-left-text-fill"></i>
+      <div class="label">chat-left-text-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-left-text"></i>
+      <div class="label">chat-left-text</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-left"></i>
+      <div class="label">chat-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-quote-fill"></i>
+      <div class="label">chat-quote-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-quote"></i>
+      <div class="label">chat-quote</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-right-dots-fill"></i>
+      <div class="label">chat-right-dots-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-right-dots"></i>
+      <div class="label">chat-right-dots</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-right-fill"></i>
+      <div class="label">chat-right-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-right-quote-fill"></i>
+      <div class="label">chat-right-quote-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-right-quote"></i>
+      <div class="label">chat-right-quote</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-right-text-fill"></i>
+      <div class="label">chat-right-text-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-right-text"></i>
+      <div class="label">chat-right-text</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-right"></i>
+      <div class="label">chat-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-square-dots-fill"></i>
+      <div class="label">chat-square-dots-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-square-dots"></i>
+      <div class="label">chat-square-dots</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-square-fill"></i>
+      <div class="label">chat-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-square-quote-fill"></i>
+      <div class="label">chat-square-quote-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-square-quote"></i>
+      <div class="label">chat-square-quote</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-square-text-fill"></i>
+      <div class="label">chat-square-text-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-square-text"></i>
+      <div class="label">chat-square-text</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-square"></i>
+      <div class="label">chat-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-text-fill"></i>
+      <div class="label">chat-text-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-text"></i>
+      <div class="label">chat-text</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat"></i>
+      <div class="label">chat</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-check-all"></i>
+      <div class="label">check-all</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-check-circle-fill"></i>
+      <div class="label">check-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-check-circle"></i>
+      <div class="label">check-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-check-lg"></i>
+      <div class="label">check-lg</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-check-square-fill"></i>
+      <div class="label">check-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-check-square"></i>
+      <div class="label">check-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-check"></i>
+      <div class="label">check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-check2-all"></i>
+      <div class="label">check2-all</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-check2-circle"></i>
+      <div class="label">check2-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-check2-square"></i>
+      <div class="label">check2-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-check2"></i>
+      <div class="label">check2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-bar-contract"></i>
+      <div class="label">chevron-bar-contract</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-bar-down"></i>
+      <div class="label">chevron-bar-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-bar-expand"></i>
+      <div class="label">chevron-bar-expand</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-bar-left"></i>
+      <div class="label">chevron-bar-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-bar-right"></i>
+      <div class="label">chevron-bar-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-bar-up"></i>
+      <div class="label">chevron-bar-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-compact-down"></i>
+      <div class="label">chevron-compact-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-compact-left"></i>
+      <div class="label">chevron-compact-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-compact-right"></i>
+      <div class="label">chevron-compact-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-compact-up"></i>
+      <div class="label">chevron-compact-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-contract"></i>
+      <div class="label">chevron-contract</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-double-down"></i>
+      <div class="label">chevron-double-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-double-left"></i>
+      <div class="label">chevron-double-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-double-right"></i>
+      <div class="label">chevron-double-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-double-up"></i>
+      <div class="label">chevron-double-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-down"></i>
+      <div class="label">chevron-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-expand"></i>
+      <div class="label">chevron-expand</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-left"></i>
+      <div class="label">chevron-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-right"></i>
+      <div class="label">chevron-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-up"></i>
+      <div class="label">chevron-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-circle-fill"></i>
+      <div class="label">circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-circle-half"></i>
+      <div class="label">circle-half</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-circle-square"></i>
+      <div class="label">circle-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-circle"></i>
+      <div class="label">circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clipboard-check"></i>
+      <div class="label">clipboard-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clipboard-data"></i>
+      <div class="label">clipboard-data</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clipboard-minus"></i>
+      <div class="label">clipboard-minus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clipboard-plus"></i>
+      <div class="label">clipboard-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clipboard-x"></i>
+      <div class="label">clipboard-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clipboard"></i>
+      <div class="label">clipboard</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clock-fill"></i>
+      <div class="label">clock-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clock-history"></i>
+      <div class="label">clock-history</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clock"></i>
+      <div class="label">clock</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-arrow-down-fill"></i>
+      <div class="label">cloud-arrow-down-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-arrow-down"></i>
+      <div class="label">cloud-arrow-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-arrow-up-fill"></i>
+      <div class="label">cloud-arrow-up-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-arrow-up"></i>
+      <div class="label">cloud-arrow-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-check-fill"></i>
+      <div class="label">cloud-check-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-check"></i>
+      <div class="label">cloud-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-download-fill"></i>
+      <div class="label">cloud-download-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-download"></i>
+      <div class="label">cloud-download</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-drizzle-fill"></i>
+      <div class="label">cloud-drizzle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-drizzle"></i>
+      <div class="label">cloud-drizzle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-fill"></i>
+      <div class="label">cloud-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-fog-fill"></i>
+      <div class="label">cloud-fog-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-fog"></i>
+      <div class="label">cloud-fog</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-fog2-fill"></i>
+      <div class="label">cloud-fog2-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-fog2"></i>
+      <div class="label">cloud-fog2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-hail-fill"></i>
+      <div class="label">cloud-hail-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-hail"></i>
+      <div class="label">cloud-hail</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-haze-fill"></i>
+      <div class="label">cloud-haze-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-haze"></i>
+      <div class="label">cloud-haze</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-haze2-fill"></i>
+      <div class="label">cloud-haze2-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-haze2"></i>
+      <div class="label">cloud-haze2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-lightning-fill"></i>
+      <div class="label">cloud-lightning-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-lightning-rain-fill"></i>
+      <div class="label">cloud-lightning-rain-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-lightning-rain"></i>
+      <div class="label">cloud-lightning-rain</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-lightning"></i>
+      <div class="label">cloud-lightning</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-minus-fill"></i>
+      <div class="label">cloud-minus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-minus"></i>
+      <div class="label">cloud-minus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-moon-fill"></i>
+      <div class="label">cloud-moon-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-moon"></i>
+      <div class="label">cloud-moon</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-plus-fill"></i>
+      <div class="label">cloud-plus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-plus"></i>
+      <div class="label">cloud-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-rain-fill"></i>
+      <div class="label">cloud-rain-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-rain-heavy-fill"></i>
+      <div class="label">cloud-rain-heavy-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-rain-heavy"></i>
+      <div class="label">cloud-rain-heavy</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-rain"></i>
+      <div class="label">cloud-rain</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-slash-fill"></i>
+      <div class="label">cloud-slash-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-slash"></i>
+      <div class="label">cloud-slash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-sleet-fill"></i>
+      <div class="label">cloud-sleet-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-sleet"></i>
+      <div class="label">cloud-sleet</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-snow-fill"></i>
+      <div class="label">cloud-snow-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-snow"></i>
+      <div class="label">cloud-snow</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-sun-fill"></i>
+      <div class="label">cloud-sun-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-sun"></i>
+      <div class="label">cloud-sun</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-upload-fill"></i>
+      <div class="label">cloud-upload-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-upload"></i>
+      <div class="label">cloud-upload</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud"></i>
+      <div class="label">cloud</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clouds-fill"></i>
+      <div class="label">clouds-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clouds"></i>
+      <div class="label">clouds</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloudy-fill"></i>
+      <div class="label">cloudy-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloudy"></i>
+      <div class="label">cloudy</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-code-slash"></i>
+      <div class="label">code-slash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-code-square"></i>
+      <div class="label">code-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-code"></i>
+      <div class="label">code</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-coin"></i>
+      <div class="label">coin</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-collection-fill"></i>
+      <div class="label">collection-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-collection-play-fill"></i>
+      <div class="label">collection-play-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-collection-play"></i>
+      <div class="label">collection-play</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-collection"></i>
+      <div class="label">collection</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-columns-gap"></i>
+      <div class="label">columns-gap</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-columns"></i>
+      <div class="label">columns</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-command"></i>
+      <div class="label">command</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-compass-fill"></i>
+      <div class="label">compass-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-compass"></i>
+      <div class="label">compass</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cone-striped"></i>
+      <div class="label">cone-striped</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cone"></i>
+      <div class="label">cone</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-controller"></i>
+      <div class="label">controller</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cpu-fill"></i>
+      <div class="label">cpu-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cpu"></i>
+      <div class="label">cpu</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-credit-card-2-back-fill"></i>
+      <div class="label">credit-card-2-back-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-credit-card-2-back"></i>
+      <div class="label">credit-card-2-back</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-credit-card-2-front-fill"></i>
+      <div class="label">credit-card-2-front-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-credit-card-2-front"></i>
+      <div class="label">credit-card-2-front</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-credit-card-fill"></i>
+      <div class="label">credit-card-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-credit-card"></i>
+      <div class="label">credit-card</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-crop"></i>
+      <div class="label">crop</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cup-fill"></i>
+      <div class="label">cup-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cup-straw"></i>
+      <div class="label">cup-straw</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cup"></i>
+      <div class="label">cup</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-currency-bitcoin"></i>
+      <div class="label">currency-bitcoin</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-currency-dollar"></i>
+      <div class="label">currency-dollar</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-currency-euro"></i>
+      <div class="label">currency-euro</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-currency-exchange"></i>
+      <div class="label">currency-exchange</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-currency-pound"></i>
+      <div class="label">currency-pound</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-currency-yen"></i>
+      <div class="label">currency-yen</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cursor-fill"></i>
+      <div class="label">cursor-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cursor-text"></i>
+      <div class="label">cursor-text</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cursor"></i>
+      <div class="label">cursor</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dash-circle-dotted"></i>
+      <div class="label">dash-circle-dotted</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dash-circle-fill"></i>
+      <div class="label">dash-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dash-circle"></i>
+      <div class="label">dash-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dash-lg"></i>
+      <div class="label">dash-lg</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dash-square-dotted"></i>
+      <div class="label">dash-square-dotted</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dash-square-fill"></i>
+      <div class="label">dash-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dash-square"></i>
+      <div class="label">dash-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dash"></i>
+      <div class="label">dash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-device-hdd-fill"></i>
+      <div class="label">device-hdd-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-device-hdd"></i>
+      <div class="label">device-hdd</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-device-ssd-fill"></i>
+      <div class="label">device-ssd-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-device-ssd"></i>
+      <div class="label">device-ssd</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-diagram-2-fill"></i>
+      <div class="label">diagram-2-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-diagram-2"></i>
+      <div class="label">diagram-2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-diagram-3-fill"></i>
+      <div class="label">diagram-3-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-diagram-3"></i>
+      <div class="label">diagram-3</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-diamond-fill"></i>
+      <div class="label">diamond-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-diamond-half"></i>
+      <div class="label">diamond-half</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-diamond"></i>
+      <div class="label">diamond</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dice-1-fill"></i>
+      <div class="label">dice-1-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dice-1"></i>
+      <div class="label">dice-1</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dice-2-fill"></i>
+      <div class="label">dice-2-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dice-2"></i>
+      <div class="label">dice-2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dice-3-fill"></i>
+      <div class="label">dice-3-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dice-3"></i>
+      <div class="label">dice-3</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dice-4-fill"></i>
+      <div class="label">dice-4-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dice-4"></i>
+      <div class="label">dice-4</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dice-5-fill"></i>
+      <div class="label">dice-5-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dice-5"></i>
+      <div class="label">dice-5</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dice-6-fill"></i>
+      <div class="label">dice-6-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dice-6"></i>
+      <div class="label">dice-6</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-disc-fill"></i>
+      <div class="label">disc-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-disc"></i>
+      <div class="label">disc</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-discord"></i>
+      <div class="label">discord</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-display-fill"></i>
+      <div class="label">display-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-display"></i>
+      <div class="label">display</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-displayport-fill"></i>
+      <div class="label">displayport-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-displayport"></i>
+      <div class="label">displayport</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-distribute-horizontal"></i>
+      <div class="label">distribute-horizontal</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-distribute-vertical"></i>
+      <div class="label">distribute-vertical</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-door-closed-fill"></i>
+      <div class="label">door-closed-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-door-closed"></i>
+      <div class="label">door-closed</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-door-open-fill"></i>
+      <div class="label">door-open-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-door-open"></i>
+      <div class="label">door-open</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dot"></i>
+      <div class="label">dot</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-download"></i>
+      <div class="label">download</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dpad-fill"></i>
+      <div class="label">dpad-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dpad"></i>
+      <div class="label">dpad</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dribbble"></i>
+      <div class="label">dribbble</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-droplet-fill"></i>
+      <div class="label">droplet-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-droplet-half"></i>
+      <div class="label">droplet-half</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-droplet"></i>
+      <div class="label">droplet</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-ear-fill"></i>
+      <div class="label">ear-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-ear"></i>
+      <div class="label">ear</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-earbuds"></i>
+      <div class="label">earbuds</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-easel-fill"></i>
+      <div class="label">easel-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-easel"></i>
+      <div class="label">easel</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-easel2-fill"></i>
+      <div class="label">easel2-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-easel2"></i>
+      <div class="label">easel2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-easel3-fill"></i>
+      <div class="label">easel3-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-easel3"></i>
+      <div class="label">easel3</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-egg-fill"></i>
+      <div class="label">egg-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-egg-fried"></i>
+      <div class="label">egg-fried</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-egg"></i>
+      <div class="label">egg</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-eject-fill"></i>
+      <div class="label">eject-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-eject"></i>
+      <div class="label">eject</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-angry-fill"></i>
+      <div class="label">emoji-angry-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-angry"></i>
+      <div class="label">emoji-angry</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-dizzy-fill"></i>
+      <div class="label">emoji-dizzy-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-dizzy"></i>
+      <div class="label">emoji-dizzy</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-expressionless-fill"></i>
+      <div class="label">emoji-expressionless-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-expressionless"></i>
+      <div class="label">emoji-expressionless</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-frown-fill"></i>
+      <div class="label">emoji-frown-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-frown"></i>
+      <div class="label">emoji-frown</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-heart-eyes-fill"></i>
+      <div class="label">emoji-heart-eyes-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-heart-eyes"></i>
+      <div class="label">emoji-heart-eyes</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-laughing-fill"></i>
+      <div class="label">emoji-laughing-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-laughing"></i>
+      <div class="label">emoji-laughing</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-neutral-fill"></i>
+      <div class="label">emoji-neutral-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-neutral"></i>
+      <div class="label">emoji-neutral</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-smile-fill"></i>
+      <div class="label">emoji-smile-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-smile-upside-down-fill"></i>
+      <div class="label">emoji-smile-upside-down-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-smile-upside-down"></i>
+      <div class="label">emoji-smile-upside-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-smile"></i>
+      <div class="label">emoji-smile</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-sunglasses-fill"></i>
+      <div class="label">emoji-sunglasses-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-sunglasses"></i>
+      <div class="label">emoji-sunglasses</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-wink-fill"></i>
+      <div class="label">emoji-wink-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-wink"></i>
+      <div class="label">emoji-wink</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope-check-fill"></i>
+      <div class="label">envelope-check-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope-check"></i>
+      <div class="label">envelope-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope-dash-fill"></i>
+      <div class="label">envelope-dash-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope-dash"></i>
+      <div class="label">envelope-dash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope-exclamation-fill"></i>
+      <div class="label">envelope-exclamation-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope-exclamation"></i>
+      <div class="label">envelope-exclamation</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope-fill"></i>
+      <div class="label">envelope-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope-open-fill"></i>
+      <div class="label">envelope-open-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope-open"></i>
+      <div class="label">envelope-open</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope-plus-fill"></i>
+      <div class="label">envelope-plus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope-plus"></i>
+      <div class="label">envelope-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope-slash-fill"></i>
+      <div class="label">envelope-slash-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope-slash"></i>
+      <div class="label">envelope-slash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope-x-fill"></i>
+      <div class="label">envelope-x-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope-x"></i>
+      <div class="label">envelope-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope"></i>
+      <div class="label">envelope</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-eraser-fill"></i>
+      <div class="label">eraser-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-eraser"></i>
+      <div class="label">eraser</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-ethernet"></i>
+      <div class="label">ethernet</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-exclamation-circle-fill"></i>
+      <div class="label">exclamation-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-exclamation-circle"></i>
+      <div class="label">exclamation-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-exclamation-diamond-fill"></i>
+      <div class="label">exclamation-diamond-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-exclamation-diamond"></i>
+      <div class="label">exclamation-diamond</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-exclamation-lg"></i>
+      <div class="label">exclamation-lg</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-exclamation-octagon-fill"></i>
+      <div class="label">exclamation-octagon-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-exclamation-octagon"></i>
+      <div class="label">exclamation-octagon</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-exclamation-square-fill"></i>
+      <div class="label">exclamation-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-exclamation-square"></i>
+      <div class="label">exclamation-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-exclamation-triangle-fill"></i>
+      <div class="label">exclamation-triangle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-exclamation-triangle"></i>
+      <div class="label">exclamation-triangle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-exclamation"></i>
+      <div class="label">exclamation</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-exclude"></i>
+      <div class="label">exclude</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-explicit-fill"></i>
+      <div class="label">explicit-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-explicit"></i>
+      <div class="label">explicit</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-eye-fill"></i>
+      <div class="label">eye-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-eye-slash-fill"></i>
+      <div class="label">eye-slash-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-eye-slash"></i>
+      <div class="label">eye-slash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-eye"></i>
+      <div class="label">eye</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-eyedropper"></i>
+      <div class="label">eyedropper</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-eyeglasses"></i>
+      <div class="label">eyeglasses</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-facebook"></i>
+      <div class="label">facebook</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-fan"></i>
+      <div class="label">fan</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-arrow-down-fill"></i>
+      <div class="label">file-arrow-down-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-arrow-down"></i>
+      <div class="label">file-arrow-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-arrow-up-fill"></i>
+      <div class="label">file-arrow-up-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-arrow-up"></i>
+      <div class="label">file-arrow-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-bar-graph-fill"></i>
+      <div class="label">file-bar-graph-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-bar-graph"></i>
+      <div class="label">file-bar-graph</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-binary-fill"></i>
+      <div class="label">file-binary-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-binary"></i>
+      <div class="label">file-binary</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-break-fill"></i>
+      <div class="label">file-break-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-break"></i>
+      <div class="label">file-break</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-check-fill"></i>
+      <div class="label">file-check-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-check"></i>
+      <div class="label">file-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-code-fill"></i>
+      <div class="label">file-code-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-code"></i>
+      <div class="label">file-code</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-diff-fill"></i>
+      <div class="label">file-diff-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-diff"></i>
+      <div class="label">file-diff</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-arrow-down-fill"></i>
+      <div class="label">file-earmark-arrow-down-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-arrow-down"></i>
+      <div class="label">file-earmark-arrow-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-arrow-up-fill"></i>
+      <div class="label">file-earmark-arrow-up-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-arrow-up"></i>
+      <div class="label">file-earmark-arrow-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-bar-graph-fill"></i>
+      <div class="label">file-earmark-bar-graph-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-bar-graph"></i>
+      <div class="label">file-earmark-bar-graph</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-binary-fill"></i>
+      <div class="label">file-earmark-binary-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-binary"></i>
+      <div class="label">file-earmark-binary</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-break-fill"></i>
+      <div class="label">file-earmark-break-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-break"></i>
+      <div class="label">file-earmark-break</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-check-fill"></i>
+      <div class="label">file-earmark-check-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-check"></i>
+      <div class="label">file-earmark-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-code-fill"></i>
+      <div class="label">file-earmark-code-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-code"></i>
+      <div class="label">file-earmark-code</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-diff-fill"></i>
+      <div class="label">file-earmark-diff-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-diff"></i>
+      <div class="label">file-earmark-diff</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-easel-fill"></i>
+      <div class="label">file-earmark-easel-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-easel"></i>
+      <div class="label">file-earmark-easel</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-excel-fill"></i>
+      <div class="label">file-earmark-excel-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-excel"></i>
+      <div class="label">file-earmark-excel</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-fill"></i>
+      <div class="label">file-earmark-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-font-fill"></i>
+      <div class="label">file-earmark-font-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-font"></i>
+      <div class="label">file-earmark-font</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-image-fill"></i>
+      <div class="label">file-earmark-image-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-image"></i>
+      <div class="label">file-earmark-image</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-lock-fill"></i>
+      <div class="label">file-earmark-lock-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-lock"></i>
+      <div class="label">file-earmark-lock</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-lock2-fill"></i>
+      <div class="label">file-earmark-lock2-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-lock2"></i>
+      <div class="label">file-earmark-lock2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-medical-fill"></i>
+      <div class="label">file-earmark-medical-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-medical"></i>
+      <div class="label">file-earmark-medical</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-minus-fill"></i>
+      <div class="label">file-earmark-minus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-minus"></i>
+      <div class="label">file-earmark-minus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-music-fill"></i>
+      <div class="label">file-earmark-music-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-music"></i>
+      <div class="label">file-earmark-music</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-pdf-fill"></i>
+      <div class="label">file-earmark-pdf-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-pdf"></i>
+      <div class="label">file-earmark-pdf</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-person-fill"></i>
+      <div class="label">file-earmark-person-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-person"></i>
+      <div class="label">file-earmark-person</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-play-fill"></i>
+      <div class="label">file-earmark-play-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-play"></i>
+      <div class="label">file-earmark-play</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-plus-fill"></i>
+      <div class="label">file-earmark-plus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-plus"></i>
+      <div class="label">file-earmark-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-post-fill"></i>
+      <div class="label">file-earmark-post-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-post"></i>
+      <div class="label">file-earmark-post</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-ppt-fill"></i>
+      <div class="label">file-earmark-ppt-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-ppt"></i>
+      <div class="label">file-earmark-ppt</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-richtext-fill"></i>
+      <div class="label">file-earmark-richtext-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-richtext"></i>
+      <div class="label">file-earmark-richtext</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-ruled-fill"></i>
+      <div class="label">file-earmark-ruled-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-ruled"></i>
+      <div class="label">file-earmark-ruled</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-slides-fill"></i>
+      <div class="label">file-earmark-slides-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-slides"></i>
+      <div class="label">file-earmark-slides</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-spreadsheet-fill"></i>
+      <div class="label">file-earmark-spreadsheet-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-spreadsheet"></i>
+      <div class="label">file-earmark-spreadsheet</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-text-fill"></i>
+      <div class="label">file-earmark-text-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-text"></i>
+      <div class="label">file-earmark-text</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-word-fill"></i>
+      <div class="label">file-earmark-word-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-word"></i>
+      <div class="label">file-earmark-word</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-x-fill"></i>
+      <div class="label">file-earmark-x-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-x"></i>
+      <div class="label">file-earmark-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-zip-fill"></i>
+      <div class="label">file-earmark-zip-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-zip"></i>
+      <div class="label">file-earmark-zip</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark"></i>
+      <div class="label">file-earmark</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-easel-fill"></i>
+      <div class="label">file-easel-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-easel"></i>
+      <div class="label">file-easel</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-excel-fill"></i>
+      <div class="label">file-excel-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-excel"></i>
+      <div class="label">file-excel</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-fill"></i>
+      <div class="label">file-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-font-fill"></i>
+      <div class="label">file-font-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-font"></i>
+      <div class="label">file-font</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-image-fill"></i>
+      <div class="label">file-image-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-image"></i>
+      <div class="label">file-image</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-lock-fill"></i>
+      <div class="label">file-lock-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-lock"></i>
+      <div class="label">file-lock</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-lock2-fill"></i>
+      <div class="label">file-lock2-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-lock2"></i>
+      <div class="label">file-lock2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-medical-fill"></i>
+      <div class="label">file-medical-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-medical"></i>
+      <div class="label">file-medical</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-minus-fill"></i>
+      <div class="label">file-minus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-minus"></i>
+      <div class="label">file-minus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-music-fill"></i>
+      <div class="label">file-music-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-music"></i>
+      <div class="label">file-music</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-pdf-fill"></i>
+      <div class="label">file-pdf-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-pdf"></i>
+      <div class="label">file-pdf</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-person-fill"></i>
+      <div class="label">file-person-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-person"></i>
+      <div class="label">file-person</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-play-fill"></i>
+      <div class="label">file-play-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-play"></i>
+      <div class="label">file-play</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-plus-fill"></i>
+      <div class="label">file-plus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-plus"></i>
+      <div class="label">file-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-post-fill"></i>
+      <div class="label">file-post-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-post"></i>
+      <div class="label">file-post</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-ppt-fill"></i>
+      <div class="label">file-ppt-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-ppt"></i>
+      <div class="label">file-ppt</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-richtext-fill"></i>
+      <div class="label">file-richtext-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-richtext"></i>
+      <div class="label">file-richtext</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-ruled-fill"></i>
+      <div class="label">file-ruled-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-ruled"></i>
+      <div class="label">file-ruled</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-slides-fill"></i>
+      <div class="label">file-slides-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-slides"></i>
+      <div class="label">file-slides</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-spreadsheet-fill"></i>
+      <div class="label">file-spreadsheet-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-spreadsheet"></i>
+      <div class="label">file-spreadsheet</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-text-fill"></i>
+      <div class="label">file-text-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-text"></i>
+      <div class="label">file-text</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-word-fill"></i>
+      <div class="label">file-word-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-word"></i>
+      <div class="label">file-word</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-x-fill"></i>
+      <div class="label">file-x-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-x"></i>
+      <div class="label">file-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-zip-fill"></i>
+      <div class="label">file-zip-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-zip"></i>
+      <div class="label">file-zip</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file"></i>
+      <div class="label">file</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-files-alt"></i>
+      <div class="label">files-alt</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-files"></i>
+      <div class="label">files</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-film"></i>
+      <div class="label">film</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filter-circle-fill"></i>
+      <div class="label">filter-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filter-circle"></i>
+      <div class="label">filter-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filter-left"></i>
+      <div class="label">filter-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filter-right"></i>
+      <div class="label">filter-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filter-square-fill"></i>
+      <div class="label">filter-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filter-square"></i>
+      <div class="label">filter-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filter"></i>
+      <div class="label">filter</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-fingerprint"></i>
+      <div class="label">fingerprint</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-flag-fill"></i>
+      <div class="label">flag-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-flag"></i>
+      <div class="label">flag</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-flower1"></i>
+      <div class="label">flower1</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-flower2"></i>
+      <div class="label">flower2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-flower3"></i>
+      <div class="label">flower3</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-folder-check"></i>
+      <div class="label">folder-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-folder-fill"></i>
+      <div class="label">folder-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-folder-minus"></i>
+      <div class="label">folder-minus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-folder-plus"></i>
+      <div class="label">folder-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-folder-symlink-fill"></i>
+      <div class="label">folder-symlink-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-folder-symlink"></i>
+      <div class="label">folder-symlink</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-folder-x"></i>
+      <div class="label">folder-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-folder"></i>
+      <div class="label">folder</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-folder2-open"></i>
+      <div class="label">folder2-open</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-folder2"></i>
+      <div class="label">folder2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-fonts"></i>
+      <div class="label">fonts</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-forward-fill"></i>
+      <div class="label">forward-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-forward"></i>
+      <div class="label">forward</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-front"></i>
+      <div class="label">front</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-fullscreen-exit"></i>
+      <div class="label">fullscreen-exit</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-fullscreen"></i>
+      <div class="label">fullscreen</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-funnel-fill"></i>
+      <div class="label">funnel-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-funnel"></i>
+      <div class="label">funnel</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-gear-fill"></i>
+      <div class="label">gear-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-gear-wide-connected"></i>
+      <div class="label">gear-wide-connected</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-gear-wide"></i>
+      <div class="label">gear-wide</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-gear"></i>
+      <div class="label">gear</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-gem"></i>
+      <div class="label">gem</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-gender-ambiguous"></i>
+      <div class="label">gender-ambiguous</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-gender-female"></i>
+      <div class="label">gender-female</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-gender-male"></i>
+      <div class="label">gender-male</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-gender-trans"></i>
+      <div class="label">gender-trans</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-geo-alt-fill"></i>
+      <div class="label">geo-alt-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-geo-alt"></i>
+      <div class="label">geo-alt</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-geo-fill"></i>
+      <div class="label">geo-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-geo"></i>
+      <div class="label">geo</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-gift-fill"></i>
+      <div class="label">gift-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-gift"></i>
+      <div class="label">gift</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-git"></i>
+      <div class="label">git</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-github"></i>
+      <div class="label">github</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-globe"></i>
+      <div class="label">globe</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-globe2"></i>
+      <div class="label">globe2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-google"></i>
+      <div class="label">google</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-gpu-card"></i>
+      <div class="label">gpu-card</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-graph-down-arrow"></i>
+      <div class="label">graph-down-arrow</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-graph-down"></i>
+      <div class="label">graph-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-graph-up-arrow"></i>
+      <div class="label">graph-up-arrow</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-graph-up"></i>
+      <div class="label">graph-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-grid-1x2-fill"></i>
+      <div class="label">grid-1x2-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-grid-1x2"></i>
+      <div class="label">grid-1x2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-grid-3x2-gap-fill"></i>
+      <div class="label">grid-3x2-gap-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-grid-3x2-gap"></i>
+      <div class="label">grid-3x2-gap</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-grid-3x2"></i>
+      <div class="label">grid-3x2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-grid-3x3-gap-fill"></i>
+      <div class="label">grid-3x3-gap-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-grid-3x3-gap"></i>
+      <div class="label">grid-3x3-gap</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-grid-3x3"></i>
+      <div class="label">grid-3x3</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-grid-fill"></i>
+      <div class="label">grid-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-grid"></i>
+      <div class="label">grid</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-grip-horizontal"></i>
+      <div class="label">grip-horizontal</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-grip-vertical"></i>
+      <div class="label">grip-vertical</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hammer"></i>
+      <div class="label">hammer</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hand-index-fill"></i>
+      <div class="label">hand-index-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hand-index-thumb-fill"></i>
+      <div class="label">hand-index-thumb-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hand-index-thumb"></i>
+      <div class="label">hand-index-thumb</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hand-index"></i>
+      <div class="label">hand-index</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hand-thumbs-down-fill"></i>
+      <div class="label">hand-thumbs-down-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hand-thumbs-down"></i>
+      <div class="label">hand-thumbs-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hand-thumbs-up-fill"></i>
+      <div class="label">hand-thumbs-up-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hand-thumbs-up"></i>
+      <div class="label">hand-thumbs-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-handbag-fill"></i>
+      <div class="label">handbag-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-handbag"></i>
+      <div class="label">handbag</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hash"></i>
+      <div class="label">hash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hdd-fill"></i>
+      <div class="label">hdd-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hdd-network-fill"></i>
+      <div class="label">hdd-network-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hdd-network"></i>
+      <div class="label">hdd-network</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hdd-rack-fill"></i>
+      <div class="label">hdd-rack-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hdd-rack"></i>
+      <div class="label">hdd-rack</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hdd-stack-fill"></i>
+      <div class="label">hdd-stack-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hdd-stack"></i>
+      <div class="label">hdd-stack</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hdd"></i>
+      <div class="label">hdd</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hdmi-fill"></i>
+      <div class="label">hdmi-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hdmi"></i>
+      <div class="label">hdmi</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-headphones"></i>
+      <div class="label">headphones</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-headset-vr"></i>
+      <div class="label">headset-vr</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-headset"></i>
+      <div class="label">headset</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-heart-fill"></i>
+      <div class="label">heart-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-heart-half"></i>
+      <div class="label">heart-half</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-heart"></i>
+      <div class="label">heart</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-heptagon-fill"></i>
+      <div class="label">heptagon-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-heptagon-half"></i>
+      <div class="label">heptagon-half</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-heptagon"></i>
+      <div class="label">heptagon</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hexagon-fill"></i>
+      <div class="label">hexagon-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hexagon-half"></i>
+      <div class="label">hexagon-half</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hexagon"></i>
+      <div class="label">hexagon</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hourglass-bottom"></i>
+      <div class="label">hourglass-bottom</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hourglass-split"></i>
+      <div class="label">hourglass-split</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hourglass-top"></i>
+      <div class="label">hourglass-top</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hourglass"></i>
+      <div class="label">hourglass</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-house-door-fill"></i>
+      <div class="label">house-door-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-house-door"></i>
+      <div class="label">house-door</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-house-fill"></i>
+      <div class="label">house-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-house"></i>
+      <div class="label">house</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hr"></i>
+      <div class="label">hr</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hurricane"></i>
+      <div class="label">hurricane</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hypnotize"></i>
+      <div class="label">hypnotize</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-image-alt"></i>
+      <div class="label">image-alt</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-image-fill"></i>
+      <div class="label">image-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-image"></i>
+      <div class="label">image</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-images"></i>
+      <div class="label">images</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-inbox-fill"></i>
+      <div class="label">inbox-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-inbox"></i>
+      <div class="label">inbox</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-inboxes-fill"></i>
+      <div class="label">inboxes-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-inboxes"></i>
+      <div class="label">inboxes</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-infinity"></i>
+      <div class="label">infinity</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-info-circle-fill"></i>
+      <div class="label">info-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-info-circle"></i>
+      <div class="label">info-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-info-lg"></i>
+      <div class="label">info-lg</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-info-square-fill"></i>
+      <div class="label">info-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-info-square"></i>
+      <div class="label">info-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-info"></i>
+      <div class="label">info</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-input-cursor-text"></i>
+      <div class="label">input-cursor-text</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-input-cursor"></i>
+      <div class="label">input-cursor</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-instagram"></i>
+      <div class="label">instagram</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-intersect"></i>
+      <div class="label">intersect</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-journal-album"></i>
+      <div class="label">journal-album</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-journal-arrow-down"></i>
+      <div class="label">journal-arrow-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-journal-arrow-up"></i>
+      <div class="label">journal-arrow-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-journal-bookmark-fill"></i>
+      <div class="label">journal-bookmark-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-journal-bookmark"></i>
+      <div class="label">journal-bookmark</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-journal-check"></i>
+      <div class="label">journal-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-journal-code"></i>
+      <div class="label">journal-code</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-journal-medical"></i>
+      <div class="label">journal-medical</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-journal-minus"></i>
+      <div class="label">journal-minus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-journal-plus"></i>
+      <div class="label">journal-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-journal-richtext"></i>
+      <div class="label">journal-richtext</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-journal-text"></i>
+      <div class="label">journal-text</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-journal-x"></i>
+      <div class="label">journal-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-journal"></i>
+      <div class="label">journal</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-journals"></i>
+      <div class="label">journals</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-joystick"></i>
+      <div class="label">joystick</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-justify-left"></i>
+      <div class="label">justify-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-justify-right"></i>
+      <div class="label">justify-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-justify"></i>
+      <div class="label">justify</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-kanban-fill"></i>
+      <div class="label">kanban-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-kanban"></i>
+      <div class="label">kanban</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-key-fill"></i>
+      <div class="label">key-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-key"></i>
+      <div class="label">key</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-keyboard-fill"></i>
+      <div class="label">keyboard-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-keyboard"></i>
+      <div class="label">keyboard</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-ladder"></i>
+      <div class="label">ladder</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-lamp-fill"></i>
+      <div class="label">lamp-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-lamp"></i>
+      <div class="label">lamp</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-laptop-fill"></i>
+      <div class="label">laptop-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-laptop"></i>
+      <div class="label">laptop</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-layer-backward"></i>
+      <div class="label">layer-backward</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-layer-forward"></i>
+      <div class="label">layer-forward</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-layers-fill"></i>
+      <div class="label">layers-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-layers-half"></i>
+      <div class="label">layers-half</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-layers"></i>
+      <div class="label">layers</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-layout-sidebar-inset-reverse"></i>
+      <div class="label">layout-sidebar-inset-reverse</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-layout-sidebar-inset"></i>
+      <div class="label">layout-sidebar-inset</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-layout-sidebar-reverse"></i>
+      <div class="label">layout-sidebar-reverse</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-layout-sidebar"></i>
+      <div class="label">layout-sidebar</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-layout-split"></i>
+      <div class="label">layout-split</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-layout-text-sidebar-reverse"></i>
+      <div class="label">layout-text-sidebar-reverse</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-layout-text-sidebar"></i>
+      <div class="label">layout-text-sidebar</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-layout-text-window-reverse"></i>
+      <div class="label">layout-text-window-reverse</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-layout-text-window"></i>
+      <div class="label">layout-text-window</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-layout-three-columns"></i>
+      <div class="label">layout-three-columns</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-layout-wtf"></i>
+      <div class="label">layout-wtf</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-life-preserver"></i>
+      <div class="label">life-preserver</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-lightbulb-fill"></i>
+      <div class="label">lightbulb-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-lightbulb-off-fill"></i>
+      <div class="label">lightbulb-off-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-lightbulb-off"></i>
+      <div class="label">lightbulb-off</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-lightbulb"></i>
+      <div class="label">lightbulb</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-lightning-charge-fill"></i>
+      <div class="label">lightning-charge-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-lightning-charge"></i>
+      <div class="label">lightning-charge</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-lightning-fill"></i>
+      <div class="label">lightning-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-lightning"></i>
+      <div class="label">lightning</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-line"></i>
+      <div class="label">line</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-link-45deg"></i>
+      <div class="label">link-45deg</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-link"></i>
+      <div class="label">link</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-linkedin"></i>
+      <div class="label">linkedin</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-list-check"></i>
+      <div class="label">list-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-list-columns-reverse"></i>
+      <div class="label">list-columns-reverse</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-list-columns"></i>
+      <div class="label">list-columns</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-list-nested"></i>
+      <div class="label">list-nested</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-list-ol"></i>
+      <div class="label">list-ol</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-list-stars"></i>
+      <div class="label">list-stars</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-list-task"></i>
+      <div class="label">list-task</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-list-ul"></i>
+      <div class="label">list-ul</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-list"></i>
+      <div class="label">list</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-lock-fill"></i>
+      <div class="label">lock-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-lock"></i>
+      <div class="label">lock</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-magic"></i>
+      <div class="label">magic</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-mailbox"></i>
+      <div class="label">mailbox</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-mailbox2"></i>
+      <div class="label">mailbox2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-map-fill"></i>
+      <div class="label">map-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-map"></i>
+      <div class="label">map</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-markdown-fill"></i>
+      <div class="label">markdown-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-markdown"></i>
+      <div class="label">markdown</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-mask"></i>
+      <div class="label">mask</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-mastodon"></i>
+      <div class="label">mastodon</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-medium"></i>
+      <div class="label">medium</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-megaphone-fill"></i>
+      <div class="label">megaphone-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-megaphone"></i>
+      <div class="label">megaphone</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-memory"></i>
+      <div class="label">memory</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-menu-app-fill"></i>
+      <div class="label">menu-app-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-menu-app"></i>
+      <div class="label">menu-app</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-menu-button-fill"></i>
+      <div class="label">menu-button-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-menu-button-wide-fill"></i>
+      <div class="label">menu-button-wide-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-menu-button-wide"></i>
+      <div class="label">menu-button-wide</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-menu-button"></i>
+      <div class="label">menu-button</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-menu-down"></i>
+      <div class="label">menu-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-menu-up"></i>
+      <div class="label">menu-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-messenger"></i>
+      <div class="label">messenger</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-meta"></i>
+      <div class="label">meta</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-mic-fill"></i>
+      <div class="label">mic-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-mic-mute-fill"></i>
+      <div class="label">mic-mute-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-mic-mute"></i>
+      <div class="label">mic-mute</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-mic"></i>
+      <div class="label">mic</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-microsoft"></i>
+      <div class="label">microsoft</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-minecart-loaded"></i>
+      <div class="label">minecart-loaded</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-minecart"></i>
+      <div class="label">minecart</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-modem-fill"></i>
+      <div class="label">modem-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-modem"></i>
+      <div class="label">modem</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-moisture"></i>
+      <div class="label">moisture</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-moon-fill"></i>
+      <div class="label">moon-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-moon-stars-fill"></i>
+      <div class="label">moon-stars-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-moon-stars"></i>
+      <div class="label">moon-stars</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-moon"></i>
+      <div class="label">moon</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-mortarboard-fill"></i>
+      <div class="label">mortarboard-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-mortarboard"></i>
+      <div class="label">mortarboard</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-motherboard-fill"></i>
+      <div class="label">motherboard-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-motherboard"></i>
+      <div class="label">motherboard</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-mouse-fill"></i>
+      <div class="label">mouse-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-mouse"></i>
+      <div class="label">mouse</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-mouse2-fill"></i>
+      <div class="label">mouse2-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-mouse2"></i>
+      <div class="label">mouse2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-mouse3-fill"></i>
+      <div class="label">mouse3-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-mouse3"></i>
+      <div class="label">mouse3</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-music-note-beamed"></i>
+      <div class="label">music-note-beamed</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-music-note-list"></i>
+      <div class="label">music-note-list</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-music-note"></i>
+      <div class="label">music-note</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-music-player-fill"></i>
+      <div class="label">music-player-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-music-player"></i>
+      <div class="label">music-player</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-newspaper"></i>
+      <div class="label">newspaper</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-nintendo-switch"></i>
+      <div class="label">nintendo-switch</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-node-minus-fill"></i>
+      <div class="label">node-minus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-node-minus"></i>
+      <div class="label">node-minus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-node-plus-fill"></i>
+      <div class="label">node-plus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-node-plus"></i>
+      <div class="label">node-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-nut-fill"></i>
+      <div class="label">nut-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-nut"></i>
+      <div class="label">nut</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-octagon-fill"></i>
+      <div class="label">octagon-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-octagon-half"></i>
+      <div class="label">octagon-half</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-octagon"></i>
+      <div class="label">octagon</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-optical-audio-fill"></i>
+      <div class="label">optical-audio-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-optical-audio"></i>
+      <div class="label">optical-audio</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-option"></i>
+      <div class="label">option</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-outlet"></i>
+      <div class="label">outlet</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-paint-bucket"></i>
+      <div class="label">paint-bucket</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-palette-fill"></i>
+      <div class="label">palette-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-palette"></i>
+      <div class="label">palette</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-palette2"></i>
+      <div class="label">palette2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-paperclip"></i>
+      <div class="label">paperclip</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-paragraph"></i>
+      <div class="label">paragraph</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-patch-check-fill"></i>
+      <div class="label">patch-check-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-patch-check"></i>
+      <div class="label">patch-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-patch-exclamation-fill"></i>
+      <div class="label">patch-exclamation-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-patch-exclamation"></i>
+      <div class="label">patch-exclamation</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-patch-minus-fill"></i>
+      <div class="label">patch-minus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-patch-minus"></i>
+      <div class="label">patch-minus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-patch-plus-fill"></i>
+      <div class="label">patch-plus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-patch-plus"></i>
+      <div class="label">patch-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-patch-question-fill"></i>
+      <div class="label">patch-question-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-patch-question"></i>
+      <div class="label">patch-question</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pause-btn-fill"></i>
+      <div class="label">pause-btn-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pause-btn"></i>
+      <div class="label">pause-btn</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pause-circle-fill"></i>
+      <div class="label">pause-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pause-circle"></i>
+      <div class="label">pause-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pause-fill"></i>
+      <div class="label">pause-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pause"></i>
+      <div class="label">pause</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-paypal"></i>
+      <div class="label">paypal</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pc-display-horizontal"></i>
+      <div class="label">pc-display-horizontal</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pc-display"></i>
+      <div class="label">pc-display</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pc-horizontal"></i>
+      <div class="label">pc-horizontal</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pc"></i>
+      <div class="label">pc</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pci-card"></i>
+      <div class="label">pci-card</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-peace-fill"></i>
+      <div class="label">peace-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-peace"></i>
+      <div class="label">peace</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pen-fill"></i>
+      <div class="label">pen-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pen"></i>
+      <div class="label">pen</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pencil-fill"></i>
+      <div class="label">pencil-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pencil-square"></i>
+      <div class="label">pencil-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pencil"></i>
+      <div class="label">pencil</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pentagon-fill"></i>
+      <div class="label">pentagon-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pentagon-half"></i>
+      <div class="label">pentagon-half</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pentagon"></i>
+      <div class="label">pentagon</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-people-fill"></i>
+      <div class="label">people-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-people"></i>
+      <div class="label">people</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-percent"></i>
+      <div class="label">percent</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-badge-fill"></i>
+      <div class="label">person-badge-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-badge"></i>
+      <div class="label">person-badge</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-bounding-box"></i>
+      <div class="label">person-bounding-box</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-check-fill"></i>
+      <div class="label">person-check-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-check"></i>
+      <div class="label">person-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-circle"></i>
+      <div class="label">person-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-dash-fill"></i>
+      <div class="label">person-dash-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-dash"></i>
+      <div class="label">person-dash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-fill"></i>
+      <div class="label">person-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-lines-fill"></i>
+      <div class="label">person-lines-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-plus-fill"></i>
+      <div class="label">person-plus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-plus"></i>
+      <div class="label">person-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-rolodex"></i>
+      <div class="label">person-rolodex</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-square"></i>
+      <div class="label">person-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-video"></i>
+      <div class="label">person-video</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-video2"></i>
+      <div class="label">person-video2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-video3"></i>
+      <div class="label">person-video3</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-workspace"></i>
+      <div class="label">person-workspace</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-x-fill"></i>
+      <div class="label">person-x-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-x"></i>
+      <div class="label">person-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person"></i>
+      <div class="label">person</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-phone-fill"></i>
+      <div class="label">phone-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-phone-landscape-fill"></i>
+      <div class="label">phone-landscape-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-phone-landscape"></i>
+      <div class="label">phone-landscape</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-phone-vibrate-fill"></i>
+      <div class="label">phone-vibrate-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-phone-vibrate"></i>
+      <div class="label">phone-vibrate</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-phone"></i>
+      <div class="label">phone</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pie-chart-fill"></i>
+      <div class="label">pie-chart-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pie-chart"></i>
+      <div class="label">pie-chart</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-piggy-bank-fill"></i>
+      <div class="label">piggy-bank-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-piggy-bank"></i>
+      <div class="label">piggy-bank</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pin-angle-fill"></i>
+      <div class="label">pin-angle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pin-angle"></i>
+      <div class="label">pin-angle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pin-fill"></i>
+      <div class="label">pin-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pin-map-fill"></i>
+      <div class="label">pin-map-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pin-map"></i>
+      <div class="label">pin-map</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pin"></i>
+      <div class="label">pin</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pinterest"></i>
+      <div class="label">pinterest</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pip-fill"></i>
+      <div class="label">pip-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pip"></i>
+      <div class="label">pip</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-play-btn-fill"></i>
+      <div class="label">play-btn-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-play-btn"></i>
+      <div class="label">play-btn</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-play-circle-fill"></i>
+      <div class="label">play-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-play-circle"></i>
+      <div class="label">play-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-play-fill"></i>
+      <div class="label">play-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-play"></i>
+      <div class="label">play</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-playstation"></i>
+      <div class="label">playstation</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-plug-fill"></i>
+      <div class="label">plug-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-plug"></i>
+      <div class="label">plug</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-plus-circle-dotted"></i>
+      <div class="label">plus-circle-dotted</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-plus-circle-fill"></i>
+      <div class="label">plus-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-plus-circle"></i>
+      <div class="label">plus-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-plus-lg"></i>
+      <div class="label">plus-lg</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-plus-slash-minus"></i>
+      <div class="label">plus-slash-minus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-plus-square-dotted"></i>
+      <div class="label">plus-square-dotted</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-plus-square-fill"></i>
+      <div class="label">plus-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-plus-square"></i>
+      <div class="label">plus-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-plus"></i>
+      <div class="label">plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-power"></i>
+      <div class="label">power</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-printer-fill"></i>
+      <div class="label">printer-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-printer"></i>
+      <div class="label">printer</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-projector-fill"></i>
+      <div class="label">projector-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-projector"></i>
+      <div class="label">projector</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-puzzle-fill"></i>
+      <div class="label">puzzle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-puzzle"></i>
+      <div class="label">puzzle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-qr-code-scan"></i>
+      <div class="label">qr-code-scan</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-qr-code"></i>
+      <div class="label">qr-code</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-question-circle-fill"></i>
+      <div class="label">question-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-question-circle"></i>
+      <div class="label">question-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-question-diamond-fill"></i>
+      <div class="label">question-diamond-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-question-diamond"></i>
+      <div class="label">question-diamond</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-question-lg"></i>
+      <div class="label">question-lg</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-question-octagon-fill"></i>
+      <div class="label">question-octagon-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-question-octagon"></i>
+      <div class="label">question-octagon</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-question-square-fill"></i>
+      <div class="label">question-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-question-square"></i>
+      <div class="label">question-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-question"></i>
+      <div class="label">question</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-quora"></i>
+      <div class="label">quora</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-quote"></i>
+      <div class="label">quote</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-radioactive"></i>
+      <div class="label">radioactive</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-rainbow"></i>
+      <div class="label">rainbow</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-receipt-cutoff"></i>
+      <div class="label">receipt-cutoff</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-receipt"></i>
+      <div class="label">receipt</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-reception-0"></i>
+      <div class="label">reception-0</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-reception-1"></i>
+      <div class="label">reception-1</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-reception-2"></i>
+      <div class="label">reception-2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-reception-3"></i>
+      <div class="label">reception-3</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-reception-4"></i>
+      <div class="label">reception-4</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-record-btn-fill"></i>
+      <div class="label">record-btn-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-record-btn"></i>
+      <div class="label">record-btn</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-record-circle-fill"></i>
+      <div class="label">record-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-record-circle"></i>
+      <div class="label">record-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-record-fill"></i>
+      <div class="label">record-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-record"></i>
+      <div class="label">record</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-record2-fill"></i>
+      <div class="label">record2-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-record2"></i>
+      <div class="label">record2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-recycle"></i>
+      <div class="label">recycle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-reddit"></i>
+      <div class="label">reddit</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-reply-all-fill"></i>
+      <div class="label">reply-all-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-reply-all"></i>
+      <div class="label">reply-all</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-reply-fill"></i>
+      <div class="label">reply-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-reply"></i>
+      <div class="label">reply</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-robot"></i>
+      <div class="label">robot</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-router-fill"></i>
+      <div class="label">router-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-router"></i>
+      <div class="label">router</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-rss-fill"></i>
+      <div class="label">rss-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-rss"></i>
+      <div class="label">rss</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-rulers"></i>
+      <div class="label">rulers</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-safe-fill"></i>
+      <div class="label">safe-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-safe"></i>
+      <div class="label">safe</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-safe2-fill"></i>
+      <div class="label">safe2-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-safe2"></i>
+      <div class="label">safe2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-save-fill"></i>
+      <div class="label">save-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-save"></i>
+      <div class="label">save</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-save2-fill"></i>
+      <div class="label">save2-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-save2"></i>
+      <div class="label">save2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-scissors"></i>
+      <div class="label">scissors</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-screwdriver"></i>
+      <div class="label">screwdriver</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sd-card-fill"></i>
+      <div class="label">sd-card-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sd-card"></i>
+      <div class="label">sd-card</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-search"></i>
+      <div class="label">search</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-segmented-nav"></i>
+      <div class="label">segmented-nav</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-send-check-fill"></i>
+      <div class="label">send-check-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-send-check"></i>
+      <div class="label">send-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-send-dash-fill"></i>
+      <div class="label">send-dash-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-send-dash"></i>
+      <div class="label">send-dash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-send-exclamation-fill"></i>
+      <div class="label">send-exclamation-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-send-exclamation"></i>
+      <div class="label">send-exclamation</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-send-fill"></i>
+      <div class="label">send-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-send-plus-fill"></i>
+      <div class="label">send-plus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-send-plus"></i>
+      <div class="label">send-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-send-slash-fill"></i>
+      <div class="label">send-slash-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-send-slash"></i>
+      <div class="label">send-slash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-send-x-fill"></i>
+      <div class="label">send-x-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-send-x"></i>
+      <div class="label">send-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-send"></i>
+      <div class="label">send</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-server"></i>
+      <div class="label">server</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-share-fill"></i>
+      <div class="label">share-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-share"></i>
+      <div class="label">share</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shield-check"></i>
+      <div class="label">shield-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shield-exclamation"></i>
+      <div class="label">shield-exclamation</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shield-fill-check"></i>
+      <div class="label">shield-fill-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shield-fill-exclamation"></i>
+      <div class="label">shield-fill-exclamation</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shield-fill-minus"></i>
+      <div class="label">shield-fill-minus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shield-fill-plus"></i>
+      <div class="label">shield-fill-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shield-fill-x"></i>
+      <div class="label">shield-fill-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shield-fill"></i>
+      <div class="label">shield-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shield-lock-fill"></i>
+      <div class="label">shield-lock-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shield-lock"></i>
+      <div class="label">shield-lock</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shield-minus"></i>
+      <div class="label">shield-minus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shield-plus"></i>
+      <div class="label">shield-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shield-shaded"></i>
+      <div class="label">shield-shaded</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shield-slash-fill"></i>
+      <div class="label">shield-slash-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shield-slash"></i>
+      <div class="label">shield-slash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shield-x"></i>
+      <div class="label">shield-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shield"></i>
+      <div class="label">shield</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shift-fill"></i>
+      <div class="label">shift-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shift"></i>
+      <div class="label">shift</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shop-window"></i>
+      <div class="label">shop-window</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shop"></i>
+      <div class="label">shop</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shuffle"></i>
+      <div class="label">shuffle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-signal"></i>
+      <div class="label">signal</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-signpost-2-fill"></i>
+      <div class="label">signpost-2-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-signpost-2"></i>
+      <div class="label">signpost-2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-signpost-fill"></i>
+      <div class="label">signpost-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-signpost-split-fill"></i>
+      <div class="label">signpost-split-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-signpost-split"></i>
+      <div class="label">signpost-split</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-signpost"></i>
+      <div class="label">signpost</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sim-fill"></i>
+      <div class="label">sim-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sim"></i>
+      <div class="label">sim</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-backward-btn-fill"></i>
+      <div class="label">skip-backward-btn-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-backward-btn"></i>
+      <div class="label">skip-backward-btn</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-backward-circle-fill"></i>
+      <div class="label">skip-backward-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-backward-circle"></i>
+      <div class="label">skip-backward-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-backward-fill"></i>
+      <div class="label">skip-backward-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-backward"></i>
+      <div class="label">skip-backward</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-end-btn-fill"></i>
+      <div class="label">skip-end-btn-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-end-btn"></i>
+      <div class="label">skip-end-btn</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-end-circle-fill"></i>
+      <div class="label">skip-end-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-end-circle"></i>
+      <div class="label">skip-end-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-end-fill"></i>
+      <div class="label">skip-end-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-end"></i>
+      <div class="label">skip-end</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-forward-btn-fill"></i>
+      <div class="label">skip-forward-btn-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-forward-btn"></i>
+      <div class="label">skip-forward-btn</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-forward-circle-fill"></i>
+      <div class="label">skip-forward-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-forward-circle"></i>
+      <div class="label">skip-forward-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-forward-fill"></i>
+      <div class="label">skip-forward-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-forward"></i>
+      <div class="label">skip-forward</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-start-btn-fill"></i>
+      <div class="label">skip-start-btn-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-start-btn"></i>
+      <div class="label">skip-start-btn</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-start-circle-fill"></i>
+      <div class="label">skip-start-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-start-circle"></i>
+      <div class="label">skip-start-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-start-fill"></i>
+      <div class="label">skip-start-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-start"></i>
+      <div class="label">skip-start</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skype"></i>
+      <div class="label">skype</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-slack"></i>
+      <div class="label">slack</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-slash-circle-fill"></i>
+      <div class="label">slash-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-slash-circle"></i>
+      <div class="label">slash-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-slash-lg"></i>
+      <div class="label">slash-lg</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-slash-square-fill"></i>
+      <div class="label">slash-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-slash-square"></i>
+      <div class="label">slash-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-slash"></i>
+      <div class="label">slash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sliders"></i>
+      <div class="label">sliders</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-smartwatch"></i>
+      <div class="label">smartwatch</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-snapchat"></i>
+      <div class="label">snapchat</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-snow"></i>
+      <div class="label">snow</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-snow2"></i>
+      <div class="label">snow2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-snow3"></i>
+      <div class="label">snow3</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sort-alpha-down-alt"></i>
+      <div class="label">sort-alpha-down-alt</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sort-alpha-down"></i>
+      <div class="label">sort-alpha-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sort-alpha-up-alt"></i>
+      <div class="label">sort-alpha-up-alt</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sort-alpha-up"></i>
+      <div class="label">sort-alpha-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sort-down-alt"></i>
+      <div class="label">sort-down-alt</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sort-down"></i>
+      <div class="label">sort-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sort-numeric-down-alt"></i>
+      <div class="label">sort-numeric-down-alt</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sort-numeric-down"></i>
+      <div class="label">sort-numeric-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sort-numeric-up-alt"></i>
+      <div class="label">sort-numeric-up-alt</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sort-numeric-up"></i>
+      <div class="label">sort-numeric-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sort-up-alt"></i>
+      <div class="label">sort-up-alt</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sort-up"></i>
+      <div class="label">sort-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-soundwave"></i>
+      <div class="label">soundwave</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-speaker-fill"></i>
+      <div class="label">speaker-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-speaker"></i>
+      <div class="label">speaker</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-speedometer"></i>
+      <div class="label">speedometer</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-speedometer2"></i>
+      <div class="label">speedometer2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-spellcheck"></i>
+      <div class="label">spellcheck</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-spotify"></i>
+      <div class="label">spotify</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-square-fill"></i>
+      <div class="label">square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-square-half"></i>
+      <div class="label">square-half</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-square"></i>
+      <div class="label">square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-stack-overflow"></i>
+      <div class="label">stack-overflow</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-stack"></i>
+      <div class="label">stack</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-star-fill"></i>
+      <div class="label">star-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-star-half"></i>
+      <div class="label">star-half</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-star"></i>
+      <div class="label">star</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-stars"></i>
+      <div class="label">stars</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-steam"></i>
+      <div class="label">steam</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-stickies-fill"></i>
+      <div class="label">stickies-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-stickies"></i>
+      <div class="label">stickies</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sticky-fill"></i>
+      <div class="label">sticky-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sticky"></i>
+      <div class="label">sticky</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-stop-btn-fill"></i>
+      <div class="label">stop-btn-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-stop-btn"></i>
+      <div class="label">stop-btn</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-stop-circle-fill"></i>
+      <div class="label">stop-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-stop-circle"></i>
+      <div class="label">stop-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-stop-fill"></i>
+      <div class="label">stop-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-stop"></i>
+      <div class="label">stop</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-stoplights-fill"></i>
+      <div class="label">stoplights-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-stoplights"></i>
+      <div class="label">stoplights</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-stopwatch-fill"></i>
+      <div class="label">stopwatch-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-stopwatch"></i>
+      <div class="label">stopwatch</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-strava"></i>
+      <div class="label">strava</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-subtract"></i>
+      <div class="label">subtract</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-suit-club-fill"></i>
+      <div class="label">suit-club-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-suit-club"></i>
+      <div class="label">suit-club</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-suit-diamond-fill"></i>
+      <div class="label">suit-diamond-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-suit-diamond"></i>
+      <div class="label">suit-diamond</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-suit-heart-fill"></i>
+      <div class="label">suit-heart-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-suit-heart"></i>
+      <div class="label">suit-heart</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-suit-spade-fill"></i>
+      <div class="label">suit-spade-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-suit-spade"></i>
+      <div class="label">suit-spade</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sun-fill"></i>
+      <div class="label">sun-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sun"></i>
+      <div class="label">sun</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sunglasses"></i>
+      <div class="label">sunglasses</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sunrise-fill"></i>
+      <div class="label">sunrise-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sunrise"></i>
+      <div class="label">sunrise</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sunset-fill"></i>
+      <div class="label">sunset-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sunset"></i>
+      <div class="label">sunset</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-symmetry-horizontal"></i>
+      <div class="label">symmetry-horizontal</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-symmetry-vertical"></i>
+      <div class="label">symmetry-vertical</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-table"></i>
+      <div class="label">table</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-tablet-fill"></i>
+      <div class="label">tablet-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-tablet-landscape-fill"></i>
+      <div class="label">tablet-landscape-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-tablet-landscape"></i>
+      <div class="label">tablet-landscape</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-tablet"></i>
+      <div class="label">tablet</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-tag-fill"></i>
+      <div class="label">tag-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-tag"></i>
+      <div class="label">tag</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-tags-fill"></i>
+      <div class="label">tags-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-tags"></i>
+      <div class="label">tags</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-telegram"></i>
+      <div class="label">telegram</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-telephone-fill"></i>
+      <div class="label">telephone-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-telephone-forward-fill"></i>
+      <div class="label">telephone-forward-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-telephone-forward"></i>
+      <div class="label">telephone-forward</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-telephone-inbound-fill"></i>
+      <div class="label">telephone-inbound-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-telephone-inbound"></i>
+      <div class="label">telephone-inbound</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-telephone-minus-fill"></i>
+      <div class="label">telephone-minus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-telephone-minus"></i>
+      <div class="label">telephone-minus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-telephone-outbound-fill"></i>
+      <div class="label">telephone-outbound-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-telephone-outbound"></i>
+      <div class="label">telephone-outbound</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-telephone-plus-fill"></i>
+      <div class="label">telephone-plus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-telephone-plus"></i>
+      <div class="label">telephone-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-telephone-x-fill"></i>
+      <div class="label">telephone-x-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-telephone-x"></i>
+      <div class="label">telephone-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-telephone"></i>
+      <div class="label">telephone</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-terminal-dash"></i>
+      <div class="label">terminal-dash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-terminal-fill"></i>
+      <div class="label">terminal-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-terminal-plus"></i>
+      <div class="label">terminal-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-terminal-split"></i>
+      <div class="label">terminal-split</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-terminal-x"></i>
+      <div class="label">terminal-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-terminal"></i>
+      <div class="label">terminal</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-text-center"></i>
+      <div class="label">text-center</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-text-indent-left"></i>
+      <div class="label">text-indent-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-text-indent-right"></i>
+      <div class="label">text-indent-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-text-left"></i>
+      <div class="label">text-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-text-paragraph"></i>
+      <div class="label">text-paragraph</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-text-right"></i>
+      <div class="label">text-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-textarea-resize"></i>
+      <div class="label">textarea-resize</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-textarea-t"></i>
+      <div class="label">textarea-t</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-textarea"></i>
+      <div class="label">textarea</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-thermometer-half"></i>
+      <div class="label">thermometer-half</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-thermometer-high"></i>
+      <div class="label">thermometer-high</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-thermometer-low"></i>
+      <div class="label">thermometer-low</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-thermometer-snow"></i>
+      <div class="label">thermometer-snow</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-thermometer-sun"></i>
+      <div class="label">thermometer-sun</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-thermometer"></i>
+      <div class="label">thermometer</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-three-dots-vertical"></i>
+      <div class="label">three-dots-vertical</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-three-dots"></i>
+      <div class="label">three-dots</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-thunderbolt-fill"></i>
+      <div class="label">thunderbolt-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-thunderbolt"></i>
+      <div class="label">thunderbolt</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-ticket-detailed-fill"></i>
+      <div class="label">ticket-detailed-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-ticket-detailed"></i>
+      <div class="label">ticket-detailed</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-ticket-fill"></i>
+      <div class="label">ticket-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-ticket-perferated-fill"></i>
+      <div class="label">ticket-perferated-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-ticket-perferated"></i>
+      <div class="label">ticket-perferated</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-ticket"></i>
+      <div class="label">ticket</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-tiktok"></i>
+      <div class="label">tiktok</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-toggle-off"></i>
+      <div class="label">toggle-off</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-toggle-on"></i>
+      <div class="label">toggle-on</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-toggle2-off"></i>
+      <div class="label">toggle2-off</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-toggle2-on"></i>
+      <div class="label">toggle2-on</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-toggles"></i>
+      <div class="label">toggles</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-toggles2"></i>
+      <div class="label">toggles2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-tools"></i>
+      <div class="label">tools</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-tornado"></i>
+      <div class="label">tornado</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-translate"></i>
+      <div class="label">translate</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-trash-fill"></i>
+      <div class="label">trash-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-trash"></i>
+      <div class="label">trash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-trash2-fill"></i>
+      <div class="label">trash2-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-trash2"></i>
+      <div class="label">trash2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-tree-fill"></i>
+      <div class="label">tree-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-tree"></i>
+      <div class="label">tree</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-triangle-fill"></i>
+      <div class="label">triangle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-triangle-half"></i>
+      <div class="label">triangle-half</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-triangle"></i>
+      <div class="label">triangle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-trophy-fill"></i>
+      <div class="label">trophy-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-trophy"></i>
+      <div class="label">trophy</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-tropical-storm"></i>
+      <div class="label">tropical-storm</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-truck-flatbed"></i>
+      <div class="label">truck-flatbed</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-truck"></i>
+      <div class="label">truck</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-tsunami"></i>
+      <div class="label">tsunami</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-tv-fill"></i>
+      <div class="label">tv-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-tv"></i>
+      <div class="label">tv</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-twitch"></i>
+      <div class="label">twitch</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-twitter"></i>
+      <div class="label">twitter</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-type-bold"></i>
+      <div class="label">type-bold</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-type-h1"></i>
+      <div class="label">type-h1</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-type-h2"></i>
+      <div class="label">type-h2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-type-h3"></i>
+      <div class="label">type-h3</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-type-italic"></i>
+      <div class="label">type-italic</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-type-strikethrough"></i>
+      <div class="label">type-strikethrough</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-type-underline"></i>
+      <div class="label">type-underline</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-type"></i>
+      <div class="label">type</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-ui-checks-grid"></i>
+      <div class="label">ui-checks-grid</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-ui-checks"></i>
+      <div class="label">ui-checks</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-ui-radios-grid"></i>
+      <div class="label">ui-radios-grid</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-ui-radios"></i>
+      <div class="label">ui-radios</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-umbrella-fill"></i>
+      <div class="label">umbrella-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-umbrella"></i>
+      <div class="label">umbrella</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-union"></i>
+      <div class="label">union</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-unlock-fill"></i>
+      <div class="label">unlock-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-unlock"></i>
+      <div class="label">unlock</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-upc-scan"></i>
+      <div class="label">upc-scan</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-upc"></i>
+      <div class="label">upc</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-upload"></i>
+      <div class="label">upload</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-usb-c-fill"></i>
+      <div class="label">usb-c-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-usb-c"></i>
+      <div class="label">usb-c</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-usb-drive-fill"></i>
+      <div class="label">usb-drive-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-usb-drive"></i>
+      <div class="label">usb-drive</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-usb-fill"></i>
+      <div class="label">usb-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-usb-micro-fill"></i>
+      <div class="label">usb-micro-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-usb-micro"></i>
+      <div class="label">usb-micro</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-usb-mini-fill"></i>
+      <div class="label">usb-mini-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-usb-mini"></i>
+      <div class="label">usb-mini</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-usb-plug-fill"></i>
+      <div class="label">usb-plug-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-usb-plug"></i>
+      <div class="label">usb-plug</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-usb-symbol"></i>
+      <div class="label">usb-symbol</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-usb"></i>
+      <div class="label">usb</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-vector-pen"></i>
+      <div class="label">vector-pen</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-view-list"></i>
+      <div class="label">view-list</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-view-stacked"></i>
+      <div class="label">view-stacked</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-vimeo"></i>
+      <div class="label">vimeo</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-vinyl-fill"></i>
+      <div class="label">vinyl-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-vinyl"></i>
+      <div class="label">vinyl</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-voicemail"></i>
+      <div class="label">voicemail</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-volume-down-fill"></i>
+      <div class="label">volume-down-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-volume-down"></i>
+      <div class="label">volume-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-volume-mute-fill"></i>
+      <div class="label">volume-mute-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-volume-mute"></i>
+      <div class="label">volume-mute</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-volume-off-fill"></i>
+      <div class="label">volume-off-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-volume-off"></i>
+      <div class="label">volume-off</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-volume-up-fill"></i>
+      <div class="label">volume-up-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-volume-up"></i>
+      <div class="label">volume-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-vr"></i>
+      <div class="label">vr</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-wallet-fill"></i>
+      <div class="label">wallet-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-wallet"></i>
+      <div class="label">wallet</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-wallet2"></i>
+      <div class="label">wallet2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-watch"></i>
+      <div class="label">watch</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-water"></i>
+      <div class="label">water</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-webcam-fill"></i>
+      <div class="label">webcam-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-webcam"></i>
+      <div class="label">webcam</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-whatsapp"></i>
+      <div class="label">whatsapp</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-wifi-1"></i>
+      <div class="label">wifi-1</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-wifi-2"></i>
+      <div class="label">wifi-2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-wifi-off"></i>
+      <div class="label">wifi-off</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-wifi"></i>
+      <div class="label">wifi</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-wind"></i>
+      <div class="label">wind</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-window-dash"></i>
+      <div class="label">window-dash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-window-desktop"></i>
+      <div class="label">window-desktop</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-window-dock"></i>
+      <div class="label">window-dock</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-window-fullscreen"></i>
+      <div class="label">window-fullscreen</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-window-plus"></i>
+      <div class="label">window-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-window-sidebar"></i>
+      <div class="label">window-sidebar</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-window-split"></i>
+      <div class="label">window-split</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-window-stack"></i>
+      <div class="label">window-stack</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-window-x"></i>
+      <div class="label">window-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-window"></i>
+      <div class="label">window</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-windows"></i>
+      <div class="label">windows</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-wordpress"></i>
+      <div class="label">wordpress</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-wrench"></i>
+      <div class="label">wrench</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-x-circle-fill"></i>
+      <div class="label">x-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-x-circle"></i>
+      <div class="label">x-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-x-diamond-fill"></i>
+      <div class="label">x-diamond-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-x-diamond"></i>
+      <div class="label">x-diamond</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-x-lg"></i>
+      <div class="label">x-lg</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-x-octagon-fill"></i>
+      <div class="label">x-octagon-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-x-octagon"></i>
+      <div class="label">x-octagon</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-x-square-fill"></i>
+      <div class="label">x-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-x-square"></i>
+      <div class="label">x-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-x"></i>
+      <div class="label">x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-xbox"></i>
+      <div class="label">xbox</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-yin-yang"></i>
+      <div class="label">yin-yang</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-youtube"></i>
+      <div class="label">youtube</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-zoom-in"></i>
+      <div class="label">zoom-in</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-zoom-out"></i>
+      <div class="label">zoom-out</div>
+    </div>
+  </div>
+
+</body>
 </html>
diff --git a/blog-single.html b/blog-single.html
index bb3d0c3..b58ce9b 100644
--- a/blog-single.html
+++ b/blog-single.html
@@ -1,732 +1,499 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
-
-    <title>Blog Single - Presento Bootstrap Template</title>
-    <meta content="" name="description" />
-    <meta content="" name="keywords" />
-
-    <!-- Favicons -->
-    <link href="assets/img/favicon.png" rel="icon" />
-    <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon" />
-
-    <!-- Google Fonts -->
-    <link
-      href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
-      rel="stylesheet"
-    />
-
-    <!-- Vendor CSS Files -->
-    <link href="assets/vendor/aos/aos.css" rel="stylesheet" />
-    <link
-      href="assets/vendor/bootstrap/css/bootstrap.min.css"
-      rel="stylesheet"
-    />
-    <link
-      href="assets/vendor/bootstrap-icons/bootstrap-icons.css"
-      rel="stylesheet"
-    />
-    <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet" />
-    <link
-      href="assets/vendor/glightbox/css/glightbox.min.css"
-      rel="stylesheet"
-    />
-    <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet" />
-    <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet" />
-
-    <!-- Template Main CSS File -->
-    <link href="css/style.css" rel="stylesheet" />
-
-    <!-- =======================================================
+
+<head>
+  <meta charset="utf-8">
+  <meta content="width=device-width, initial-scale=1.0" name="viewport">
+
+  <title>Blog Single - Presento Bootstrap Template</title>
+  <meta content="" name="description">
+  <meta content="" name="keywords">
+
+  <!-- Favicons -->
+  <link href="assets/img/favicon.png" rel="icon">
+  <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
+
+  <!-- Google Fonts -->
+  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
+
+  <!-- Vendor CSS Files -->
+  <link href="assets/vendor/aos/aos.css" rel="stylesheet">
+  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
+  <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
+  <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
+  <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
+  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
+
+  <!-- Template Main CSS File -->
+  <link href="assets/css/style.css" rel="stylesheet">
+
+  <!-- =======================================================
   * Template Name: Presento - v3.7.0
   * Template URL: https://bootstrapmade.com/presento-bootstrap-corporate-template/
   * Author: BootstrapMade.com
   * License: https://bootstrapmade.com/license/
   ======================================================== -->
-  </head>
-
-  <body>
-    <!-- ======= Header ======= -->
-    <header id="header" class="fixed-top d-flex align-items-center">
-      <div class="container d-flex align-items-center">
-        <h1 class="logo me-auto">
-          <a href="index.html">Presento<span>.</span></a>
-        </h1>
-        <!-- Uncomment below if you prefer to use an image logo -->
-        <!-- <a href="index.html" class="logo me-auto"><img src="assets/img/logo.png" alt=""></a>-->
-
-        <nav id="navbar" class="navbar order-last order-lg-0">
-          <ul>
-            <li><a class="nav-link scrollto" href="#hero">Home</a></li>
-            <li><a class="nav-link scrollto" href="#about">About</a></li>
-            <li><a class="nav-link scrollto" href="#themes">themes</a></li>
-            <li><a class="nav-link scrollto" href="#sponsors">sponsors</a></li>
-            <li><a class="nav-link scrollto" href="#team">Team</a></li>
-            <li><a class="active" href="blog.html">Blog</a></li>
-            <li class="dropdown">
-              <a href="#"
-                ><span>Drop Down</span> <i class="bi bi-chevron-down"></i
-              ></a>
-              <ul>
-                <li><a href="#">Drop Down 1</a></li>
-                <li class="dropdown">
-                  <a href="#"
-                    ><span>Deep Drop Down</span>
-                    <i class="bi bi-chevron-right"></i
-                  ></a>
-                  <ul>
-                    <li><a href="#">Deep Drop Down 1</a></li>
-                    <li><a href="#">Deep Drop Down 2</a></li>
-                    <li><a href="#">Deep Drop Down 3</a></li>
-                    <li><a href="#">Deep Drop Down 4</a></li>
-                    <li><a href="#">Deep Drop Down 5</a></li>
-                  </ul>
-                </li>
-                <li><a href="#">Drop Down 2</a></li>
-                <li><a href="#">Drop Down 3</a></li>
-                <li><a href="#">Drop Down 4</a></li>
-              </ul>
-            </li>
-            <li><a class="nav-link scrollto" href="#contact">Contact</a></li>
-          </ul>
-          <i class="bi bi-list mobile-nav-toggle"></i>
-        </nav>
-        <!-- .navbar -->
-
-        <a href="#about" class="get-started-btn scrollto">Get Started</a>
+</head>
+
+<body>
+
+  <!-- ======= Header ======= -->
+  <header id="header" class="fixed-top d-flex align-items-center">
+    <div class="container d-flex align-items-center">
+      <h1 class="logo me-auto"><a href="index.html">Presento<span>.</span></a></h1>
+      <!-- Uncomment below if you prefer to use an image logo -->
+      <!-- <a href="index.html" class="logo me-auto"><img src="assets/img/logo.png" alt=""></a>-->
+
+      <nav id="navbar" class="navbar order-last order-lg-0">
+        <ul>
+          <li><a class="nav-link scrollto " href="#hero">Home</a></li>
+          <li><a class="nav-link scrollto" href="#about">About</a></li>
+          <li><a class="nav-link scrollto" href="#services">Services</a></li>
+          <li><a class="nav-link scrollto " href="#portfolio">Portfolio</a></li>
+          <li><a class="nav-link scrollto" href="#team">Team</a></li>
+          <li><a class="active" href="blog.html">Blog</a></li>
+          <li class="dropdown"><a href="#"><span>Drop Down</span> <i class="bi bi-chevron-down"></i></a>
+            <ul>
+              <li><a href="#">Drop Down 1</a></li>
+              <li class="dropdown"><a href="#"><span>Deep Drop Down</span> <i class="bi bi-chevron-right"></i></a>
+                <ul>
+                  <li><a href="#">Deep Drop Down 1</a></li>
+                  <li><a href="#">Deep Drop Down 2</a></li>
+                  <li><a href="#">Deep Drop Down 3</a></li>
+                  <li><a href="#">Deep Drop Down 4</a></li>
+                  <li><a href="#">Deep Drop Down 5</a></li>
+                </ul>
+              </li>
+              <li><a href="#">Drop Down 2</a></li>
+              <li><a href="#">Drop Down 3</a></li>
+              <li><a href="#">Drop Down 4</a></li>
+            </ul>
+          </li>
+          <li><a class="nav-link scrollto" href="#contact">Contact</a></li>
+        </ul>
+        <i class="bi bi-list mobile-nav-toggle"></i>
+      </nav><!-- .navbar -->
+
+      <a href="#about" class="get-started-btn scrollto">Get Started</a>
+    </div>
+  </header><!-- End Header -->
+
+  <main id="main">
+
+    <!-- ======= Breadcrumbs ======= -->
+    <section class="breadcrumbs">
+      <div class="container">
+
+        <ol>
+          <li><a href="index.html">Home</a></li>
+          <li><a href="blog.html">Blog</a></li>
+          <li>Blog Single</li>
+        </ol>
+        <h2>Blog Blog</h2>
+
       </div>
-    </header>
-    <!-- End Header -->
-
-    <main id="main">
-      <!-- ======= Breadcrumbs ======= -->
-      <section class="breadcrumbs">
-        <div class="container">
-          <ol>
-            <li><a href="index.html">Home</a></li>
-            <li><a href="blog.html">Blog</a></li>
-            <li>Blog Single</li>
-          </ol>
-          <h2>Blog Blog</h2>
-        </div>
-      </section>
-      <!-- End Breadcrumbs -->
-
-      <!-- ======= Blog Single Section ======= -->
-      <section id="blog" class="blog">
-        <div class="container" data-aos="fade-up">
-          <div class="row">
-            <div class="col-lg-8 entries">
-              <article class="entry entry-single">
-                <div class="entry-img">
-                  <img
-                    src="assets/img/blog/blog-1.jpg"
-                    alt=""
-                    class="img-fluid"
-                  />
-                </div>
+    </section><!-- End Breadcrumbs -->
 
-                <h2 class="entry-title">
-                  <a href="blog-single.html"
-                    >Dolorum optio tempore voluptas dignissimos cumque fuga qui
-                    quibusdam quia</a
-                  >
-                </h2>
-
-                <div class="entry-meta">
-                  <ul>
-                    <li class="d-flex align-items-center">
-                      <i class="bi bi-person"></i>
-                      <a href="blog-single.html">John Doe</a>
-                    </li>
-                    <li class="d-flex align-items-center">
-                      <i class="bi bi-clock"></i>
-                      <a href="blog-single.html"
-                        ><time datetime="2020-01-01">Jan 1, 2020</time></a
-                      >
-                    </li>
-                    <li class="d-flex align-items-center">
-                      <i class="bi bi-chat-dots"></i>
-                      <a href="blog-single.html">12 Comments</a>
-                    </li>
-                  </ul>
-                </div>
+    <!-- ======= Blog Single Section ======= -->
+    <section id="blog" class="blog">
+      <div class="container" data-aos="fade-up">
 
-                <div class="entry-content">
-                  <p>
-                    Similique neque nam consequuntur ad non maxime aliquam quas.
-                    Quibusdam animi praesentium. Aliquam et laboriosam eius aut
-                    nostrum quidem aliquid dicta. Et eveniet enim. Qui velit est
-                    ea dolorem doloremque deleniti aperiam unde soluta. Est cum
-                    et quod quos aut ut et sit sunt. Voluptate porro consequatur
-                    assumenda perferendis dolore.
-                  </p>
+        <div class="row">
 
-                  <p>
-                    Sit repellat hic cupiditate hic ut nemo. Quis nihil sunt non
-                    reiciendis. Sequi in accusamus harum vel aspernatur.
-                    Excepturi numquam nihil cumque odio. Et voluptate
-                    cupiditate.
-                  </p>
+          <div class="col-lg-8 entries">
 
-                  <blockquote>
-                    <p>
-                      Et vero doloremque tempore voluptatem ratione vel aut.
-                      Deleniti sunt animi aut. Aut eos aliquam doloribus minus
-                      autem quos.
-                    </p>
-                  </blockquote>
+            <article class="entry entry-single">
 
-                  <p>
-                    Sed quo laboriosam qui architecto. Occaecati repellendus
-                    omnis dicta inventore tempore provident voluptas mollitia
-                    aliquid. Id repellendus quia. Asperiores nihil magni dicta
-                    est suscipit perspiciatis. Voluptate ex rerum assumenda
-                    dolores nihil quaerat. Dolor porro tempora et quibusdam
-                    voluptas. Beatae aut at ad qui tempore corrupti velit
-                    quisquam rerum. Omnis dolorum exercitationem harum qui qui
-                    blanditiis neque. Iusto autem itaque. Repudiandae hic quae
-                    aspernatur ea neque qui. Architecto voluptatem magni. Vel
-                    magnam quod et tempora deleniti error rerum nihil tempora.
-                  </p>
+              <div class="entry-img">
+                <img src="assets/img/blog/blog-1.jpg" alt="" class="img-fluid">
+              </div>
 
-                  <h3>Et quae iure vel ut odit alias.</h3>
-                  <p>
-                    Officiis animi maxime nulla quo et harum eum quis a. Sit hic
-                    in qui quos fugit ut rerum atque. Optio provident dolores
-                    atque voluptatem rem excepturi molestiae qui. Voluptatem
-                    laborum omnis ullam quibusdam perspiciatis nulla nostrum.
-                    Voluptatum est libero eum nesciunt aliquid qui. Quia et
-                    suscipit non sequi. Maxime sed odit. Beatae nesciunt
-                    nesciunt accusamus quia aut ratione aspernatur dolor. Sint
-                    harum eveniet dicta exercitationem minima. Exercitationem
-                    omnis asperiores natus aperiam dolor consequatur id ex sed.
-                    Quibusdam rerum dolores sint consequatur quidem ea. Beatae
-                    minima sunt libero soluta sapiente in rem assumenda. Et qui
-                    odit voluptatem. Cum quibusdam voluptatem voluptatem
-                    accusamus mollitia aut atque aut.
-                  </p>
-                  <img
-                    src="assets/img/blog/blog-inside-post.jpg"
-                    class="img-fluid"
-                    alt=""
-                  />
+              <h2 class="entry-title">
+                <a href="blog-single.html">Dolorum optio tempore voluptas dignissimos cumque fuga qui quibusdam quia</a>
+              </h2>
 
-                  <h3>Ut repellat blanditiis est dolore sunt dolorum quae.</h3>
-                  <p>
-                    Rerum ea est assumenda pariatur quasi et quam. Facilis nam
-                    porro amet nostrum. In assumenda quia quae a id praesentium.
-                    Quos deleniti libero sed occaecati aut porro autem.
-                    Consectetur sed excepturi sint non placeat quia repellat
-                    incidunt labore. Autem facilis hic dolorum dolores vel.
-                    Consectetur quasi id et optio praesentium aut asperiores
-                    eaque aut. Explicabo omnis quibusdam esse. Ex libero illum
-                    iusto totam et ut aut blanditiis. Veritatis numquam ut illum
-                    ut a quam vitae.
-                  </p>
-                  <p>
-                    Alias quia non aliquid. Eos et ea velit. Voluptatem maxime
-                    enim omnis ipsa voluptas incidunt. Nulla sit eaque mollitia
-                    nisi asperiores est veniam.
-                  </p>
-                </div>
+              <div class="entry-meta">
+                <ul>
+                  <li class="d-flex align-items-center"><i class="bi bi-person"></i> <a href="blog-single.html">John Doe</a></li>
+                  <li class="d-flex align-items-center"><i class="bi bi-clock"></i> <a href="blog-single.html"><time datetime="2020-01-01">Jan 1, 2020</time></a></li>
+                  <li class="d-flex align-items-center"><i class="bi bi-chat-dots"></i> <a href="blog-single.html">12 Comments</a></li>
+                </ul>
+              </div>
 
-                <div class="entry-footer">
-                  <i class="bi bi-folder"></i>
-                  <ul class="cats">
-                    <li><a href="#">Business</a></li>
-                  </ul>
-
-                  <i class="bi bi-tags"></i>
-                  <ul class="tags">
-                    <li><a href="#">Creative</a></li>
-                    <li><a href="#">Tips</a></li>
-                    <li><a href="#">Marketing</a></li>
-                  </ul>
-                </div>
-              </article>
-              <!-- End blog entry -->
-
-              <div class="blog-author d-flex align-items-center">
-                <img
-                  src="assets/img/blog/blog-author.jpg"
-                  class="rounded-circle float-left"
-                  alt=""
-                />
-                <div>
-                  <h4>Jane Smith</h4>
-                  <div class="social-links">
-                    <a href="https://twitters.com/#"
-                      ><i class="bi bi-twitter"></i
-                    ></a>
-                    <a href="https://facebook.com/#"
-                      ><i class="bi bi-facebook"></i
-                    ></a>
-                    <a href="https://instagram.com/#"
-                      ><i class="biu bi-instagram"></i
-                    ></a>
-                  </div>
+              <div class="entry-content">
+                <p>
+                  Similique neque nam consequuntur ad non maxime aliquam quas. Quibusdam animi praesentium. Aliquam et laboriosam eius aut nostrum quidem aliquid dicta.
+                  Et eveniet enim. Qui velit est ea dolorem doloremque deleniti aperiam unde soluta. Est cum et quod quos aut ut et sit sunt. Voluptate porro consequatur assumenda perferendis dolore.
+                </p>
+
+                <p>
+                  Sit repellat hic cupiditate hic ut nemo. Quis nihil sunt non reiciendis. Sequi in accusamus harum vel aspernatur. Excepturi numquam nihil cumque odio. Et voluptate cupiditate.
+                </p>
+
+                <blockquote>
                   <p>
-                    Itaque quidem optio quia voluptatibus dolorem dolor. Modi
-                    eum sed possimus accusantium. Quas repellat voluptatem
-                    officia numquam sint aspernatur voluptas. Esse et
-                    accusantium ut unde voluptas.
+                    Et vero doloremque tempore voluptatem ratione vel aut. Deleniti sunt animi aut. Aut eos aliquam doloribus minus autem quos.
                   </p>
+                </blockquote>
+
+                <p>
+                  Sed quo laboriosam qui architecto. Occaecati repellendus omnis dicta inventore tempore provident voluptas mollitia aliquid. Id repellendus quia. Asperiores nihil magni dicta est suscipit perspiciatis. Voluptate ex rerum assumenda dolores nihil quaerat.
+                  Dolor porro tempora et quibusdam voluptas. Beatae aut at ad qui tempore corrupti velit quisquam rerum. Omnis dolorum exercitationem harum qui qui blanditiis neque.
+                  Iusto autem itaque. Repudiandae hic quae aspernatur ea neque qui. Architecto voluptatem magni. Vel magnam quod et tempora deleniti error rerum nihil tempora.
+                </p>
+
+                <h3>Et quae iure vel ut odit alias.</h3>
+                <p>
+                  Officiis animi maxime nulla quo et harum eum quis a. Sit hic in qui quos fugit ut rerum atque. Optio provident dolores atque voluptatem rem excepturi molestiae qui. Voluptatem laborum omnis ullam quibusdam perspiciatis nulla nostrum. Voluptatum est libero eum nesciunt aliquid qui.
+                  Quia et suscipit non sequi. Maxime sed odit. Beatae nesciunt nesciunt accusamus quia aut ratione aspernatur dolor. Sint harum eveniet dicta exercitationem minima. Exercitationem omnis asperiores natus aperiam dolor consequatur id ex sed. Quibusdam rerum dolores sint consequatur quidem ea.
+                  Beatae minima sunt libero soluta sapiente in rem assumenda. Et qui odit voluptatem. Cum quibusdam voluptatem voluptatem accusamus mollitia aut atque aut.
+                </p>
+                <img src="assets/img/blog/blog-inside-post.jpg" class="img-fluid" alt="">
+
+                <h3>Ut repellat blanditiis est dolore sunt dolorum quae.</h3>
+                <p>
+                  Rerum ea est assumenda pariatur quasi et quam. Facilis nam porro amet nostrum. In assumenda quia quae a id praesentium. Quos deleniti libero sed occaecati aut porro autem. Consectetur sed excepturi sint non placeat quia repellat incidunt labore. Autem facilis hic dolorum dolores vel.
+                  Consectetur quasi id et optio praesentium aut asperiores eaque aut. Explicabo omnis quibusdam esse. Ex libero illum iusto totam et ut aut blanditiis. Veritatis numquam ut illum ut a quam vitae.
+                </p>
+                <p>
+                  Alias quia non aliquid. Eos et ea velit. Voluptatem maxime enim omnis ipsa voluptas incidunt. Nulla sit eaque mollitia nisi asperiores est veniam.
+                </p>
+
+              </div>
+
+              <div class="entry-footer">
+                <i class="bi bi-folder"></i>
+                <ul class="cats">
+                  <li><a href="#">Business</a></li>
+                </ul>
+
+                <i class="bi bi-tags"></i>
+                <ul class="tags">
+                  <li><a href="#">Creative</a></li>
+                  <li><a href="#">Tips</a></li>
+                  <li><a href="#">Marketing</a></li>
+                </ul>
+              </div>
+
+            </article><!-- End blog entry -->
+
+            <div class="blog-author d-flex align-items-center">
+              <img src="assets/img/blog/blog-author.jpg" class="rounded-circle float-left" alt="">
+              <div>
+                <h4>Jane Smith</h4>
+                <div class="social-links">
+                  <a href="https://twitters.com/#"><i class="bi bi-twitter"></i></a>
+                  <a href="https://facebook.com/#"><i class="bi bi-facebook"></i></a>
+                  <a href="https://instagram.com/#"><i class="biu bi-instagram"></i></a>
                 </div>
+                <p>
+                  Itaque quidem optio quia voluptatibus dolorem dolor. Modi eum sed possimus accusantium. Quas repellat voluptatem officia numquam sint aspernatur voluptas. Esse et accusantium ut unde voluptas.
+                </p>
               </div>
-              <!-- End blog author bio -->
+            </div><!-- End blog author bio -->
 
-              <div class="blog-comments">
-                <h4 class="comments-count">8 Comments</h4>
+            <div class="blog-comments">
 
-                <div id="comment-1" class="comment">
-                  <div class="d-flex">
-                    <div class="comment-img">
-                      <img src="assets/img/blog/comments-1.jpg" alt="" />
-                    </div>
-                    <div>
-                      <h5>
-                        <a href="">Georgia Reader</a>
-                        <a href="#" class="reply"
-                          ><i class="bi bi-reply-fill"></i> Reply</a
-                        >
-                      </h5>
-                      <time datetime="2020-01-01">01 Jan, 2020</time>
-                      <p>
-                        Et rerum totam nisi. Molestiae vel quam dolorum vel
-                        voluptatem et et. Est ad aut sapiente quis molestiae est
-                        qui cum soluta. Vero aut rerum vel. Rerum quos
-                        laboriosam placeat ex qui. Sint qui facilis et.
-                      </p>
-                    </div>
+              <h4 class="comments-count">8 Comments</h4>
+
+              <div id="comment-1" class="comment">
+                <div class="d-flex">
+                  <div class="comment-img"><img src="assets/img/blog/comments-1.jpg" alt=""></div>
+                  <div>
+                    <h5><a href="">Georgia Reader</a> <a href="#" class="reply"><i class="bi bi-reply-fill"></i> Reply</a></h5>
+                    <time datetime="2020-01-01">01 Jan, 2020</time>
+                    <p>
+                      Et rerum totam nisi. Molestiae vel quam dolorum vel voluptatem et et. Est ad aut sapiente quis molestiae est qui cum soluta.
+                      Vero aut rerum vel. Rerum quos laboriosam placeat ex qui. Sint qui facilis et.
+                    </p>
+                  </div>
+                </div>
+              </div><!-- End comment #1 -->
+
+              <div id="comment-2" class="comment">
+                <div class="d-flex">
+                  <div class="comment-img"><img src="assets/img/blog/comments-2.jpg" alt=""></div>
+                  <div>
+                    <h5><a href="">Aron Alvarado</a> <a href="#" class="reply"><i class="bi bi-reply-fill"></i> Reply</a></h5>
+                    <time datetime="2020-01-01">01 Jan, 2020</time>
+                    <p>
+                      Ipsam tempora sequi voluptatem quis sapiente non. Autem itaque eveniet saepe. Officiis illo ut beatae.
+                    </p>
                   </div>
                 </div>
-                <!-- End comment #1 -->
 
-                <div id="comment-2" class="comment">
+                <div id="comment-reply-1" class="comment comment-reply">
                   <div class="d-flex">
-                    <div class="comment-img">
-                      <img src="assets/img/blog/comments-2.jpg" alt="" />
-                    </div>
+                    <div class="comment-img"><img src="assets/img/blog/comments-3.jpg" alt=""></div>
                     <div>
-                      <h5>
-                        <a href="">Aron Alvarado</a>
-                        <a href="#" class="reply"
-                          ><i class="bi bi-reply-fill"></i> Reply</a
-                        >
-                      </h5>
+                      <h5><a href="">Lynda Small</a> <a href="#" class="reply"><i class="bi bi-reply-fill"></i> Reply</a></h5>
                       <time datetime="2020-01-01">01 Jan, 2020</time>
                       <p>
-                        Ipsam tempora sequi voluptatem quis sapiente non. Autem
-                        itaque eveniet saepe. Officiis illo ut beatae.
+                        Enim ipsa eum fugiat fuga repellat. Commodi quo quo dicta. Est ullam aspernatur ut vitae quia mollitia id non. Qui ad quas nostrum rerum sed necessitatibus aut est. Eum officiis sed repellat maxime vero nisi natus. Amet nesciunt nesciunt qui illum omnis est et dolor recusandae.
+
+                        Recusandae sit ad aut impedit et. Ipsa labore dolor impedit et natus in porro aut. Magnam qui cum. Illo similique occaecati nihil modi eligendi. Pariatur distinctio labore omnis incidunt et illum. Expedita et dignissimos distinctio laborum minima fugiat.
+
+                        Libero corporis qui. Nam illo odio beatae enim ducimus. Harum reiciendis error dolorum non autem quisquam vero rerum neque.
                       </p>
                     </div>
                   </div>
 
-                  <div id="comment-reply-1" class="comment comment-reply">
+                  <div id="comment-reply-2" class="comment comment-reply">
                     <div class="d-flex">
-                      <div class="comment-img">
-                        <img src="assets/img/blog/comments-3.jpg" alt="" />
-                      </div>
+                      <div class="comment-img"><img src="assets/img/blog/comments-4.jpg" alt=""></div>
                       <div>
-                        <h5>
-                          <a href="">Lynda Small</a>
-                          <a href="#" class="reply"
-                            ><i class="bi bi-reply-fill"></i> Reply</a
-                          >
-                        </h5>
+                        <h5><a href="">Sianna Ramsay</a> <a href="#" class="reply"><i class="bi bi-reply-fill"></i> Reply</a></h5>
                         <time datetime="2020-01-01">01 Jan, 2020</time>
                         <p>
-                          Enim ipsa eum fugiat fuga repellat. Commodi quo quo
-                          dicta. Est ullam aspernatur ut vitae quia mollitia id
-                          non. Qui ad quas nostrum rerum sed necessitatibus aut
-                          est. Eum officiis sed repellat maxime vero nisi natus.
-                          Amet nesciunt nesciunt qui illum omnis est et dolor
-                          recusandae. Recusandae sit ad aut impedit et. Ipsa
-                          labore dolor impedit et natus in porro aut. Magnam qui
-                          cum. Illo similique occaecati nihil modi eligendi.
-                          Pariatur distinctio labore omnis incidunt et illum.
-                          Expedita et dignissimos distinctio laborum minima
-                          fugiat. Libero corporis qui. Nam illo odio beatae enim
-                          ducimus. Harum reiciendis error dolorum non autem
-                          quisquam vero rerum neque.
+                          Et dignissimos impedit nulla et quo distinctio ex nemo. Omnis quia dolores cupiditate et. Ut unde qui eligendi sapiente omnis ullam. Placeat porro est commodi est officiis voluptas repellat quisquam possimus. Perferendis id consectetur necessitatibus.
                         </p>
                       </div>
                     </div>
 
-                    <div id="comment-reply-2" class="comment comment-reply">
-                      <div class="d-flex">
-                        <div class="comment-img">
-                          <img src="assets/img/blog/comments-4.jpg" alt="" />
-                        </div>
-                        <div>
-                          <h5>
-                            <a href="">Sianna Ramsay</a>
-                            <a href="#" class="reply"
-                              ><i class="bi bi-reply-fill"></i> Reply</a
-                            >
-                          </h5>
-                          <time datetime="2020-01-01">01 Jan, 2020</time>
-                          <p>
-                            Et dignissimos impedit nulla et quo distinctio ex
-                            nemo. Omnis quia dolores cupiditate et. Ut unde qui
-                            eligendi sapiente omnis ullam. Placeat porro est
-                            commodi est officiis voluptas repellat quisquam
-                            possimus. Perferendis id consectetur necessitatibus.
-                          </p>
-                        </div>
-                      </div>
-                    </div>
-                    <!-- End comment reply #2-->
+                  </div><!-- End comment reply #2-->
+
+                </div><!-- End comment reply #1-->
+
+              </div><!-- End comment #2-->
+
+              <div id="comment-3" class="comment">
+                <div class="d-flex">
+                  <div class="comment-img"><img src="assets/img/blog/comments-5.jpg" alt=""></div>
+                  <div>
+                    <h5><a href="">Nolan Davidson</a> <a href="#" class="reply"><i class="bi bi-reply-fill"></i> Reply</a></h5>
+                    <time datetime="2020-01-01">01 Jan, 2020</time>
+                    <p>
+                      Distinctio nesciunt rerum reprehenderit sed. Iste omnis eius repellendus quia nihil ut accusantium tempore. Nesciunt expedita id dolor exercitationem aspernatur aut quam ut. Voluptatem est accusamus iste at.
+                      Non aut et et esse qui sit modi neque. Exercitationem et eos aspernatur. Ea est consequuntur officia beatae ea aut eos soluta. Non qui dolorum voluptatibus et optio veniam. Quam officia sit nostrum dolorem.
+                    </p>
                   </div>
-                  <!-- End comment reply #1-->
                 </div>
-                <!-- End comment #2-->
 
-                <div id="comment-3" class="comment">
-                  <div class="d-flex">
-                    <div class="comment-img">
-                      <img src="assets/img/blog/comments-5.jpg" alt="" />
-                    </div>
-                    <div>
-                      <h5>
-                        <a href="">Nolan Davidson</a>
-                        <a href="#" class="reply"
-                          ><i class="bi bi-reply-fill"></i> Reply</a
-                        >
-                      </h5>
-                      <time datetime="2020-01-01">01 Jan, 2020</time>
-                      <p>
-                        Distinctio nesciunt rerum reprehenderit sed. Iste omnis
-                        eius repellendus quia nihil ut accusantium tempore.
-                        Nesciunt expedita id dolor exercitationem aspernatur aut
-                        quam ut. Voluptatem est accusamus iste at. Non aut et et
-                        esse qui sit modi neque. Exercitationem et eos
-                        aspernatur. Ea est consequuntur officia beatae ea aut
-                        eos soluta. Non qui dolorum voluptatibus et optio
-                        veniam. Quam officia sit nostrum dolorem.
-                      </p>
-                    </div>
+              </div><!-- End comment #3 -->
+
+              <div id="comment-4" class="comment">
+                <div class="d-flex">
+                  <div class="comment-img"><img src="assets/img/blog/comments-6.jpg" alt=""></div>
+                  <div>
+                    <h5><a href="">Kay Duggan</a> <a href="#" class="reply"><i class="bi bi-reply-fill"></i> Reply</a></h5>
+                    <time datetime="2020-01-01">01 Jan, 2020</time>
+                    <p>
+                      Dolorem atque aut. Omnis doloremque blanditiis quia eum porro quis ut velit tempore. Cumque sed quia ut maxime. Est ad aut cum. Ut exercitationem non in fugiat.
+                    </p>
                   </div>
                 </div>
-                <!-- End comment #3 -->
 
-                <div id="comment-4" class="comment">
-                  <div class="d-flex">
-                    <div class="comment-img">
-                      <img src="assets/img/blog/comments-6.jpg" alt="" />
+              </div><!-- End comment #4 -->
+
+              <div class="reply-form">
+                <h4>Leave a Reply</h4>
+                <p>Your email address will not be published. Required fields are marked * </p>
+                <form action="">
+                  <div class="row">
+                    <div class="col-md-6 form-group">
+                      <input name="name" type="text" class="form-control" placeholder="Your Name*">
                     </div>
-                    <div>
-                      <h5>
-                        <a href="">Kay Duggan</a>
-                        <a href="#" class="reply"
-                          ><i class="bi bi-reply-fill"></i> Reply</a
-                        >
-                      </h5>
-                      <time datetime="2020-01-01">01 Jan, 2020</time>
-                      <p>
-                        Dolorem atque aut. Omnis doloremque blanditiis quia eum
-                        porro quis ut velit tempore. Cumque sed quia ut maxime.
-                        Est ad aut cum. Ut exercitationem non in fugiat.
-                      </p>
+                    <div class="col-md-6 form-group">
+                      <input name="email" type="text" class="form-control" placeholder="Your Email*">
                     </div>
                   </div>
-                </div>
-                <!-- End comment #4 -->
-
-                <div class="reply-form">
-                  <h4>Leave a Reply</h4>
-                  <p>
-                    Your email address will not be published. Required fields
-                    are marked *
-                  </p>
-                  <form action="">
-                    <div class="row">
-                      <div class="col-md-6 form-group">
-                        <input
-                          name="name"
-                          type="text"
-                          class="form-control"
-                          placeholder="Your Name*"
-                        />
-                      </div>
-                      <div class="col-md-6 form-group">
-                        <input
-                          name="email"
-                          type="text"
-                          class="form-control"
-                          placeholder="Your Email*"
-                        />
-                      </div>
-                    </div>
-                    <div class="row">
-                      <div class="col form-group">
-                        <input
-                          name="website"
-                          type="text"
-                          class="form-control"
-                          placeholder="Your Website"
-                        />
-                      </div>
+                  <div class="row">
+                    <div class="col form-group">
+                      <input name="website" type="text" class="form-control" placeholder="Your Website">
                     </div>
-                    <div class="row">
-                      <div class="col form-group">
-                        <textarea
-                          name="comment"
-                          class="form-control"
-                          placeholder="Your Comment*"
-                        ></textarea>
-                      </div>
+                  </div>
+                  <div class="row">
+                    <div class="col form-group">
+                      <textarea name="comment" class="form-control" placeholder="Your Comment*"></textarea>
                     </div>
-                    <button type="submit" class="btn btn-primary">
-                      Post Comment
-                    </button>
-                  </form>
-                </div>
-              </div>
-              <!-- End blog comments -->
-            </div>
-            <!-- End blog entries list -->
-
-            <div class="col-lg-4">
-              <div class="sidebar">
-                <h3 class="sidebar-title">Search</h3>
-                <div class="sidebar-item search-form">
-                  <form action="">
-                    <input type="text" />
-                    <button type="submit"><i class="bi bi-search"></i></button>
-                  </form>
-                </div>
-                <!-- End sidebar search formn-->
-
-                <h3 class="sidebar-title">Categories</h3>
-                <div class="sidebar-item categories">
-                  <ul>
-                    <li>
-                      <a href="#">General <span>(25)</span></a>
-                    </li>
-                    <li>
-                      <a href="#">Lifestyle <span>(12)</span></a>
-                    </li>
-                    <li>
-                      <a href="#">Travel <span>(5)</span></a>
-                    </li>
-                    <li>
-                      <a href="#">Design <span>(22)</span></a>
-                    </li>
-                    <li>
-                      <a href="#">Creative <span>(8)</span></a>
-                    </li>
-                    <li>
-                      <a href="#">Educaion <span>(14)</span></a>
-                    </li>
-                  </ul>
-                </div>
-                <!-- End sidebar categories-->
-
-                <h3 class="sidebar-title">Recent Posts</h3>
-                <div class="sidebar-item recent-posts">
-                  <div class="post-item clearfix">
-                    <img src="assets/img/blog/blog-recent-1.jpg" alt="" />
-                    <h4>
-                      <a href="blog-single.html"
-                        >Nihil blanditiis at in nihil autem</a
-                      >
-                    </h4>
-                    <time datetime="2020-01-01">Jan 1, 2020</time>
                   </div>
+                  <button type="submit" class="btn btn-primary">Post Comment</button>
 
-                  <div class="post-item clearfix">
-                    <img src="assets/img/blog/blog-recent-2.jpg" alt="" />
-                    <h4>
-                      <a href="blog-single.html">Quidem autem et impedit</a>
-                    </h4>
-                    <time datetime="2020-01-01">Jan 1, 2020</time>
-                  </div>
+                </form>
 
-                  <div class="post-item clearfix">
-                    <img src="assets/img/blog/blog-recent-3.jpg" alt="" />
-                    <h4>
-                      <a href="blog-single.html"
-                        >Id quia et et ut maxime similique occaecati ut</a
-                      >
-                    </h4>
-                    <time datetime="2020-01-01">Jan 1, 2020</time>
-                  </div>
+              </div>
 
-                  <div class="post-item clearfix">
-                    <img src="assets/img/blog/blog-recent-4.jpg" alt="" />
-                    <h4>
-                      <a href="blog-single.html"
-                        >Laborum corporis quo dara net para</a
-                      >
-                    </h4>
-                    <time datetime="2020-01-01">Jan 1, 2020</time>
-                  </div>
+            </div><!-- End blog comments -->
+
+          </div><!-- End blog entries list -->
+
+          <div class="col-lg-4">
+
+            <div class="sidebar">
+
+              <h3 class="sidebar-title">Search</h3>
+              <div class="sidebar-item search-form">
+                <form action="">
+                  <input type="text">
+                  <button type="submit"><i class="bi bi-search"></i></button>
+                </form>
+              </div><!-- End sidebar search formn-->
+
+              <h3 class="sidebar-title">Categories</h3>
+              <div class="sidebar-item categories">
+                <ul>
+                  <li><a href="#">General <span>(25)</span></a></li>
+                  <li><a href="#">Lifestyle <span>(12)</span></a></li>
+                  <li><a href="#">Travel <span>(5)</span></a></li>
+                  <li><a href="#">Design <span>(22)</span></a></li>
+                  <li><a href="#">Creative <span>(8)</span></a></li>
+                  <li><a href="#">Educaion <span>(14)</span></a></li>
+                </ul>
+              </div><!-- End sidebar categories-->
+
+              <h3 class="sidebar-title">Recent Posts</h3>
+              <div class="sidebar-item recent-posts">
+                <div class="post-item clearfix">
+                  <img src="assets/img/blog/blog-recent-1.jpg" alt="">
+                  <h4><a href="blog-single.html">Nihil blanditiis at in nihil autem</a></h4>
+                  <time datetime="2020-01-01">Jan 1, 2020</time>
+                </div>
 
-                  <div class="post-item clearfix">
-                    <img src="assets/img/blog/blog-recent-5.jpg" alt="" />
-                    <h4>
-                      <a href="blog-single.html"
-                        >Et dolores corrupti quae illo quod dolor</a
-                      >
-                    </h4>
-                    <time datetime="2020-01-01">Jan 1, 2020</time>
-                  </div>
+                <div class="post-item clearfix">
+                  <img src="assets/img/blog/blog-recent-2.jpg" alt="">
+                  <h4><a href="blog-single.html">Quidem autem et impedit</a></h4>
+                  <time datetime="2020-01-01">Jan 1, 2020</time>
                 </div>
-                <!-- End sidebar recent posts-->
-
-                <h3 class="sidebar-title">Tags</h3>
-                <div class="sidebar-item tags">
-                  <ul>
-                    <li><a href="#">App</a></li>
-                    <li><a href="#">IT</a></li>
-                    <li><a href="#">Business</a></li>
-                    <li><a href="#">Mac</a></li>
-                    <li><a href="#">Design</a></li>
-                    <li><a href="#">Office</a></li>
-                    <li><a href="#">Creative</a></li>
-                    <li><a href="#">Studio</a></li>
-                    <li><a href="#">Smart</a></li>
-                    <li><a href="#">Tips</a></li>
-                    <li><a href="#">Marketing</a></li>
-                  </ul>
+
+                <div class="post-item clearfix">
+                  <img src="assets/img/blog/blog-recent-3.jpg" alt="">
+                  <h4><a href="blog-single.html">Id quia et et ut maxime similique occaecati ut</a></h4>
+                  <time datetime="2020-01-01">Jan 1, 2020</time>
                 </div>
-                <!-- End sidebar tags-->
-              </div>
-              <!-- End sidebar -->
-            </div>
-            <!-- End blog sidebar -->
-          </div>
-        </div>
-      </section>
-      <!-- End Blog Single Section -->
-    </main>
-    <!-- End #main -->
-
-    <!-- ======= Footer ======= -->
-    <footer id="footer">
-      <div class="footer-top">
-        <div class="container">
-          <div class="row">
-            <div class="col-lg-3 col-md-6 footer-contact">
-              <h3>Presento<span>.</span></h3>
-              <p>
-                A108 Adam Street <br />
-                New York, NY 535022<br />
-                United States <br /><br />
-                <strong>Phone:</strong> +1 5589 55488 55<br />
-                <strong>Email:</strong> info@example.com<br />
-              </p>
-            </div>
-
-            <div class="col-lg-2 col-md-6 footer-links">
-              <h4>Useful Links</h4>
-              <ul>
-                <li>
-                  <i class="bx bx-chevron-right"></i> <a href="#">Home</a>
-                </li>
-                <li>
-                  <i class="bx bx-chevron-right"></i> <a href="#">About us</a>
-                </li>
-                <li>
-                  <i class="bx bx-chevron-right"></i> <a href="#">Themes</a>
-                </li>
-                <li>
-                  <i class="bx bx-chevron-right"></i>
-                  <a href="#">Terms of service</a>
-                </li>
-                <li>
-                  <i class="bx bx-chevron-right"></i>
-                  <a href="#">Privacy policy</a>
-                </li>
-              </ul>
-            </div>
-
-            <div class="col-lg-3 col-md-6 footer-links">
-              <h4>Our themes</h4>
-              <ul>
-                <li>
-                  <i class="bx bx-chevron-right"></i> <a href="#">Web Design</a>
-                </li>
-                <li>
-                  <i class="bx bx-chevron-right"></i>
-                  <a href="#">Web Development</a>
-                </li>
-                <li>
-                  <i class="bx bx-chevron-right"></i>
-                  <a href="#">Product Management</a>
-                </li>
-                <li>
-                  <i class="bx bx-chevron-right"></i> <a href="#">Marketing</a>
-                </li>
-                <li>
-                  <i class="bx bx-chevron-right"></i>
-                  <a href="#">Graphic Design</a>
-                </li>
-              </ul>
-            </div>
-
-            <div class="col-lg-4 col-md-6 footer-newsletter">
-              <h4>Join Our Newsletter</h4>
-              <p>
-                Tamen quem nulla quae legam multos aute sint culpa legam noster
-                magna
-              </p>
-              <form action="" method="post">
-                <input type="email" name="email" /><input
-                  type="submit"
-                  value="Subscribe"
-                />
-              </form>
-            </div>
-          </div>
+
+                <div class="post-item clearfix">
+                  <img src="assets/img/blog/blog-recent-4.jpg" alt="">
+                  <h4><a href="blog-single.html">Laborum corporis quo dara net para</a></h4>
+                  <time datetime="2020-01-01">Jan 1, 2020</time>
+                </div>
+
+                <div class="post-item clearfix">
+                  <img src="assets/img/blog/blog-recent-5.jpg" alt="">
+                  <h4><a href="blog-single.html">Et dolores corrupti quae illo quod dolor</a></h4>
+                  <time datetime="2020-01-01">Jan 1, 2020</time>
+                </div>
+
+              </div><!-- End sidebar recent posts-->
+
+              <h3 class="sidebar-title">Tags</h3>
+              <div class="sidebar-item tags">
+                <ul>
+                  <li><a href="#">App</a></li>
+                  <li><a href="#">IT</a></li>
+                  <li><a href="#">Business</a></li>
+                  <li><a href="#">Mac</a></li>
+                  <li><a href="#">Design</a></li>
+                  <li><a href="#">Office</a></li>
+                  <li><a href="#">Creative</a></li>
+                  <li><a href="#">Studio</a></li>
+                  <li><a href="#">Smart</a></li>
+                  <li><a href="#">Tips</a></li>
+                  <li><a href="#">Marketing</a></li>
+                </ul>
+              </div><!-- End sidebar tags-->
+
+            </div><!-- End sidebar -->
+
+          </div><!-- End blog sidebar -->
+
         </div>
+
       </div>
+    </section><!-- End Blog Single Section -->
+
+  </main><!-- End #main -->
+
+  <!-- ======= Footer ======= -->
+  <footer id="footer">
+
+    <div class="footer-top">
+      <div class="container">
+        <div class="row">
+
+          <div class="col-lg-3 col-md-6 footer-contact">
+            <h3>Presento<span>.</span></h3>
+            <p>
+              A108 Adam Street <br>
+              New York, NY 535022<br>
+              United States <br><br>
+              <strong>Phone:</strong> +1 5589 55488 55<br>
+              <strong>Email:</strong> info@example.com<br>
+            </p>
+          </div>
+
+          <div class="col-lg-2 col-md-6 footer-links">
+            <h4>Useful Links</h4>
+            <ul>
+              <li><i class="bx bx-chevron-right"></i> <a href="#">Home</a></li>
+              <li><i class="bx bx-chevron-right"></i> <a href="#">About us</a></li>
+              <li><i class="bx bx-chevron-right"></i> <a href="#">Services</a></li>
+              <li><i class="bx bx-chevron-right"></i> <a href="#">Terms of service</a></li>
+              <li><i class="bx bx-chevron-right"></i> <a href="#">Privacy policy</a></li>
+            </ul>
+          </div>
 
-      <div class="container d-md-flex py-4">
-        <div class="me-md-auto text-center text-md-start">
-          <div class="copyright">
-            &copy; Copyright <strong><span>Presento</span></strong
-            >. All Rights Reserved
+          <div class="col-lg-3 col-md-6 footer-links">
+            <h4>Our Services</h4>
+            <ul>
+              <li><i class="bx bx-chevron-right"></i> <a href="#">Web Design</a></li>
+              <li><i class="bx bx-chevron-right"></i> <a href="#">Web Development</a></li>
+              <li><i class="bx bx-chevron-right"></i> <a href="#">Product Management</a></li>
+              <li><i class="bx bx-chevron-right"></i> <a href="#">Marketing</a></li>
+              <li><i class="bx bx-chevron-right"></i> <a href="#">Graphic Design</a></li>
+            </ul>
           </div>
-          <div class="credits">
-            <!-- All the links in the footer should remain intact. -->
-            <!-- You can delete the links only if you purchased the pro version. -->
-            <!-- Licensing information: https://bootstrapmade.com/license/ -->
-            <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/presento-bootstrap-corporate-template/ -->
-            Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
+
+          <div class="col-lg-4 col-md-6 footer-newsletter">
+            <h4>Join Our Newsletter</h4>
+            <p>Tamen quem nulla quae legam multos aute sint culpa legam noster magna</p>
+            <form action="" method="post">
+              <input type="email" name="email"><input type="submit" value="Subscribe">
+            </form>
           </div>
+
         </div>
-        <div class="social-links text-center text-md-end pt-3 pt-md-0">
-          <a href="#" class="twitter"><i class="bx bxl-twitter"></i></a>
-          <a href="#" class="facebook"><i class="bx bxl-facebook"></i></a>
-          <a href="#" class="instagram"><i class="bx bxl-instagram"></i></a>
-          <a href="#" class="google-plus"><i class="bx bxl-skype"></i></a>
-          <a href="#" class="linkedin"><i class="bx bxl-linkedin"></i></a>
+      </div>
+    </div>
+
+    <div class="container d-md-flex py-4">
+
+      <div class="me-md-auto text-center text-md-start">
+        <div class="copyright">
+          &copy; Copyright <strong><span>Presento</span></strong>. All Rights Reserved
         </div>
+        <div class="credits">
+          <!-- All the links in the footer should remain intact. -->
+          <!-- You can delete the links only if you purchased the pro version. -->
+          <!-- Licensing information: https://bootstrapmade.com/license/ -->
+          <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/presento-bootstrap-corporate-template/ -->
+          Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
+        </div>
+      </div>
+      <div class="social-links text-center text-md-end pt-3 pt-md-0">
+        <a href="#" class="twitter"><i class="bx bxl-twitter"></i></a>
+        <a href="#" class="facebook"><i class="bx bxl-facebook"></i></a>
+        <a href="#" class="instagram"><i class="bx bxl-instagram"></i></a>
+        <a href="#" class="google-plus"><i class="bx bxl-skype"></i></a>
+        <a href="#" class="linkedin"><i class="bx bxl-linkedin"></i></a>
       </div>
-    </footer>
-    <!-- End Footer -->
-
-    <a
-      href="#"
-      class="back-to-top d-flex align-items-center justify-content-center"
-      ><i class="bi bi-arrow-up-short"></i
-    ></a>
-
-    <!-- Vendor JS Files -->
-    <script src="assets/vendor/purecounter/purecounter.js"></script>
-    <script src="assets/vendor/aos/aos.js"></script>
-    <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
-    <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
-    <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
-    <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
-    <script src="assets/vendor/php-email-form/validate.js"></script>
-
-    <!-- Template Main JS File -->
-    <script src="js/main.js"></script>
-  </body>
-</html>
+    </div>
+  </footer><!-- End Footer -->
+
+  <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
+
+  <!-- Vendor JS Files -->
+  <script src="assets/vendor/purecounter/purecounter.js"></script>
+  <script src="assets/vendor/aos/aos.js"></script>
+  <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
+  <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
+  <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
+  <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
+  <script src="assets/vendor/php-email-form/validate.js"></script>
+
+  <!-- Template Main JS File -->
+  <script src="assets/js/main.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/blog.html b/blog.html
index 712057e..ae735a5 100644
--- a/blog.html
+++ b/blog.html
@@ -1,576 +1,413 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
-
-    <title>Blog - Presento Bootstrap Template</title>
-    <meta content="" name="description" />
-    <meta content="" name="keywords" />
-
-    <!-- Favicons -->
-    <link href="assets/img/favicon.png" rel="icon" />
-    <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon" />
-
-    <!-- Google Fonts -->
-    <link
-      href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
-      rel="stylesheet"
-    />
-
-    <!-- Vendor CSS Files -->
-    <link href="assets/vendor/aos/aos.css" rel="stylesheet" />
-    <link
-      href="assets/vendor/bootstrap/css/bootstrap.min.css"
-      rel="stylesheet"
-    />
-    <link
-      href="assets/vendor/bootstrap-icons/bootstrap-icons.css"
-      rel="stylesheet"
-    />
-    <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet" />
-    <link
-      href="assets/vendor/glightbox/css/glightbox.min.css"
-      rel="stylesheet"
-    />
-    <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet" />
-    <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet" />
-
-    <!-- Template Main CSS File -->
-    <link href="css/style.css" rel="stylesheet" />
-
-    <!-- =======================================================
+
+<head>
+  <meta charset="utf-8">
+  <meta content="width=device-width, initial-scale=1.0" name="viewport">
+
+  <title>Blog - Presento Bootstrap Template</title>
+  <meta content="" name="description">
+  <meta content="" name="keywords">
+
+  <!-- Favicons -->
+  <link href="assets/img/favicon.png" rel="icon">
+  <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
+
+  <!-- Google Fonts -->
+  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
+
+  <!-- Vendor CSS Files -->
+  <link href="assets/vendor/aos/aos.css" rel="stylesheet">
+  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
+  <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
+  <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
+  <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
+  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
+
+  <!-- Template Main CSS File -->
+  <link href="assets/css/style.css" rel="stylesheet">
+
+  <!-- =======================================================
   * Template Name: Presento - v3.7.0
   * Template URL: https://bootstrapmade.com/presento-bootstrap-corporate-template/
   * Author: BootstrapMade.com
   * License: https://bootstrapmade.com/license/
   ======================================================== -->
-  </head>
-
-  <body>
-    <!-- ======= Header ======= -->
-    <header id="header" class="fixed-top d-flex align-items-center">
-      <div class="container d-flex align-items-center">
-        <h1 class="logo me-auto">
-          <a href="index.html">Presento<span>.</span></a>
-        </h1>
-        <!-- Uncomment below if you prefer to use an image logo -->
-        <!-- <a href="index.html" class="logo me-auto"><img src="assets/img/logo.png" alt=""></a>-->
-
-        <nav id="navbar" class="navbar order-last order-lg-0">
-          <ul>
-            <li><a class="nav-link scrollto" href="#hero">Home</a></li>
-            <li><a class="nav-link scrollto" href="#about">About</a></li>
-            <li><a class="nav-link scrollto" href="#themes">Themes</a></li>
-            <li><a class="nav-link scrollto" href="#sponsors">Sponsors</a></li>
-            <li><a class="nav-link scrollto" href="#team">Team</a></li>
-            <li><a class="active" href="blog.html">Blog</a></li>
-            <li class="dropdown">
-              <a href="#"
-                ><span>Drop Down</span> <i class="bi bi-chevron-down"></i
-              ></a>
-              <ul>
-                <li><a href="#">Drop Down 1</a></li>
-                <li class="dropdown">
-                  <a href="#"
-                    ><span>Deep Drop Down</span>
-                    <i class="bi bi-chevron-right"></i
-                  ></a>
-                  <ul>
-                    <li><a href="#">Deep Drop Down 1</a></li>
-                    <li><a href="#">Deep Drop Down 2</a></li>
-                    <li><a href="#">Deep Drop Down 3</a></li>
-                    <li><a href="#">Deep Drop Down 4</a></li>
-                    <li><a href="#">Deep Drop Down 5</a></li>
-                  </ul>
-                </li>
-                <li><a href="#">Drop Down 2</a></li>
-                <li><a href="#">Drop Down 3</a></li>
-                <li><a href="#">Drop Down 4</a></li>
-              </ul>
-            </li>
-            <li><a class="nav-link scrollto" href="#contact">Contact</a></li>
-          </ul>
-          <i class="bi bi-list mobile-nav-toggle"></i>
-        </nav>
-        <!-- .navbar -->
-
-        <a href="#about" class="get-started-btn scrollto">Get Started</a>
+</head>
+
+<body>
+
+  <!-- ======= Header ======= -->
+  <header id="header" class="fixed-top d-flex align-items-center">
+    <div class="container d-flex align-items-center">
+      <h1 class="logo me-auto"><a href="index.html">Presento<span>.</span></a></h1>
+      <!-- Uncomment below if you prefer to use an image logo -->
+      <!-- <a href="index.html" class="logo me-auto"><img src="assets/img/logo.png" alt=""></a>-->
+
+      <nav id="navbar" class="navbar order-last order-lg-0">
+        <ul>
+          <li><a class="nav-link scrollto " href="#hero">Home</a></li>
+          <li><a class="nav-link scrollto" href="#about">About</a></li>
+          <li><a class="nav-link scrollto" href="#services">Services</a></li>
+          <li><a class="nav-link scrollto " href="#portfolio">Portfolio</a></li>
+          <li><a class="nav-link scrollto" href="#team">Team</a></li>
+          <li><a class="active" href="blog.html">Blog</a></li>
+          <li class="dropdown"><a href="#"><span>Drop Down</span> <i class="bi bi-chevron-down"></i></a>
+            <ul>
+              <li><a href="#">Drop Down 1</a></li>
+              <li class="dropdown"><a href="#"><span>Deep Drop Down</span> <i class="bi bi-chevron-right"></i></a>
+                <ul>
+                  <li><a href="#">Deep Drop Down 1</a></li>
+                  <li><a href="#">Deep Drop Down 2</a></li>
+                  <li><a href="#">Deep Drop Down 3</a></li>
+                  <li><a href="#">Deep Drop Down 4</a></li>
+                  <li><a href="#">Deep Drop Down 5</a></li>
+                </ul>
+              </li>
+              <li><a href="#">Drop Down 2</a></li>
+              <li><a href="#">Drop Down 3</a></li>
+              <li><a href="#">Drop Down 4</a></li>
+            </ul>
+          </li>
+          <li><a class="nav-link scrollto" href="#contact">Contact</a></li>
+        </ul>
+        <i class="bi bi-list mobile-nav-toggle"></i>
+      </nav><!-- .navbar -->
+
+      <a href="#about" class="get-started-btn scrollto">Get Started</a>
+    </div>
+  </header><!-- End Header -->
+
+  <main id="main">
+
+    <!-- ======= Breadcrumbs ======= -->
+    <section class="breadcrumbs">
+      <div class="container">
+
+        <ol>
+          <li><a href="index.html">Home</a></li>
+          <li>Blog</li>
+        </ol>
+        <h2>Blog</h2>
+
       </div>
-    </header>
-    <!-- End Header -->
-
-    <main id="main">
-      <!-- ======= Breadcrumbs ======= -->
-      <section class="breadcrumbs">
-        <div class="container">
-          <ol>
-            <li><a href="index.html">Home</a></li>
-            <li>Blog</li>
-          </ol>
-          <h2>Blog</h2>
-        </div>
-      </section>
-      <!-- End Breadcrumbs -->
-
-      <!-- ======= Blog Section ======= -->
-      <section id="blog" class="blog">
-        <div class="container" data-aos="fade-up">
-          <div class="row">
-            <div class="col-lg-8 entries">
-              <article class="entry">
-                <div class="entry-img">
-                  <img
-                    src="assets/img/blog/blog-1.jpg"
-                    alt=""
-                    class="img-fluid"
-                  />
-                </div>
+    </section><!-- End Breadcrumbs -->
 
-                <h2 class="entry-title">
-                  <a href="blog-single.html"
-                    >Dolorum optio tempore voluptas dignissimos cumque fuga qui
-                    quibusdam quia</a
-                  >
-                </h2>
-
-                <div class="entry-meta">
-                  <ul>
-                    <li class="d-flex align-items-center">
-                      <i class="bi bi-person"></i>
-                      <a href="blog-single.html">John Doe</a>
-                    </li>
-                    <li class="d-flex align-items-center">
-                      <i class="bi bi-clock"></i>
-                      <a href="blog-single.html"
-                        ><time datetime="2020-01-01">Jan 1, 2020</time></a
-                      >
-                    </li>
-                    <li class="d-flex align-items-center">
-                      <i class="bi bi-chat-dots"></i>
-                      <a href="blog-single.html">12 Comments</a>
-                    </li>
-                  </ul>
-                </div>
+    <!-- ======= Blog Section ======= -->
+    <section id="blog" class="blog">
+      <div class="container" data-aos="fade-up">
 
-                <div class="entry-content">
-                  <p>
-                    Similique neque nam consequuntur ad non maxime aliquam quas.
-                    Quibusdam animi praesentium. Aliquam et laboriosam eius aut
-                    nostrum quidem aliquid dicta. Et eveniet enim. Qui velit est
-                    ea dolorem doloremque deleniti aperiam unde soluta. Est cum
-                    et quod quos aut ut et sit sunt. Voluptate porro consequatur
-                    assumenda perferendis dolore.
-                  </p>
-                  <div class="read-more">
-                    <a href="blog-single.html">Read More</a>
-                  </div>
-                </div>
-              </article>
-              <!-- End blog entry -->
-
-              <article class="entry">
-                <div class="entry-img">
-                  <img
-                    src="assets/img/blog/blog-2.jpg"
-                    alt=""
-                    class="img-fluid"
-                  />
-                </div>
+        <div class="row">
 
-                <h2 class="entry-title">
-                  <a href="blog-single.html"
-                    >Nisi magni odit consequatur autem nulla dolorem</a
-                  >
-                </h2>
-
-                <div class="entry-meta">
-                  <ul>
-                    <li class="d-flex align-items-center">
-                      <i class="bi bi-person"></i>
-                      <a href="blog-single.html">John Doe</a>
-                    </li>
-                    <li class="d-flex align-items-center">
-                      <i class="bi bi-clock"></i>
-                      <a href="blog-single.html"
-                        ><time datetime="2020-01-01">Jan 1, 2020</time></a
-                      >
-                    </li>
-                    <li class="d-flex align-items-center">
-                      <i class="bi bi-chat-dots"></i>
-                      <a href="blog-single.html">12 Comments</a>
-                    </li>
-                  </ul>
-                </div>
+          <div class="col-lg-8 entries">
 
-                <div class="entry-content">
-                  <p>
-                    Incidunt voluptate sit temporibus aperiam. Quia vitae aut
-                    sint ullam quis illum voluptatum et. Quo libero rerum
-                    voluptatem pariatur nam. Ad impedit qui officiis est in non
-                    aliquid veniam laborum. Id ipsum qui aut. Sit aliquam et
-                    quia molestias laboriosam. Tempora nam odit omnis eum
-                    corrupti qui aliquid excepturi molestiae. Facilis et sint
-                    quos sed voluptas. Maxime sed tempore enim omnis non alias
-                    odio quos distinctio.
-                  </p>
-                  <div class="read-more">
-                    <a href="blog-single.html">Read More</a>
-                  </div>
-                </div>
-              </article>
-              <!-- End blog entry -->
-
-              <article class="entry">
-                <div class="entry-img">
-                  <img
-                    src="assets/img/blog/blog-3.jpg"
-                    alt=""
-                    class="img-fluid"
-                  />
-                </div>
+            <article class="entry">
 
-                <h2 class="entry-title">
-                  <a href="blog-single.html"
-                    >Possimus soluta ut id suscipit ea ut. In quo quia et soluta
-                    libero sit sint.</a
-                  >
-                </h2>
-
-                <div class="entry-meta">
-                  <ul>
-                    <li class="d-flex align-items-center">
-                      <i class="bi bi-person"></i>
-                      <a href="blog-single.html">John Doe</a>
-                    </li>
-                    <li class="d-flex align-items-center">
-                      <i class="bi bi-clock"></i>
-                      <a href="blog-single.html"
-                        ><time datetime="2020-01-01">Jan 1, 2020</time></a
-                      >
-                    </li>
-                    <li class="d-flex align-items-center">
-                      <i class="bi bi-chat-dots"></i>
-                      <a href="blog-single.html">12 Comments</a>
-                    </li>
-                  </ul>
-                </div>
+              <div class="entry-img">
+                <img src="assets/img/blog/blog-1.jpg" alt="" class="img-fluid">
+              </div>
 
-                <div class="entry-content">
-                  <p>
-                    Aut iste neque ut illum qui perspiciatis similique
-                    recusandae non. Fugit autem dolorem labore omnis et. Eum
-                    temporibus fugiat voluptate enim tenetur sunt omnis.
-                    Doloremque est saepe laborum aut. Ipsa cupiditate ex harum
-                    at recusandae nesciunt. Ut dolores velit.
-                  </p>
-                  <div class="read-more">
-                    <a href="blog-single.html">Read More</a>
-                  </div>
-                </div>
-              </article>
-              <!-- End blog entry -->
-
-              <article class="entry">
-                <div class="entry-img">
-                  <img
-                    src="assets/img/blog/blog-4.jpg"
-                    alt=""
-                    class="img-fluid"
-                  />
+              <h2 class="entry-title">
+                <a href="blog-single.html">Dolorum optio tempore voluptas dignissimos cumque fuga qui quibusdam quia</a>
+              </h2>
+
+              <div class="entry-meta">
+                <ul>
+                  <li class="d-flex align-items-center"><i class="bi bi-person"></i> <a href="blog-single.html">John Doe</a></li>
+                  <li class="d-flex align-items-center"><i class="bi bi-clock"></i> <a href="blog-single.html"><time datetime="2020-01-01">Jan 1, 2020</time></a></li>
+                  <li class="d-flex align-items-center"><i class="bi bi-chat-dots"></i> <a href="blog-single.html">12 Comments</a></li>
+                </ul>
+              </div>
+
+              <div class="entry-content">
+                <p>
+                  Similique neque nam consequuntur ad non maxime aliquam quas. Quibusdam animi praesentium. Aliquam et laboriosam eius aut nostrum quidem aliquid dicta.
+                  Et eveniet enim. Qui velit est ea dolorem doloremque deleniti aperiam unde soluta. Est cum et quod quos aut ut et sit sunt. Voluptate porro consequatur assumenda perferendis dolore.
+                </p>
+                <div class="read-more">
+                  <a href="blog-single.html">Read More</a>
                 </div>
+              </div>
+
+            </article><!-- End blog entry -->
+
+            <article class="entry">
+
+              <div class="entry-img">
+                <img src="assets/img/blog/blog-2.jpg" alt="" class="img-fluid">
+              </div>
+
+              <h2 class="entry-title">
+                <a href="blog-single.html">Nisi magni odit consequatur autem nulla dolorem</a>
+              </h2>
+
+              <div class="entry-meta">
+                <ul>
+                  <li class="d-flex align-items-center"><i class="bi bi-person"></i> <a href="blog-single.html">John Doe</a></li>
+                  <li class="d-flex align-items-center"><i class="bi bi-clock"></i> <a href="blog-single.html"><time datetime="2020-01-01">Jan 1, 2020</time></a></li>
+                  <li class="d-flex align-items-center"><i class="bi bi-chat-dots"></i> <a href="blog-single.html">12 Comments</a></li>
+                </ul>
+              </div>
 
-                <h2 class="entry-title">
-                  <a href="blog-single.html"
-                    >Non rem rerum nam cum quo minus. Dolor distinctio deleniti
-                    explicabo eius exercitationem.</a
-                  >
-                </h2>
-
-                <div class="entry-meta">
-                  <ul>
-                    <li class="d-flex align-items-center">
-                      <i class="bi bi-person"></i>
-                      <a href="blog-single.html">John Doe</a>
-                    </li>
-                    <li class="d-flex align-items-center">
-                      <i class="bi bi-clock"></i>
-                      <a href="blog-single.html"
-                        ><time datetime="2020-01-01">Jan 1, 2020</time></a
-                      >
-                    </li>
-                    <li class="d-flex align-items-center">
-                      <i class="bi bi-chat-dots"></i>
-                      <a href="blog-single.html">12 Comments</a>
-                    </li>
-                  </ul>
+              <div class="entry-content">
+                <p>
+                  Incidunt voluptate sit temporibus aperiam. Quia vitae aut sint ullam quis illum voluptatum et. Quo libero rerum voluptatem pariatur nam.
+                  Ad impedit qui officiis est in non aliquid veniam laborum. Id ipsum qui aut. Sit aliquam et quia molestias laboriosam. Tempora nam odit omnis eum corrupti qui aliquid excepturi molestiae. Facilis et sint quos sed voluptas. Maxime sed tempore enim omnis non alias odio quos distinctio.
+                </p>
+                <div class="read-more">
+                  <a href="blog-single.html">Read More</a>
                 </div>
+              </div>
 
-                <div class="entry-content">
-                  <p>
-                    Aspernatur rerum perferendis et sint. Voluptates cupiditate
-                    voluptas atque quae. Rem veritatis rerum enim et autem.
-                    Saepe atque cum eligendi eaque iste omnis a qui. Quia sed
-                    sunt. Ea asperiores expedita et et delectus voluptates
-                    rerum. Id saepe ut itaque quod qui voluptas nobis porro
-                    rerum. Quam quia nesciunt qui aut est non omnis. Inventore
-                    occaecati et quaerat magni itaque nam voluptas. Voluptatem
-                    ducimus sint id earum ut nesciunt sed corrupti nemo.
-                  </p>
-                  <div class="read-more">
-                    <a href="blog-single.html">Read More</a>
-                  </div>
+            </article><!-- End blog entry -->
+
+            <article class="entry">
+
+              <div class="entry-img">
+                <img src="assets/img/blog/blog-3.jpg" alt="" class="img-fluid">
+              </div>
+
+              <h2 class="entry-title">
+                <a href="blog-single.html">Possimus soluta ut id suscipit ea ut. In quo quia et soluta libero sit sint.</a>
+              </h2>
+
+              <div class="entry-meta">
+                <ul>
+                  <li class="d-flex align-items-center"><i class="bi bi-person"></i> <a href="blog-single.html">John Doe</a></li>
+                  <li class="d-flex align-items-center"><i class="bi bi-clock"></i> <a href="blog-single.html"><time datetime="2020-01-01">Jan 1, 2020</time></a></li>
+                  <li class="d-flex align-items-center"><i class="bi bi-chat-dots"></i> <a href="blog-single.html">12 Comments</a></li>
+                </ul>
+              </div>
+
+              <div class="entry-content">
+                <p>
+                  Aut iste neque ut illum qui perspiciatis similique recusandae non. Fugit autem dolorem labore omnis et. Eum temporibus fugiat voluptate enim tenetur sunt omnis.
+                  Doloremque est saepe laborum aut. Ipsa cupiditate ex harum at recusandae nesciunt. Ut dolores velit.
+                </p>
+                <div class="read-more">
+                  <a href="blog-single.html">Read More</a>
                 </div>
-              </article>
-              <!-- End blog entry -->
-
-              <div class="blog-pagination">
-                <ul class="justify-content-center">
-                  <li><a href="#">1</a></li>
-                  <li class="active"><a href="#">2</a></li>
-                  <li><a href="#">3</a></li>
+              </div>
+
+            </article><!-- End blog entry -->
+
+            <article class="entry">
+
+              <div class="entry-img">
+                <img src="assets/img/blog/blog-4.jpg" alt="" class="img-fluid">
+              </div>
+
+              <h2 class="entry-title">
+                <a href="blog-single.html">Non rem rerum nam cum quo minus. Dolor distinctio deleniti explicabo eius exercitationem.</a>
+              </h2>
+
+              <div class="entry-meta">
+                <ul>
+                  <li class="d-flex align-items-center"><i class="bi bi-person"></i> <a href="blog-single.html">John Doe</a></li>
+                  <li class="d-flex align-items-center"><i class="bi bi-clock"></i> <a href="blog-single.html"><time datetime="2020-01-01">Jan 1, 2020</time></a></li>
+                  <li class="d-flex align-items-center"><i class="bi bi-chat-dots"></i> <a href="blog-single.html">12 Comments</a></li>
                 </ul>
               </div>
+
+              <div class="entry-content">
+                <p>
+                  Aspernatur rerum perferendis et sint. Voluptates cupiditate voluptas atque quae. Rem veritatis rerum enim et autem. Saepe atque cum eligendi eaque iste omnis a qui.
+                  Quia sed sunt. Ea asperiores expedita et et delectus voluptates rerum. Id saepe ut itaque quod qui voluptas nobis porro rerum. Quam quia nesciunt qui aut est non omnis. Inventore occaecati et quaerat magni itaque nam voluptas. Voluptatem ducimus sint id earum ut nesciunt sed corrupti nemo.
+                </p>
+                <div class="read-more">
+                  <a href="blog-single.html">Read More</a>
+                </div>
+              </div>
+
+            </article><!-- End blog entry -->
+
+            <div class="blog-pagination">
+              <ul class="justify-content-center">
+                <li><a href="#">1</a></li>
+                <li class="active"><a href="#">2</a></li>
+                <li><a href="#">3</a></li>
+              </ul>
             </div>
-            <!-- End blog entries list -->
-
-            <div class="col-lg-4">
-              <div class="sidebar">
-                <h3 class="sidebar-title">Search</h3>
-                <div class="sidebar-item search-form">
-                  <form action="">
-                    <input type="text" />
-                    <button type="submit"><i class="bi bi-search"></i></button>
-                  </form>
+
+          </div><!-- End blog entries list -->
+
+          <div class="col-lg-4">
+
+            <div class="sidebar">
+
+              <h3 class="sidebar-title">Search</h3>
+              <div class="sidebar-item search-form">
+                <form action="">
+                  <input type="text">
+                  <button type="submit"><i class="bi bi-search"></i></button>
+                </form>
+              </div><!-- End sidebar search formn-->
+
+              <h3 class="sidebar-title">Categories</h3>
+              <div class="sidebar-item categories">
+                <ul>
+                  <li><a href="#">General <span>(25)</span></a></li>
+                  <li><a href="#">Lifestyle <span>(12)</span></a></li>
+                  <li><a href="#">Travel <span>(5)</span></a></li>
+                  <li><a href="#">Design <span>(22)</span></a></li>
+                  <li><a href="#">Creative <span>(8)</span></a></li>
+                  <li><a href="#">Educaion <span>(14)</span></a></li>
+                </ul>
+              </div><!-- End sidebar categories-->
+
+              <h3 class="sidebar-title">Recent Posts</h3>
+              <div class="sidebar-item recent-posts">
+                <div class="post-item clearfix">
+                  <img src="assets/img/blog/blog-recent-1.jpg" alt="">
+                  <h4><a href="blog-single.html">Nihil blanditiis at in nihil autem</a></h4>
+                  <time datetime="2020-01-01">Jan 1, 2020</time>
                 </div>
-                <!-- End sidebar search formn-->
-
-                <h3 class="sidebar-title">Categories</h3>
-                <div class="sidebar-item categories">
-                  <ul>
-                    <li>
-                      <a href="#">General <span>(25)</span></a>
-                    </li>
-                    <li>
-                      <a href="#">Lifestyle <span>(12)</span></a>
-                    </li>
-                    <li>
-                      <a href="#">Travel <span>(5)</span></a>
-                    </li>
-                    <li>
-                      <a href="#">Design <span>(22)</span></a>
-                    </li>
-                    <li>
-                      <a href="#">Creative <span>(8)</span></a>
-                    </li>
-                    <li>
-                      <a href="#">Educaion <span>(14)</span></a>
-                    </li>
-                  </ul>
+
+                <div class="post-item clearfix">
+                  <img src="assets/img/blog/blog-recent-2.jpg" alt="">
+                  <h4><a href="blog-single.html">Quidem autem et impedit</a></h4>
+                  <time datetime="2020-01-01">Jan 1, 2020</time>
                 </div>
-                <!-- End sidebar categories-->
-
-                <h3 class="sidebar-title">Recent Posts</h3>
-                <div class="sidebar-item recent-posts">
-                  <div class="post-item clearfix">
-                    <img src="assets/img/blog/blog-recent-1.jpg" alt="" />
-                    <h4>
-                      <a href="blog-single.html"
-                        >Nihil blanditiis at in nihil autem</a
-                      >
-                    </h4>
-                    <time datetime="2020-01-01">Jan 1, 2020</time>
-                  </div>
-
-                  <div class="post-item clearfix">
-                    <img src="assets/img/blog/blog-recent-2.jpg" alt="" />
-                    <h4>
-                      <a href="blog-single.html">Quidem autem et impedit</a>
-                    </h4>
-                    <time datetime="2020-01-01">Jan 1, 2020</time>
-                  </div>
-
-                  <div class="post-item clearfix">
-                    <img src="assets/img/blog/blog-recent-3.jpg" alt="" />
-                    <h4>
-                      <a href="blog-single.html"
-                        >Id quia et et ut maxime similique occaecati ut</a
-                      >
-                    </h4>
-                    <time datetime="2020-01-01">Jan 1, 2020</time>
-                  </div>
-
-                  <div class="post-item clearfix">
-                    <img src="assets/img/blog/blog-recent-4.jpg" alt="" />
-                    <h4>
-                      <a href="blog-single.html"
-                        >Laborum corporis quo dara net para</a
-                      >
-                    </h4>
-                    <time datetime="2020-01-01">Jan 1, 2020</time>
-                  </div>
-
-                  <div class="post-item clearfix">
-                    <img src="assets/img/blog/blog-recent-5.jpg" alt="" />
-                    <h4>
-                      <a href="blog-single.html"
-                        >Et dolores corrupti quae illo quod dolor</a
-                      >
-                    </h4>
-                    <time datetime="2020-01-01">Jan 1, 2020</time>
-                  </div>
+
+                <div class="post-item clearfix">
+                  <img src="assets/img/blog/blog-recent-3.jpg" alt="">
+                  <h4><a href="blog-single.html">Id quia et et ut maxime similique occaecati ut</a></h4>
+                  <time datetime="2020-01-01">Jan 1, 2020</time>
                 </div>
-                <!-- End sidebar recent posts-->
-
-                <h3 class="sidebar-title">Tags</h3>
-                <div class="sidebar-item tags">
-                  <ul>
-                    <li><a href="#">App</a></li>
-                    <li><a href="#">IT</a></li>
-                    <li><a href="#">Business</a></li>
-                    <li><a href="#">Mac</a></li>
-                    <li><a href="#">Design</a></li>
-                    <li><a href="#">Office</a></li>
-                    <li><a href="#">Creative</a></li>
-                    <li><a href="#">Studio</a></li>
-                    <li><a href="#">Smart</a></li>
-                    <li><a href="#">Tips</a></li>
-                    <li><a href="#">Marketing</a></li>
-                  </ul>
+
+                <div class="post-item clearfix">
+                  <img src="assets/img/blog/blog-recent-4.jpg" alt="">
+                  <h4><a href="blog-single.html">Laborum corporis quo dara net para</a></h4>
+                  <time datetime="2020-01-01">Jan 1, 2020</time>
                 </div>
-                <!-- End sidebar tags-->
-              </div>
-              <!-- End sidebar -->
-            </div>
-            <!-- End blog sidebar -->
-          </div>
-        </div>
-      </section>
-      <!-- End Blog Section -->
-    </main>
-    <!-- End #main -->
-
-    <!-- ======= Footer ======= -->
-    <footer id="footer">
-      <div class="footer-top">
-        <div class="container">
-          <div class="row">
-            <div class="col-lg-3 col-md-6 footer-contact">
-              <h3>Presento<span>.</span></h3>
-              <p>
-                A108 Adam Street <br />
-                New York, NY 535022<br />
-                United States <br /><br />
-                <strong>Phone:</strong> +1 5589 55488 55<br />
-                <strong>Email:</strong> info@example.com<br />
-              </p>
-            </div>
 
-            <div class="col-lg-2 col-md-6 footer-links">
-              <h4>Useful Links</h4>
-              <ul>
-                <li>
-                  <i class="bx bx-chevron-right"></i> <a href="#">Home</a>
-                </li>
-                <li>
-                  <i class="bx bx-chevron-right"></i> <a href="#">About us</a>
-                </li>
-                <li>
-                  <i class="bx bx-chevron-right"></i> <a href="#">Themes</a>
-                </li>
-                <li>
-                  <i class="bx bx-chevron-right"></i>
-                  <a href="#">Terms of service</a>
-                </li>
-                <li>
-                  <i class="bx bx-chevron-right"></i>
-                  <a href="#">Privacy policy</a>
-                </li>
-              </ul>
-            </div>
+                <div class="post-item clearfix">
+                  <img src="assets/img/blog/blog-recent-5.jpg" alt="">
+                  <h4><a href="blog-single.html">Et dolores corrupti quae illo quod dolor</a></h4>
+                  <time datetime="2020-01-01">Jan 1, 2020</time>
+                </div>
 
-            <div class="col-lg-3 col-md-6 footer-links">
-              <h4>Our Themes</h4>
-              <ul>
-                <li>
-                  <i class="bx bx-chevron-right"></i> <a href="#">Web Design</a>
-                </li>
-                <li>
-                  <i class="bx bx-chevron-right"></i>
-                  <a href="#">Web Development</a>
-                </li>
-                <li>
-                  <i class="bx bx-chevron-right"></i>
-                  <a href="#">Product Management</a>
-                </li>
-                <li>
-                  <i class="bx bx-chevron-right"></i> <a href="#">Marketing</a>
-                </li>
-                <li>
-                  <i class="bx bx-chevron-right"></i>
-                  <a href="#">Graphic Design</a>
-                </li>
-              </ul>
-            </div>
+              </div><!-- End sidebar recent posts-->
+
+              <h3 class="sidebar-title">Tags</h3>
+              <div class="sidebar-item tags">
+                <ul>
+                  <li><a href="#">App</a></li>
+                  <li><a href="#">IT</a></li>
+                  <li><a href="#">Business</a></li>
+                  <li><a href="#">Mac</a></li>
+                  <li><a href="#">Design</a></li>
+                  <li><a href="#">Office</a></li>
+                  <li><a href="#">Creative</a></li>
+                  <li><a href="#">Studio</a></li>
+                  <li><a href="#">Smart</a></li>
+                  <li><a href="#">Tips</a></li>
+                  <li><a href="#">Marketing</a></li>
+                </ul>
+              </div><!-- End sidebar tags-->
+
+            </div><!-- End sidebar -->
+
+          </div><!-- End blog sidebar -->
 
-            <div class="col-lg-4 col-md-6 footer-newsletter">
-              <h4>Join Our Newsletter</h4>
-              <p>
-                Tamen quem nulla quae legam multos aute sint culpa legam noster
-                magna
-              </p>
-              <form action="" method="post">
-                <input type="email" name="email" /><input
-                  type="submit"
-                  value="Subscribe"
-                />
-              </form>
-            </div>
-          </div>
         </div>
+
       </div>
+    </section><!-- End Blog Section -->
+
+  </main><!-- End #main -->
+
+  <!-- ======= Footer ======= -->
+  <footer id="footer">
+
+    <div class="footer-top">
+      <div class="container">
+        <div class="row">
+
+          <div class="col-lg-3 col-md-6 footer-contact">
+            <h3>Presento<span>.</span></h3>
+            <p>
+              A108 Adam Street <br>
+              New York, NY 535022<br>
+              United States <br><br>
+              <strong>Phone:</strong> +1 5589 55488 55<br>
+              <strong>Email:</strong> info@example.com<br>
+            </p>
+          </div>
 
-      <div class="container d-md-flex py-4">
-        <div class="me-md-auto text-center text-md-start">
-          <div class="copyright">
-            &copy; Copyright <strong><span>Presento</span></strong
-            >. All Rights Reserved
+          <div class="col-lg-2 col-md-6 footer-links">
+            <h4>Useful Links</h4>
+            <ul>
+              <li><i class="bx bx-chevron-right"></i> <a href="#">Home</a></li>
+              <li><i class="bx bx-chevron-right"></i> <a href="#">About us</a></li>
+              <li><i class="bx bx-chevron-right"></i> <a href="#">Services</a></li>
+              <li><i class="bx bx-chevron-right"></i> <a href="#">Terms of service</a></li>
+              <li><i class="bx bx-chevron-right"></i> <a href="#">Privacy policy</a></li>
+            </ul>
           </div>
-          <div class="credits">
-            <!-- All the links in the footer should remain intact. -->
-            <!-- You can delete the links only if you purchased the pro version. -->
-            <!-- Licensing information: https://bootstrapmade.com/license/ -->
-            <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/presento-bootstrap-corporate-template/ -->
-            Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
+
+          <div class="col-lg-3 col-md-6 footer-links">
+            <h4>Our Services</h4>
+            <ul>
+              <li><i class="bx bx-chevron-right"></i> <a href="#">Web Design</a></li>
+              <li><i class="bx bx-chevron-right"></i> <a href="#">Web Development</a></li>
+              <li><i class="bx bx-chevron-right"></i> <a href="#">Product Management</a></li>
+              <li><i class="bx bx-chevron-right"></i> <a href="#">Marketing</a></li>
+              <li><i class="bx bx-chevron-right"></i> <a href="#">Graphic Design</a></li>
+            </ul>
+          </div>
+
+          <div class="col-lg-4 col-md-6 footer-newsletter">
+            <h4>Join Our Newsletter</h4>
+            <p>Tamen quem nulla quae legam multos aute sint culpa legam noster magna</p>
+            <form action="" method="post">
+              <input type="email" name="email"><input type="submit" value="Subscribe">
+            </form>
           </div>
+
+        </div>
+      </div>
+    </div>
+
+    <div class="container d-md-flex py-4">
+
+      <div class="me-md-auto text-center text-md-start">
+        <div class="copyright">
+          &copy; Copyright <strong><span>Presento</span></strong>. All Rights Reserved
         </div>
-        <div class="social-links text-center text-md-end pt-3 pt-md-0">
-          <a href="#" class="twitter"><i class="bx bxl-twitter"></i></a>
-          <a href="#" class="facebook"><i class="bx bxl-facebook"></i></a>
-          <a href="#" class="instagram"><i class="bx bxl-instagram"></i></a>
-          <a href="#" class="google-plus"><i class="bx bxl-skype"></i></a>
-          <a href="#" class="linkedin"><i class="bx bxl-linkedin"></i></a>
+        <div class="credits">
+          <!-- All the links in the footer should remain intact. -->
+          <!-- You can delete the links only if you purchased the pro version. -->
+          <!-- Licensing information: https://bootstrapmade.com/license/ -->
+          <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/presento-bootstrap-corporate-template/ -->
+          Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
         </div>
       </div>
-    </footer>
-    <!-- End Footer -->
-
-    <a
-      href="#"
-      class="back-to-top d-flex align-items-center justify-content-center"
-      ><i class="bi bi-arrow-up-short"></i
-    ></a>
-
-    <!-- Vendor JS Files -->
-    <script src="assets/vendor/purecounter/purecounter.js"></script>
-    <script src="assets/vendor/aos/aos.js"></script>
-    <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
-    <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
-    <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
-    <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
-    <script src="assets/vendor/php-email-form/validate.js"></script>
-
-    <!-- Template Main JS File -->
-    <script src="js/main.js"></script>
-  </body>
-</html>
+      <div class="social-links text-center text-md-end pt-3 pt-md-0">
+        <a href="#" class="twitter"><i class="bx bxl-twitter"></i></a>
+        <a href="#" class="facebook"><i class="bx bxl-facebook"></i></a>
+        <a href="#" class="instagram"><i class="bx bxl-instagram"></i></a>
+        <a href="#" class="google-plus"><i class="bx bxl-skype"></i></a>
+        <a href="#" class="linkedin"><i class="bx bxl-linkedin"></i></a>
+      </div>
+    </div>
+  </footer><!-- End Footer -->
+
+  <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
+
+  <!-- Vendor JS Files -->
+  <script src="assets/vendor/purecounter/purecounter.js"></script>
+  <script src="assets/vendor/aos/aos.js"></script>
+  <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
+  <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
+  <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
+  <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
+  <script src="assets/vendor/php-email-form/validate.js"></script>
+
+  <!-- Template Main JS File -->
+  <script src="assets/js/main.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/changelog.txt b/changelog.txt
index 10c2c42..748c370 100644
--- a/changelog.txt
+++ b/changelog.txt
@@ -7,7 +7,7 @@ Version: 3.6.0
   - Updated all outdated third party vendor libraries to their latest versions
 
 Version: 3.5.0
-  - Fixed slider issue in testimonials and sponsors details sections
+  - Fixed slider issue in testimonials and portfolio details sections
 
 Version: 3.4.0
   - Updated Bootstrap to version 5.1.1
@@ -35,7 +35,7 @@ Version: 3.0.1
 Version: 3.0.0
   - The template does not require jQuery anymore
   - Removed jQuery and all the jQuery plugins
-  - The js/main.js was rewritten completely with vanilla Javascript. No more jQuery code
+  - The assets/js/main.js was rewritten completely with vanilla Javascript. No more jQuery code
   - Restructured the dev version for better development experience
   - Updated the PHP Email Form to V3.0 - No jQuery dependency. Added attachment support
 
diff --git a/community-partners.html b/community-partners.html
index 2c8bb17..4206c95 100644
--- a/community-partners.html
+++ b/community-partners.html
@@ -30,7 +30,7 @@
   <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet" />
 
   <!-- Template Main CSS File -->
-  <link href="css/style.css" rel="stylesheet" />
+  <link href="assets/css/style.css" rel="stylesheet" />
 
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-SBJFT4043Y"></script>
@@ -59,11 +59,11 @@ <h1 class="logo me-auto">
         <ul>
           <li><a class="nav-link scrollto active" href="index.html">Home</a></li>
           <li><a class="nav-link scrollto" href="index.html#about">About</a></li>
-          <li><a class="nav-link scrollto" href="index.html#themes">Themes</a></li>
+          <li><a class="nav-link scrollto" href="index.html#services">Themes</a></li>
           <li>
             <a class="nav-link scrollto" href="index.html#timeline">Timeline</a>
           </li>
-          <li><a class="nav-link scrollto" href="index.html#sponsors">Sponsors</a></li>
+          <li><a class="nav-link scrollto" href="index.html#portfolio">Sponsors</a></li>
           <li><a class="nav-link scrollto " href="index.html#prizes">Prizes</a></li>
           <li><a class="nav-link scrollto" href="team.html">Team</a></li>
           <li><a class="nav-link scrollto" href="events.html">Events</a></li>
@@ -252,7 +252,7 @@ <h4>Useful Links</h4>
             <ul>
               <li><i class="bx bx-chevron-right"></i> <a href="index.html">Home</a></li>
               <li><i class="bx bx-chevron-right"></i> <a href="index.html#about">About us</a></li>
-              <li><i class="bx bx-chevron-right"></i> <a href="index.html#themes">Themes</a></li>
+              <li><i class="bx bx-chevron-right"></i> <a href="index.html#services">Themes</a></li>
               <li><i class="bx bx-chevron-right"></i> <a href="index.html#timeline">Timeline</a></li>
               <li><i class="bx bx-chevron-right"></i> <a href="team.html">Our Team</a></li>
             </ul>
@@ -329,7 +329,7 @@ <h1 class="logo me-auto"><a href="index.html">Hack<span>4</span>Bengal</a></h1>
   <script src="assets/vendor/php-email-form/validate.js"></script>
 
   <!-- Template Main JS File -->
-  <script src="js/main.js"></script>
+  <script src="assets/js/main.js"></script>
   <a id="mlh-trust-badge" style="display:block;max-width:100px;min-width:60px;position:fixed;right:50px;top:0;width:10%;z-index:10000" href="https://mlh.io/seasons/2022/events?utm_source=apac-hackathon&utm_medium=TrustBadge&utm_campaign=2022-season&utm_content=red" target="_blank"><img src="https://s3.amazonaws.com/logged-assets/trust-badge/2022/mlh-trust-badge-2022-red.svg" alt="Major League Hacking 2022 Hackathon Season" style="width:100%"></a>
   <script defer async src="https://apply.devfolio.co/v2/sdk.js"></script>
 </body>
diff --git a/events.html b/events.html
index 76856d6..a075ca0 100644
--- a/events.html
+++ b/events.html
@@ -29,7 +29,7 @@
   <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet" />
 
   <!-- Template Main CSS File -->
-  <link href="css/style.css" rel="stylesheet" />
+  <link href="assets/css/style.css" rel="stylesheet" />
 
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-SBJFT4043Y"></script>
@@ -48,6 +48,33 @@
   <!-- ======= Header ======= -->
   <header id="header" class="fixed-top d-flex align-items-center">
     <div class="container d-flex align-items-center">
+
+      <h1 class="logo me-auto"><a href="index.html">Hack<span>4</span>Bengal</a></h1>
+      <!--Nav Bar Fixing -->  
+      <nav id="navbar" class="navbar order-last order-lg-0 mlh">
+        <div class="container">
+          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02"
+            aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+          </button>
+          <li style = "list-style-type: none;"><a class="nav-link  " href="./index.html#hero">Home</a></li>
+          <li style = "list-style-type: none;"><a class="nav-link " href="./index.html#about">About</a></li>
+          <li style = "list-style-type: none;"><a class="nav-link " href="./index.html#timeline">Timeline</a></li>
+          <li style = "list-style-type: none;"><a class="nav-link " href="./index.html#themes">Themes</a></li>
+          <li style = "list-style-type: none;"><a class="nav-link " href="./index.html#sponsors">Sponsors</a></li>
+          <li style = "list-style-type: none;"><a class="nav-link " href="./index.html#prizes">Prizes</a></li>
+          <li style = "list-style-type: none;"><a class="nav-link " href="team.html">Team</a></li>
+          <li style = "list-style-type: none;"><a class="nav-link active" href="events.html">Events</a></li>
+          
+            </ul>
+          </div>
+        </div>
+        <i class="bi bi-list mobile-nav-toggle mlh-button"></i>
+      </nav>    
+     </div>
+     <!-- Nav Bar Fixed --> 
+     
+  </header><!-- End Header -->
       <h1 class="logo me-auto">
         <a href="index.html">Hack<span>4</span>Bengal</a>
       </h1>
@@ -95,6 +122,7 @@ <h1 class="logo me-auto">
       </a> -->
     </div>
   </header>
+
   <!-- End Header -->
 
   <!-- STICKY BUTTON -->
@@ -250,7 +278,7 @@ <h4>Useful Links</h4>
         <ul>
           <li><i class="bx bx-chevron-right"></i> <a href="index.html">Home</a></li>
           <li><i class="bx bx-chevron-right"></i> <a href="index.html#about">About us</a></li>
-          <li><i class="bx bx-chevron-right"></i> <a href="index.html#themes">Themes</a></li>
+          <li><i class="bx bx-chevron-right"></i> <a href="index.html#services">Themes</a></li>
           <li><i class="bx bx-chevron-right"></i> <a href="index.html#timeline">Timeline</a></li>
           <li><i class="bx bx-chevron-right"></i> <a href="team.html">Our Team</a></li>
         </ul>
@@ -327,8 +355,13 @@ <h1 class="logo me-auto"><a href="index.html">Hack<span>4</span>Bengal</a></h1>
 <script src="assets/vendor/php-email-form/validate.js"></script>
 
 <!-- Template Main JS File -->
+
+<script src="assets/js/main.js"></script>
+<a id="mlh-trust-badge" style="display:block;max-width:100px;min-width:60px;position:fixed;right:50px;top:0;width:10%;z-index:10000" href="https://mlh.io/seasons/2022/events?utm_source=apac-hackathon&utm_medium=TrustBadge&utm_campaign=2022-season&utm_content=red" target="_blank"><img src="https://s3.amazonaws.com/logged-assets/trust-badge/2022/mlh-trust-badge-2022-red.svg" alt="Major League Hacking 2022 Hackathon Season" style="width:100%"></a>
+
 <script src="js/main.js"></script>
 <a id="mlh-trust-badge" href="https://mlh.io/seasons/2022/events?utm_source=apac-hackathon&utm_medium=TrustBadge&utm_campaign=2022-season&utm_content=red" target="_blank"><img src="https://s3.amazonaws.com/logged-assets/trust-badge/2022/mlh-trust-badge-2022-red.svg" alt="Major League Hacking 2022 Hackathon Season" style="width:100%"></a>
+
 <script defer async src="https://apply.devfolio.co/v2/sdk.js"></script>
 </body>
 
diff --git a/index.html b/index.html
index c853253..767000d 100644
--- a/index.html
+++ b/index.html
@@ -1,133 +1,97 @@
 <!DOCTYPE html>
 <html lang="en">
+
   <head>
-    <meta charset="utf-8" />
-    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
+    <meta charset="utf-8">
+    <meta content="width=device-width, initial-scale=1.0" name="viewport">
     <title>Hack4Bengal</title>
     <meta
       content="Hack4Bengal began with the idea of bringing together the best of the best in the field of technology and provide a platform for the students to showcase their skills and work."
-      name="description"
-    />
-    <meta content="hack4bengal" name="keywords" />
+      name="description">
+    <meta content="hack4bengal" name="keywords">
 
     <!-- Favicons -->
-    <link href="assets/img/favicon.ico" rel="icon" />
-    <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon" />
+    <link href="assets/img/favicon.ico" rel="icon">
+    <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
 
     <!-- Google Fonts -->
     <link
       href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
-      rel="stylesheet"
-    />
+      rel="stylesheet">
 
     <!-- Vendor CSS Files -->
-    <link href="assets/vendor/aos/aos.css" rel="stylesheet" />
-    <link
-      href="assets/vendor/bootstrap/css/bootstrap.min.css"
-      rel="stylesheet"
-    />
-    <link
-      href="assets/vendor/bootstrap-icons/bootstrap-icons.css"
-      rel="stylesheet"
-    />
-    <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet" />
-    <link
-      href="assets/vendor/glightbox/css/glightbox.min.css"
-      rel="stylesheet"
-    />
-    <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet" />
-    <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet" />
+    <link href="assets/vendor/aos/aos.css" rel="stylesheet">
+    <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+    <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
+    <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
+    <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
+    <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
+    <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
 
     <!-- Template Main CSS File -->
-    <link href="css/style.css" rel="stylesheet" />
+    <link href="assets/css/style.css" rel="stylesheet">
 
     <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script
-      async
-      src="https://www.googletagmanager.com/gtag/js?id=G-SBJFT4043Y"
-    ></script>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-SBJFT4043Y"></script>
     <script>
       window.dataLayer = window.dataLayer || [];
-      function gtag() {
-        dataLayer.push(arguments);
-      }
-      gtag("js", new Date());
+      function gtag() { dataLayer.push(arguments); }
+      gtag('js', new Date());
 
-      gtag("config", "G-SBJFT4043Y");
+      gtag('config', 'G-SBJFT4043Y');
     </script>
+
   </head>
 
   <body>
+
     <!-- ======= Header ======= -->
     <header id="header" class="fixed-top d-flex align-items-center">
       <div class="container d-flex align-items-center">
-        <h1 class="logo me-auto">
-          <a href="index.html">Hack<span>4</span>Bengal</a>
-        </h1>
+        <h1 class="logo me-auto"><a href="index.html">Hack<span>4</span>Bengal</a></h1>
+        <!--Nav Bar Fixing -->  
         <nav id="navbar" class="navbar order-last order-lg-0 mlh">
-          <ul>
-            <li><a class="nav-link scrollto active" href="#hero">Home</a></li>
-            <li><a class="nav-link scrollto" href="#about">About</a></li>
-            <li><a class="nav-link scrollto" href="#timeline">Timeline</a></li>
-            <li><a class="nav-link scrollto" href="#themes">Themes</a></li>
-            <li><a class="nav-link scrollto" href="#sponsors">Sponsors</a></li>
-            <li><a class="nav-link scrollto" href="#prizes">Prizes</a></li>
-            <li><a class="nav-link scrollto" href="team.html">Team</a></li>
-            <li><a class="nav-link scrollto" href="events.html">Events</a></li>
-            <li>
-              <!-- <div class="btn-get-started scrollto py-2 col-lg-6 col-md-12 col-sm-12">
-              <a href="https://hack4bengal.devfolio.co/submissions" target="_blank"
-                style="font-size:20px; color:#fff; margin:10px; background:#810202; white-space:nowrap; height: 44px; width:200px; max-width: 312px; text-align: center;"
-                class="btn-lg register-btn discord"><i class='bi bi-file-arrow-down-fill' style="font-style: normal;">&nbsp View Submissions</i></a>
-            </div>    -->
-            </li>
-          </ul>
+          <div class="container">
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02"
+              aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-icon"></span>
+            </button>
+            <li style = "list-style-type: none;"><a class="nav-link" href="#hero">Home</a></li>
+            <li style = "list-style-type: none;"><a class="nav-link" href="#about">About</a></li>
+            <li style = "list-style-type: none;"><a class="nav-link" href="#timeline">Timeline</a></li>
+            <li style = "list-style-type: none;"><a class="nav-link" href="#themes">Themes</a></li>
+            <li style = "list-style-type: none;"><a class="nav-link" href="#sponsors">Sponsors</a></li>
+            <li style = "list-style-type: none;"><a class="nav-link" href="#prizes">Prizes</a></li>
+            <li style = "list-style-type: none;"><a class="nav-link" href="./team.html">Team</a></li>
+            <li style = "list-style-type: none;"><a class="nav-link" href="./events.html">Events</a></li>
+            
+              </ul>
+            </div>
+          </div>
           <i class="bi bi-list mobile-nav-toggle mlh-button"></i>
-        </nav>
-      </div>
-    </header>
-    <!-- End Header -->
+        </nav>    
+       </div>
+       <!-- Nav Bar Fixed --> 
+    </header><!-- End Header -->
+
     <!-- ======= Hero Section ======= -->
     <section id="hero" class="d-flex align-items-center">
+
       <div class="container" data-aos="zoom-out" data-aos-delay="100">
         <div class="row">
           <div class="col-xl-6 fix">
-            <div
-              class="btn-join-discord scrollto py-2 col-lg-6 col-md-12 col-sm-12 marfix"
-            >
-              <a
-                href="https://discord.gg/HaRVXjm5FP"
-                target="_blank"
-                style="
-                  height: 44px;
-                  width: 312px;
-                  max-width: 312px;
-                  text-align: center;
-                "
-                class="btn-lg register-btn discord"
-                ><i class="bi bi-discord" style="font-style: normal"
-                  >&nbsp Join Discord</i
-                ></a
-              >
-            </div>
-
-            <div
-              class="btn-join-discord scrollto py-2 col-lg-6 col-md-12 col-sm-12 fixx"
-            >
-              <a
-                href="https://forms.gle/5uZZn5KwcNsyFxz47"
-                target="_blank"
-                style="
-                  height: 44px;
-                  width: 312px;
-                  max-width: 312px;
-                  text-align: center;
-                "
-                class="btn-lg register-btn discord"
-                ><i class="bi bi-code" style="font-style: normal"
-                  >&nbsp; Pre-Register</i
-                ></a
-              >
+            <div class="btn-join-discord scrollto py-2 col-lg-6 col-md-12 col-sm-12 marfix">
+              <a href="https://discord.gg/HaRVXjm5FP" target="_blank"
+                style="height: 44px;width: 312px; max-width: 312px; text-align: center;"
+                class="btn-lg register-btn discord"><i class="bi bi-discord" style="font-style: normal;">&nbsp Join
+                  Discord</i></a>
+            </div>
+
+            <div class="btn-join-discord scrollto py-2 col-lg-6 col-md-12 col-sm-12 fixx">
+              <a href="https://forms.gle/5uZZn5KwcNsyFxz47" target="_blank"
+                style="height: 44px;width: 312px; max-width: 312px; text-align: center;"
+                class="btn-lg register-btn discord"><i class="bi bi-code" style="font-style: normal;">&nbsp
+                  Pre-Register</i></a>
             </div>
           </div>
           <!-- </div class="row">
@@ -138,51 +102,82 @@ <h1 class="logo me-auto">
     </div>   -->
         </div>
       </div>
+
     </section>
     <!-- End Hero -->
-
+    
     <main id="main">
-      <section
-        id="testimonials"
-        class="testimonials"
-        style="padding-bottom: 0px"
-      >
+      <section id="testimonials" class="testimonials" style="padding-bottom: 0px;">
         <div class="container" data-aos="fade-up">
           <div class="section-title" style="padding: 0px">
             <h2 style="color: red">Next Season Starts In</h2>
             <h2 id="counterTimer"></h2>
+            <style>
+              #counterTimer {
+                font-size: 120px;
+                font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
+              }
+
+              @media (max-width: 768px) {
+                #counterTimer {
+                  font-size: 30px;
+                  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
+                }
+              }
+
+              @media (max-height: 500px) {
+                #counterTimer {
+                  font-size: 30px;
+                  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
+                }
+              }
+            </style>
+            <script>
+              // Set the date we're counting down to
+              var countDownDate = new Date("Apr 8, 2023 22:00:00").getTime();
+              // Update the count down every 1 second
+              var x = setInterval(function () {
+                // Get today's date and time
+                var now = new Date().getTime();
+                // Find the distance between now and the count down date
+                var distance = countDownDate - now;
+                // Time calculations for days, hours, minutes and seconds
+                var days = Math.floor(distance / (1000 * 60 * 60 * 24));
+                var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+                var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
+                var seconds = Math.floor((distance % (1000 * 60)) / 1000);
+                // Output the result in an element with id="demo"
+                document.getElementById("counterTimer").innerHTML = days + "d " + hours + "h "
+                  + minutes + "m " + seconds + "s ";
+                // If the count down is over, write some text 
+                if (distance < 0) {
+                  clearInterval(x);
+                  document.getElementById("demo").innerHTML = "EXPIRED";
+                }
+              }, 1000);
+            </script>
           </div>
         </div>
-      </section>
-      <!-- End Testimonials Section -->
+      </section><!-- End Testimonials Section -->
       <!-- ======= Team Section ======= -->
       <section id="judges" class="team section-bg">
         <div class="container" data-aos="fade-up">
+
           <div class="section-title">
             <h2>Winners</h2>
-            <p>
-              H4B is proud to annouce its winners and their beautiful projects.
-            </p>
+            <p>H4B is proud to annouce its winners and their beautiful projects.</p>
           </div>
 
-          <div style="justify-content: center; align-items: center" class="row">
+          <div style="justify-content: center; align-items: center;" class="row">
+
             <div class="col-lg-4 col-md-6 d-flex align-items-stretch">
               <div class="member" data-aos="fade-up" data-aos-delay="100">
                 <div class="member-img">
-                  <img
-                    src="assets/img/winners/1.png"
-                    class="img-fluid"
-                    alt="Manvi Singhwal"
-                  />
+                  <img src="assets/img/winners/1.png" class="img-fluid" alt="Manvi Singhwal">
                   <div class="social">
-                    <a
-                      href="https://hack4bengal.tech/assets/img/winners/1.png"
-                      target="_blank"
-                      ><i class="bi bi-eyeglasses"></i
-                    ></a>
-                    <a href="https://abjcodes.github.io/Sessions-Web/"
-                      ><i class="bi bi-view-stacked"></i
-                    ></a>
+                    <a href="https://hack4bengal.tech/assets/img/winners/1.png" target="_blank"><i
+                        class="bi bi-eyeglasses"></i></a>
+                    <a href="https://abjcodes.github.io/Sessions-Web/"><i class="bi bi-view-stacked"></i></a>
                   </div>
                 </div>
                 <div class="member-info">
@@ -195,20 +190,11 @@ <h4>Team Code-X-Alpha</h4>
             <div class="col-lg-4 col-md-6 d-flex align-items-stretch">
               <div class="member" data-aos="fade-up" data-aos-delay="200">
                 <div class="member-img">
-                  <img
-                    src="assets/img/winners/2.png"
-                    class="img-fluid"
-                    alt="Saumya Singh"
-                  />
+                  <img src="assets/img/winners/2.png" class="img-fluid" alt="Saumya Singh">
                   <div class="social">
-                    <a
-                      href="https://hack4bengal.tech/assets/img/winners/2.png"
-                      target="_blank"
-                      ><i class="bi bi-eyeglasses"></i
-                    ></a>
-                    <a href="https://github.com/niksm7/Yodha" target="_blank"
-                      ><i class="bi bi-view-stacked"></i
-                    ></a>
+                    <a href="https://hack4bengal.tech/assets/img/winners/2.png" target="_blank"><i
+                        class="bi bi-eyeglasses"></i></a>
+                    <a href="https://github.com/niksm7/Yodha" target="_blank"><i class="bi bi-view-stacked"></i></a>
                   </div>
                 </div>
                 <div class="member-info">
@@ -221,26 +207,17 @@ <h4>Team Access Denied</h4>
             <div class="col-lg-4 col-md-6 d-flex align-items-stretch">
               <div class="member" data-aos="fade-up" data-aos-delay="300">
                 <div class="member-img">
-                  <img
-                    src="assets/img/winners/3.png"
-                    class="img-fluid"
-                    alt="Vinit Shahdeo"
-                  />
+                  <img src="assets/img/winners/3.png" class="img-fluid" alt="Vinit Shahdeo">
                   <div class="social">
-                    <a
-                      href="https://hack4bengal.tech/assets/img/winners/3.png"
-                      target="_blank"
-                      ><i class="bi bi-eyeglasses"></i
-                    ></a>
-                    <a
-                      href="https://github.com/SWASTIKA28/glovia"
-                      target="_blank"
-                      ><i class="bi bi-view-stacked"></i
-                    ></a>
+                    <a href="https://hack4bengal.tech/assets/img/winners/3.png" target="_blank"><i
+                        class="bi bi-eyeglasses"></i></a>
+                    <a href="https://github.com/SWASTIKA28/glovia" target="_blank"><i
+                        class="bi bi-view-stacked"></i></a>
                   </div>
                 </div>
                 <div class="member-info">
-                  <h4>Team Venom 2.0</h4>
+                  <h4>
+                    Team Venom 2.0</h4>
                   <span>Second Runner Up</span>
                 </div>
               </div>
@@ -248,20 +225,11 @@ <h4>Team Venom 2.0</h4>
             <div class="col-lg-4 col-md-6 d-flex align-items-stretch">
               <div class="member" data-aos="fade-up" data-aos-delay="300">
                 <div class="member-img">
-                  <img
-                    src="assets/img/winners/bb.png"
-                    class="img-fluid"
-                    alt="Jaydip Dey"
-                  />
+                  <img src="assets/img/winners/bb.png" class="img-fluid" alt="Jaydip Dey">
                   <div class="social">
-                    <a
-                      href="https://hack4bengal.tech/assets/img/winners/bb.png"
-                      target="_blank"
-                      ><i class="bi bi-eyeglasses"></i
-                    ></a>
-                    <a href="https://medieasy.netlify.app/" target="_blank"
-                      ><i class="bi bi-view-stacked"></i
-                    ></a>
+                    <a href="https://hack4bengal.tech/assets/img/winners/bb.png" target="_blank"><i
+                        class="bi bi-eyeglasses"></i></a>
+                    <a href="https://medieasy.netlify.app/" target="_blank"><i class="bi bi-view-stacked"></i></a>
                   </div>
                 </div>
                 <div class="member-info">
@@ -273,22 +241,12 @@ <h4>Team CodeStars</h4>
             <div class="col-lg-4 col-md-6 d-flex align-items-stretch">
               <div class="member" data-aos="fade-up" data-aos-delay="300">
                 <div class="member-img">
-                  <img
-                    src="assets/img/winners/bg.png"
-                    class="img-fluid"
-                    alt="Jaydip Dey"
-                  />
+                  <img src="assets/img/winners/bg.png" class="img-fluid" alt="Jaydip Dey">
                   <div class="social">
-                    <a
-                      href="https://hack4bengal.tech/assets/img/winners/bg.png"
-                      target="_blank"
-                      ><i class="bi bi-eyeglasses"></i
-                    ></a>
-                    <a
-                      href="https://github.com/Anjali-Kedia/Nearby-Waste-Collectors"
-                      target="_blank"
-                      ><i class="bi bi-view-stacked"></i
-                    ></a>
+                    <a href="https://hack4bengal.tech/assets/img/winners/bg.png" target="_blank"><i
+                        class="bi bi-eyeglasses"></i></a>
+                    <a href="https://github.com/Anjali-Kedia/Nearby-Waste-Collectors" target="_blank"><i
+                        class="bi bi-view-stacked"></i></a>
                   </div>
                 </div>
                 <div class="member-info">
@@ -300,17 +258,11 @@ <h4>Team Jen-Z</h4>
             <div class="col-lg-4 col-md-6 d-flex align-items-stretch">
               <div class="member" data-aos="fade-up" data-aos-delay="300">
                 <div class="member-img">
-                  <img
-                    src="assets/img/winners/6to20.png"
-                    class="img-fluid"
-                    alt="Jaydip Dey"
-                  />
+                  <img src="assets/img/winners/6to20.png" class="img-fluid" alt="Jaydip Dey">
                   <div class="social">
-                    <a
-                      href="https://hack4bengal.tech/assets/img/winners/6to20.png"
-                      target="_blank"
-                      ><i class="bi bi-eyeglasses"></i
-                    ></a>
+                    <a href="https://hack4bengal.tech/assets/img/winners/6to20.png" target="_blank"><i
+                        class="bi bi-eyeglasses"></i></a>
+
                   </div>
                 </div>
                 <div class="member-info">
@@ -336,24 +288,23 @@ <h2><button type="button" class="sponsor-us"><a href="team.html">Know More</a></
             </style>
             
           </div> -->
+
           </div>
+
         </div>
-      </section>
-      <!-- End Team Section -->
-      <!-- ======= Themes Section ======= -->
+      </section><!-- End Team Section -->
+      <!-- ======= Services Section ======= -->
       <section id="counts" class="counts">
+
         <div class="container" data-aos="fade-up">
+
           <div class="row">
+
             <div class="col-lg-3 col-md-6">
               <div class="count-box">
                 <i class="bi bi-emoji-smile"></i>
-                <span
-                  data-purecounter-start="0"
-                  data-purecounter-end="1500"
-                  data-purecounter-duration="1"
-                  data-purecounter-once="false"
-                  class="purecounter"
-                ></span>
+                <span data-purecounter-start="0" data-purecounter-end="1500" data-purecounter-duration="1"
+                  data-purecounter-once="false" class="purecounter"></span>
                 <p>Enthusiast Members</p>
               </div>
             </div>
@@ -361,13 +312,8 @@ <h2><button type="button" class="sponsor-us"><a href="team.html">Know More</a></
             <div class="col-lg-3 col-md-6 mt-5 mt-md-0">
               <div class="count-box">
                 <i class="bi bi-journal-richtext"></i>
-                <span
-                  data-purecounter-start="0"
-                  data-purecounter-end="31"
-                  data-purecounter-duration="1"
-                  data-purecounter-once="false"
-                  class="purecounter"
-                ></span>
+                <span data-purecounter-start="0" data-purecounter-end="31" data-purecounter-duration="1"
+                  data-purecounter-once="false" class="purecounter"></span>
                 <p>Community Partners</p>
               </div>
             </div>
@@ -375,13 +321,8 @@ <h2><button type="button" class="sponsor-us"><a href="team.html">Know More</a></
             <div class="col-lg-3 col-md-6 mt-5 mt-lg-0">
               <div class="count-box">
                 <i class="bi bi-headset"></i>
-                <span
-                  data-purecounter-start="0"
-                  data-purecounter-end="85"
-                  data-purecounter-duration="1"
-                  data-purecounter-once="false"
-                  class="purecounter"
-                ></span>
+                <span data-purecounter-start="0" data-purecounter-end="85" data-purecounter-duration="1"
+                  data-purecounter-once="false" class="purecounter"></span>
                 <p>H4B Events</p>
               </div>
             </div>
@@ -389,85 +330,58 @@ <h2><button type="button" class="sponsor-us"><a href="team.html">Know More</a></
             <div class="col-lg-3 col-md-6 mt-5 mt-lg-0">
               <div class="count-box">
                 <i class="bi bi-award"></i>
-                <span
-                  data-purecounter-start="0"
-                  data-purecounter-end="20"
-                  data-purecounter-duration="1"
-                  data-purecounter-once="false"
-                  class="purecounter"
-                ></span>
+                <span data-purecounter-start="0" data-purecounter-end="20" data-purecounter-duration="1"
+                  data-purecounter-once="false" class="purecounter"></span>
                 <p>Sponsors</p>
               </div>
             </div>
+
           </div>
+
         </div>
       </section>
       <!-- ======= About Section ======= -->
       <section id="about" class="about section-bg">
         <div class="container" data-aos="fade-up">
+
           <div class="row no-gutters">
             <div class="content col-xl-5 d-flex align-items-stretch">
               <div class="content">
-                <h3>
-                  Hack4Bengal,<br />
-                  a Community Initiative
-                </h3>
+                <h3>Hack4Bengal,<br> a Community Initiative</h3>
                 <p>
-                  Hack4Bengal began with the idea of bringing together the best
-                  of the best in the field of technology and provide a platform
-                  for the students to showcase their skills and work.
+                  Hack4Bengal began with the idea of bringing together the best of the best in the field of technology
+                  and
+                  provide a platform for the students to showcase their skills and work.
                 </p>
-                <a href="https://snuniv.ac.in" class="about-btn"
-                  ><span>About us</span> <i class="bx bx-chevron-right"></i
-                ></a>
-                <a
-                  href="https://static.mlh.io/docs/mlh-code-of-conduct.pdf"
-                  class="about-btn"
-                  ><span>MLH: Code of Conduct</span>
-                  <i class="bx bx-chevron-right"></i
-                ></a>
+                <a href="https://snuniv.ac.in" class="about-btn"><span>About us</span> <i
+                    class="bx bx-chevron-right"></i></a>
+                <a href="https://static.mlh.io/docs/mlh-code-of-conduct.pdf" class="about-btn"><span>MLH: Code of
+                    Conduct</span> <i class="bx bx-chevron-right"></i></a>
               </div>
             </div>
             <div class="col-xl-7 d-flex align-items-stretch">
               <div class="icon-boxes d-flex flex-column justify-content-center">
                 <div class="row">
-                  <div
-                    class="col-md-6 icon-box"
-                    data-aos="fade-up"
-                    data-aos-delay="100"
-                  >
+                  <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="100">
                     <i class="bx bx-receipt"></i>
                     <h4>Digitally Together</h4>
                     <p>Get the feel of a Physical Hackathon even Digitally</p>
                   </div>
-                  <div
-                    class="col-md-6 icon-box"
-                    data-aos="fade-up"
-                    data-aos-delay="200"
-                  >
+                  <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="200">
                     <i class="bx bx-cube-alt"></i>
                     <h4>Exciting Rewards</h4>
                     <p>Get rewarded for the work you do, and always win!</p>
                   </div>
-                  <div
-                    class="col-md-6 icon-box"
-                    data-aos="fade-up"
-                    data-aos-delay="300"
-                  >
+                  <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="300">
                     <i class="bx bx-images"></i>
                     <h4>Most Awaited</h4>
-                    <p>More than 6 months of planning, and here we are</p>
+                    <p>More than 6 months of planning, and here we are
+                    </p>
                   </div>
-                  <div
-                    class="col-md-6 icon-box"
-                    data-aos="fade-up"
-                    data-aos-delay="400"
-                  >
+                  <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="400">
                     <i class="bx bx-shield"></i>
                     <h4>Community in Making</h4>
-                    <p>
-                      H4B has over 15 Communities under it. Active 50+ Core
-                      Members and 1500+ Participating Members.
+                    <p>H4B has over 15 Communities under it. Active 50+ Core Members and 1500+ Participating Members.
                     </p>
                   </div>
                 </div>
@@ -477,117 +391,88 @@ <h4>Community in Making</h4>
         </div>
       </section>
       <!-- End About Section -->
+      
       <!-- ======= Testimonials Section ======= -->
-
       <section id="timeline" class="testimonials">
         <div class="container" data-aos="fade-up">
+          <div class="swiper-button-prev"></div>
           <div class="section-title">
             <h2>Hackathon Timeline</h2>
-            <p>
-              The Hackathon will not only be a 48 Hours blast, it would be a
-              timeline of madness. Stay tuned with us for an awesome experience.
-            </p>
+            <p>The Hackathon will not only be a 48 Hours blast, it would be a timeline of madness. Stay tuned with us
+              for
+              an awesome experience.</p>
           </div>
 
-          <div
-            class="testimonials-slider swiper"
-            data-aos="fade-up"
-            data-aos-delay="100"
-          >
+          <div class="testimonials-slider swiper" data-aos="fade-up" data-aos-delay="100">
             <div class="swiper-wrapper">
+
               <div class="swiper-slide">
                 <div class="testimonial-wrap">
                   <div class="testimonial-item">
-                    <img
-                      src="assets/img/testimonials/reg_starts.jpg"
-                      class="testimonial-img"
-                      alt=""
-                    />
+                    <img src="assets/img/testimonials/reg_starts.jpg" class="testimonial-img" alt="">
                     <h3>Registration Starts</h3>
                     <h4>Jan 1, 2022</h4>
                     <p>
-                      The Hackathon will be annnouced on 1st January, 2022. Get
-                      ready to be a part of a development rollercoaster.
+                      The Hackathon will be annnouced on 1st January, 2022. Get ready to be a part of a development
+                      rollercoaster.
                     </p>
                   </div>
                 </div>
-              </div>
-              <!-- End testimonial item -->
+              </div><!-- End testimonial item -->
 
               <div class="swiper-slide">
                 <div class="testimonial-wrap">
                   <div class="testimonial-item">
-                    <img
-                      src="assets/img/testimonials/reg_closes.jpg"
-                      class="testimonial-img"
-                      alt=""
-                    />
+                    <img src="assets/img/testimonials/reg_closes.jpg" class="testimonial-img" alt="">
                     <h3>Registration Closes</h3>
                     <h4>Apr 1, 2022</h4>
                     <p>
-                      The Teams need to register their team within this time
-                      frame. The maximum size of Team will be 4. Do choose your
-                      team wisely.
+                      The Teams need to register their team within this time frame. The maximum size of Team will be 4.
+                      Do
+                      choose your team wisely.
                     </p>
                   </div>
                 </div>
-              </div>
-              <!-- End testimonial item -->
+              </div><!-- End testimonial item -->
 
               <div class="swiper-slide">
                 <div class="testimonial-wrap">
                   <div class="testimonial-item">
-                    <img
-                      src="assets/img/testimonials/pre_hack.jpg"
-                      class="testimonial-img"
-                      alt=""
-                    />
+                    <img src="assets/img/testimonials/pre_hack.jpg" class="testimonial-img" alt="">
                     <h3>PreHackathon Sessions</h3>
                     <h4>Apr 1 to Apr 8, 2022</h4>
                     <p>
-                      The different community partners will take part and host
-                      different events on Coding, Development & Community
-                      Building.
+                      The different community partners will take part and host different events on Coding,
+                      Development & Community Building.
                     </p>
                   </div>
                 </div>
-              </div>
-              <!-- End testimonial item -->
+              </div><!-- End testimonial item -->
 
               <div class="swiper-slide">
                 <div class="testimonial-wrap">
                   <div class="testimonial-item">
-                    <img
-                      src="assets/img/testimonials/hack.png"
-                      class="testimonial-img"
-                      alt=""
-                    />
+                    <img src="assets/img/testimonials/hack.png" class="testimonial-img" alt="">
                     <h3>Hackathaon Running</h3>
                     <h4>Apr 8 to 10, 2022</h4>
                     <p>
-                      These 48 hrs, endulge yourself in developing the best
-                      possible solution competing over 100s of teams for a
-                      social cause.
+                      These 48 hrs, endulge yourself in developing the best possible solution competing over 100s
+                      of teams for a social cause.
                     </p>
                   </div>
                 </div>
-              </div>
-              <!-- End testimonial item -->
+              </div><!-- End testimonial item -->
 
               <div class="swiper-slide">
                 <div class="testimonial-wrap">
                   <div class="testimonial-item">
-                    <img
-                      src="assets/img/testimonials/winner.jpg"
-                      class="testimonial-img"
-                      alt=""
-                    />
+                    <img src="assets/img/testimonials/winner.jpg" class="testimonial-img" alt="">
                     <h3>Winner Announcement</h3>
                     <h4>Apr 18, 2022</h4>
                     <p>
-                      Winners from different categories and best solution
-                      achivers will be announced in this phase. Prizes will be
-                      distributed as per dates.
+                      Winners from different categories and best solution achivers will be announced in this phase.
+                      Prizes
+                      will be distributed as per dates.
                     </p>
                   </div>
                 </div>
@@ -595,30 +480,28 @@ <h4>Apr 18, 2022</h4>
               <div class="swiper-slide">
                 <div class="testimonial-wrap">
                   <div class="testimonial-item">
-                    <img
-                      src="assets/img/testimonials/closing.jpg"
-                      class="testimonial-img"
-                      alt=""
-                    />
+                    <img src="assets/img/testimonials/closing.jpg" class="testimonial-img" alt="">
                     <h3>Closing Ceremony</h3>
                     <h4>Apr 20, 2022</h4>
                     <p>
-                      Join us for some engaging sessions by our sponsors,
-                      community partners and organizers. Declaration of next
-                      season :P
+                      Join us for some engaging sessions by our sponsors, community partners and organizers. Declaration
+                      of next season :P
                     </p>
                   </div>
                 </div>
-              </div>
-              <!-- End testimonial item -->
+              </div><!-- End testimonial item -->
+
             </div>
             <div class="swiper-pagination"></div>
           </div>
+
+          <div class="swiper-button-next"></div>
         </div>
-      </section>
-      <!-- End Testimonials Section -->
-      <!-- ======= themes Section ======= -->
-      <section id="themes" class="themes section-bg">
+      </section><!-- End Testimonials Section -->
+      
+      <!-- ======= Services Section ======= -->
+      <a name="themes" ></a>
+      <section id="services" class="services section-bg">
         <div class="container" data-aos="fade-up">
           <div class="section-title">
             <h2>Project Themes</h2>
@@ -630,23 +513,19 @@ <h2>Project Themes</h2>
               <div class="icon-box" data-aos="fade-up" data-aos-delay="100">
                 <i class="bi bi-briefcase"></i>
                 <h4>Healthcare</h4>
-                <p>
-                  The Healthcare is mainly focused on developing solution for
-                  the Ministry of Health. You are supposed to come up with
-                  innovative ideas and implement them for the better need of the
-                  Healthcare System.
-                </p>
+                <p>The Healthcare is mainly focused on developing solution for the Ministry of Health. You are supposed
+                  to
+                  come up with innovative ideas and implement them for the better need of the Healthcare System.</p>
               </div>
             </div>
             <div class="col-md-6 mt-4 mt-md-0">
               <div class="icon-box" data-aos="fade-up" data-aos-delay="200">
                 <i class="bi bi-card-checklist"></i>
                 <h4>Education</h4>
-                <p>
-                  As the Covid world enforced the Education System to indulged
-                  into digital curriculum, you are supposed to come up with
-                  innovative solution that will help the education syetem for a
-                  better e-learning system.
+                <p>As the Covid world enforced the Education System to indulged into digital curriculum, you are
+                  supposed
+                  to come up with innovative solution that will help the education syetem for a better e-learning
+                  system.
                 </p>
               </div>
             </div>
@@ -654,11 +533,10 @@ <h4>Education</h4>
               <div class="icon-box" data-aos="fade-up" data-aos-delay="300">
                 <i class="bi bi-bar-chart"></i>
                 <h4>Fin-Tech</h4>
-                <p>
-                  As the world is leaning towards adapting the use of
-                  Cryptocurrency and online payment systems, this track expects
-                  you to bring your imagination and enhance or automate
-                  financial themes and processes.
+                <p>As the world is leaning towards adapting the use of
+                  Cryptocurrency and online payment systems, this track expects you to bring your
+                  imagination and enhance or
+                  automate financial services and processes.
                 </p>
               </div>
             </div>
@@ -666,11 +544,8 @@ <h4>Fin-Tech</h4>
               <div class="icon-box" data-aos="fade-up" data-aos-delay="400">
                 <i class="bi bi-binoculars"></i>
                 <h4>Sustainability</h4>
-                <p>
-                  This track will seek to build projects that will make our
-                  lives more sustainable, including but not limited to teaching
-                  others how to ethically consume and creating greener
-                  technologies for the future.
+                <p>This track will seek to build projects that will make our lives more sustainable, including but not
+                  limited to teaching others how to ethically consume and creating greener technologies for the future.
                 </p>
               </div>
             </div>
@@ -678,47 +553,42 @@ <h4>Sustainability</h4>
               <div class="icon-box" data-aos="fade-up" data-aos-delay="500">
                 <i class="bi bi-brightness-high"></i>
                 <h4>Community</h4>
-                <p>
-                  This track serves to build for the community. Build for
-                  solving the problems of the society. Find solutions for the
-                  problems of inclusion in the community etc. Each and every
-                  project that makes our lives better will adore this track.
-                </p>
+                <p>This track serves to build for the community. Build for solving the problems of the society. Find
+                  solutions for the problems of inclusion in the community etc. Each and every project that makes our
+                  lives better will adore this track.</p>
               </div>
             </div>
             <div class="col-md-6 mt-4 mt-md-0">
               <div class="icon-box" data-aos="fade-up" data-aos-delay="600">
                 <i class="bi bi-calendar4-week"></i>
                 <h4>Open Innovation</h4>
-                <p>
-                  A young mind is full of ideas which can not be submerged into
-                  particular barriers. So this domain is to come up with some
-                  innovative, and we think this will be one of the best
-                  platforms to showcase your ideas.
-                </p>
+                <p>A young mind is full of ideas which can not be submerged into particular barriers. So this domain is
+                  to
+                  come up with some innovative, and we think this will
+                  be one of the best platforms to showcase your ideas.</p>
               </div>
             </div>
           </div>
+
         </div>
-      </section>
-      <!-- End themes Section -->
-      <!-- End sponsors Section -->
+      </section><!-- End Services Section -->
+      <!-- End Portfolio Section -->
       <!-- Timeline Section -->
       <!-- cd-timeline -->
-      <section id="sponsors" class="sponsors">
+      
+      <a href="" name="sponsors" ></a>
+      <section id="portfolio" class="portfolio">
         <div class="container" data-aos="fade-up">
+
           <div class="section-title">
             <h2>Sponsors</h2>
-            <p>
-              Thank you to all our Sponsors for making this event possible.
-              Without their support, this idea couldn't have been materialized.
-              You can check out more about them from the below given links.
-            </p>
+            <p>Thank you to all our Sponsors for making this event possible. Without their support, this idea couldn't
+              have been materialized. You can check out more about them from the below given links.</p>
           </div>
 
           <div class="row" data-aos="fade-up" data-aos-delay="100">
             <div class="col-lg-12 d-flex justify-content-center">
-              <ul id="sponsors-flters">
+              <ul id="portfolio-flters">
                 <li data-filter="*" class="filter-active">All</li>
                 <li data-filter=".filter-app">Platinum</li>
                 <li data-filter=".filter-card">Gold</li>
@@ -728,18 +598,14 @@ <h2>Sponsors</h2>
             </div>
           </div>
 
-          <div
-            class="row sponsors-container"
-            data-aos="fade-up"
-            data-aos-delay="200"
-          >
-            <!-- <div class="col-lg-4 col-md-6 sponsors-item filter-app">
-            <div class="sponsors-wrap">
-              <img src="assets/img/sponsors/snu.png" class="img-fluid" alt="">
-              <div class="sponsors-info">
+          <div class="row portfolio-container" data-aos="fade-up" data-aos-delay="200">
+            <!-- <div class="col-lg-4 col-md-6 portfolio-item filter-app">
+            <div class="portfolio-wrap">
+              <img src="assets/img/portfolio/snu.png" class="img-fluid" alt="">
+              <div class="portfolio-info">
             
-                <div class="sponsors-links">
-                  <a href="assets/img/sponsors/snu.png" data-gallery="sponsorsGallery" class="sponsors-lightbox"
+                <div class="portfolio-links">
+                  <a href="assets/img/portfolio/snu.png" data-gallery="portfolioGallery" class="portfolio-lightbox"
                     title="Sister Nivedita University, DG 1/2 Action Area 1, Newtown Kolkata"><i class="bx bx-plus"></i></a>
                   <a href="https://snuniv.ac.in" target="_blank" title="More Details"><i class="bx bx-link"></i></a>
                 </div>
@@ -747,637 +613,356 @@ <h2>Sponsors</h2>
             </div>
           </div> -->
 
-            <div class="col-lg-4 col-md-6 sponsors-item filter-app">
-              <div class="sponsors-wrap">
-                <img
-                  src="assets/img/sponsors/devfolio.jpg"
-                  class="img-fluid"
-                  alt=""
-                />
-                <div class="sponsors-info">
-                  <div class="sponsors-links">
-                    <a
-                      href="assets/img/sponsors/devfolio.jpg"
-                      data-gallery="sponsorsGallery"
-                      class="sponsors-lightbox"
-                      title="Auth0"
-                      ><i class="bx bx-plus"></i
-                    ></a>
-                    <a
-                      href="https://devfolio.co"
-                      target="_blank"
-                      title="More Details"
-                      ><i class="bx bx-link"></i
-                    ></a>
+            <div class="col-lg-4 col-md-6 portfolio-item filter-app">
+              <div class="portfolio-wrap">
+                <img src="assets/img/portfolio/devfolio.jpg" class="img-fluid" alt="">
+                <div class="portfolio-info">
+
+                  <div class="portfolio-links">
+                    <a href="assets/img/portfolio/devfolio.jpg" data-gallery="portfolioGallery"
+                      class="portfolio-lightbox" title="Auth0"><i class="bx bx-plus"></i></a>
+                    <a href="https://devfolio.co" target="_blank" title="More Details"><i class="bx bx-link"></i></a>
                   </div>
                 </div>
               </div>
             </div>
 
-            <div class="col-lg-4 col-md-6 sponsors-item filter-app">
-              <div class="sponsors-wrap">
-                <img
-                  src="assets/img/sponsors/polygon.jpg"
-                  class="img-fluid"
-                  alt=""
-                />
-                <div class="sponsors-info">
-                  <div class="sponsors-links">
-                    <a
-                      href="assets/img/sponsors/polygon.jpg"
-                      data-gallery="sponsorsGallery"
-                      class="sponsors-lightbox"
-                      title="Polygon"
-                      ><i class="bx bx-plus"></i
-                    ></a>
-                    <a
-                      href="https://polygon.technology"
-                      target="_blank"
-                      title="More Details"
-                      ><i class="bx bx-link"></i
-                    ></a>
+
+            <div class="col-lg-4 col-md-6 portfolio-item filter-app">
+              <div class="portfolio-wrap">
+                <img src="assets/img/portfolio/polygon.jpg" class="img-fluid" alt="">
+                <div class="portfolio-info">
+
+                  <div class="portfolio-links">
+                    <a href="assets/img/portfolio/polygon.jpg" data-gallery="portfolioGallery"
+                      class="portfolio-lightbox" title="Polygon"><i class="bx bx-plus"></i></a>
+                    <a href="https://polygon.technology" target="_blank" title="More Details"><i
+                        class="bx bx-link"></i></a>
                   </div>
                 </div>
               </div>
             </div>
 
-            <div class="col-lg-4 col-md-6 sponsors-item filter-app">
-              <div class="sponsors-wrap">
-                <img
-                  src="assets/img/sponsors/Github.png"
-                  width="616"
-                  height="128"
-                  class="img-fluid"
-                  alt=""
-                />
-                <div class="sponsors-info">
-                  <div class="sponsors-links">
-                    <a
-                      href="assets/img/sponsors/Github.png"
-                      data-gallery="sponsorsGallery"
-                      class="sponsors-lightbox"
-                      title="Github"
-                      ><i class="bx bx-plus"></i
-                    ></a>
-                    <a
-                      href="https://github.com/"
-                      target="_blank"
-                      title="More Details"
-                      ><i class="bx bx-link"></i
-                    ></a>
+            <div class="col-lg-4 col-md-6 portfolio-item filter-app">
+              <div class="portfolio-wrap">
+                <img src="assets/img/portfolio/Github.png" width="616" height="128" class="img-fluid" alt="">
+                <div class="portfolio-info">
+
+                  <div class="portfolio-links">
+                    <a href="assets/img/portfolio/Github.png" data-gallery="portfolioGallery" class="portfolio-lightbox"
+                      title="Github"><i class="bx bx-plus"></i></a>
+                    <a href="https://github.com/" target="_blank" title="More Details"><i class="bx bx-link"></i></a>
                   </div>
                 </div>
               </div>
             </div>
 
-            <div class="col-lg-4 col-md-6 sponsors-item filter-card">
-              <div class="sponsors-wrap">
-                <img
-                  src="assets/img/sponsors/filecoin.jpg"
-                  class="img-fluid"
-                  alt=""
-                />
-                <div class="sponsors-info">
-                  <div class="sponsors-links">
-                    <a
-                      href="assets/img/sponsors/filecoin.jpg"
-                      data-gallery="sponsorsGallery"
-                      class="sponsors-lightbox"
-                      title="Filecoin"
-                      ><i class="bx bx-plus"></i
-                    ></a>
-                    <a
-                      href="https://filecoin.io"
-                      target="_blank"
-                      title="More Details"
-                      ><i class="bx bx-link"></i
-                    ></a>
+            <div class="col-lg-4 col-md-6 portfolio-item filter-card">
+              <div class="portfolio-wrap">
+                <img src="assets/img/portfolio/filecoin.jpg" class="img-fluid" alt="">
+                <div class="portfolio-info">
+
+                  <div class="portfolio-links">
+                    <a href="assets/img/portfolio/filecoin.jpg" data-gallery="portfolioGallery"
+                      class="portfolio-lightbox" title="Filecoin"><i class="bx bx-plus"></i></a>
+                    <a href="https://filecoin.io" target="_blank" title="More Details"><i class="bx bx-link"></i></a>
                   </div>
                 </div>
               </div>
             </div>
 
-            <div class="col-lg-4 col-md-6 sponsors-item filter-card">
-              <div class="sponsors-wrap">
-                <img
-                  src="assets/img/sponsors/celo.jpg"
-                  class="img-fluid"
-                  alt=""
-                />
-                <div class="sponsors-info">
-                  <div class="sponsors-links">
-                    <a
-                      href="assets/img/sponsors/celo.jpg"
-                      data-gallery="sponsorsGallery"
-                      class="sponsors-lightbox"
-                      title="Celo"
-                      ><i class="bx bx-plus"></i
-                    ></a>
-                    <a
-                      href="https://celo.org"
-                      target="_blank"
-                      title="More Details"
-                      ><i class="bx bx-link"></i
-                    ></a>
+            <div class="col-lg-4 col-md-6 portfolio-item filter-card">
+              <div class="portfolio-wrap">
+                <img src="assets/img/portfolio/celo.jpg" class="img-fluid" alt="">
+                <div class="portfolio-info">
+
+                  <div class="portfolio-links">
+                    <a href="assets/img/portfolio/celo.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"
+                      title="Celo"><i class="bx bx-plus"></i></a>
+                    <a href="https://celo.org" target="_blank" title="More Details"><i class="bx bx-link"></i></a>
                   </div>
                 </div>
               </div>
             </div>
 
-            <div class="col-lg-4 col-md-6 sponsors-item filter-card">
-              <div class="sponsors-wrap">
-                <img
-                  src="assets/img/sponsors/tezos.jpg"
-                  class="img-fluid"
-                  alt=""
-                />
-                <div class="sponsors-info">
-                  <div class="sponsors-links">
-                    <a
-                      href="assets/img/sponsors/tezos.jpg"
-                      data-gallery="sponsorsGallery"
-                      class="sponsors-lightbox"
-                      title="Tezos"
-                      ><i class="bx bx-plus"></i
-                    ></a>
-                    <a
-                      href="https://tezos.com"
-                      target="_blank"
-                      title="More Details"
-                      ><i class="bx bx-link"></i
-                    ></a>
+            <div class="col-lg-4 col-md-6 portfolio-item filter-card">
+              <div class="portfolio-wrap">
+                <img src="assets/img/portfolio/tezos.jpg" class="img-fluid" alt="">
+                <div class="portfolio-info">
+
+                  <div class="portfolio-links">
+                    <a href="assets/img/portfolio/tezos.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"
+                      title="Tezos"><i class="bx bx-plus"></i></a>
+                    <a href="https://tezos.com" target="_blank" title="More Details"><i class="bx bx-link"></i></a>
                   </div>
                 </div>
               </div>
             </div>
 
-            <div class="col-lg-4 col-md-6 sponsors-item filter-card">
-              <div class="sponsors-wrap">
-                <img
-                  src="assets/img/sponsors/Postman.png"
-                  class="img-fluid"
-                  alt=""
-                />
-                <div class="sponsors-info">
-                  <div class="sponsors-links">
-                    <a
-                      href="assets/img/sponsors/Postman.png"
-                      data-gallery="sponsorsGallery"
-                      class="sponsors-lightbox"
-                      title="Tezos"
-                      ><i class="bx bx-plus"></i
-                    ></a>
-                    <a
-                      href="https://www.postman.com/"
-                      target="_blank"
-                      title="More Details"
-                      ><i class="bx bx-link"></i
-                    ></a>
+            <div class="col-lg-4 col-md-6 portfolio-item filter-card">
+              <div class="portfolio-wrap">
+                <img src="assets/img/portfolio/Postman.png" class="img-fluid" alt="">
+                <div class="portfolio-info">
+
+                  <div class="portfolio-links">
+                    <a href="assets/img/portfolio/Postman.png" data-gallery="portfolioGallery"
+                      class="portfolio-lightbox" title="Tezos"><i class="bx bx-plus"></i></a>
+                    <a href="https://www.postman.com/" target="_blank" title="More Details"><i
+                        class="bx bx-link"></i></a>
                   </div>
                 </div>
               </div>
             </div>
 
-            <div class="col-lg-4 col-md-6 sponsors-item filter-card">
-              <div class="sponsors-wrap">
-                <img
-                  src="assets/img/sponsors/at.png"
-                  class="img-fluid"
-                  alt=""
-                />
-                <div class="sponsors-info">
-                  <div class="sponsors-links">
-                    <a
-                      href="assets/img/sponsors/at.png"
-                      data-gallery="sponsorsGallery"
-                      class="sponsors-lightbox"
-                      title="The @ Company"
-                      ><i class="bx bx-plus"></i
-                    ></a>
-                    <a
-                      href="https://atsign.com/"
-                      target="_blank"
-                      title="More Details"
-                      ><i class="bx bx-link"></i
-                    ></a>
+            <div class="col-lg-4 col-md-6 portfolio-item filter-card">
+              <div class="portfolio-wrap">
+                <img src="assets/img/portfolio/at.png" class="img-fluid" alt="">
+                <div class="portfolio-info">
+
+                  <div class="portfolio-links">
+                    <a href="assets/img/portfolio/at.png" data-gallery="portfolioGallery" class="portfolio-lightbox"
+                      title="The @ Company"><i class="bx bx-plus"></i></a>
+                    <a href="https://atsign.com/" target="_blank" title="More Details"><i class="bx bx-link"></i></a>
                   </div>
                 </div>
               </div>
             </div>
 
-            <div class="col-lg-4 col-md-6 sponsors-item filter-web">
-              <div class="sponsors-wrap">
-                <img
-                  src="assets/img/sponsors/stickermule.png"
-                  class="img-fluid"
-                  alt=""
-                />
-                <div class="sponsors-info">
-                  <div class="sponsors-links">
-                    <a
-                      href="assets/img/sponsors/stickermule.png"
-                      data-gallery="sponsorsGallery"
-                      class="sponsors-lightbox"
-                      title="StickerMule"
-                      ><i class="bx bx-plus"></i
-                    ></a>
-                    <a
-                      href="http://hackp.ac/mlh-stickermule-hackathons"
-                      target="_blank"
-                      title="More Details"
-                      ><i class="bx bx-link"></i
-                    ></a>
+            <div class="col-lg-4 col-md-6 portfolio-item filter-web">
+              <div class="portfolio-wrap">
+                <img src="assets/img/portfolio/stickermule.png" class="img-fluid" alt="">
+                <div class="portfolio-info">
+                  <div class="portfolio-links">
+                    <a href="assets/img/portfolio/stickermule.png" data-gallery="portfolioGallery"
+                      class="portfolio-lightbox" title="StickerMule"><i class="bx bx-plus"></i></a>
+                    <a href="http://hackp.ac/mlh-stickermule-hackathons" target="_blank" title="More Details"><i
+                        class="bx bx-link"></i></a>
                   </div>
                 </div>
               </div>
             </div>
 
-            <div class="col-lg-4 col-md-6 sponsors-item filter-web">
-              <div class="sponsors-wrap">
-                <img
-                  src="assets/img/sponsors/gmc.jpg"
-                  class="img-fluid"
-                  alt=""
-                />
-                <div class="sponsors-info">
-                  <div class="sponsors-links">
-                    <a
-                      href="assets/img/sponsors/gmc.jpg"
-                      data-gallery="sponsorsGallery"
-                      class="sponsors-lightbox"
-                      title="Give My Certificate3"
-                      ><i class="bx bx-plus"></i
-                    ></a>
-                    <a
-                      href="https://givemycertificate.com"
-                      target="_blank"
-                      title="More Details"
-                      ><i class="bx bx-link"></i
-                    ></a>
+            <div class="col-lg-4 col-md-6 portfolio-item filter-web">
+              <div class="portfolio-wrap">
+                <img src="assets/img/portfolio/gmc.jpg" class="img-fluid" alt="">
+                <div class="portfolio-info">
+                  <div class="portfolio-links">
+                    <a href="assets/img/portfolio/gmc.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"
+                      title="Give My Certificate3"><i class="bx bx-plus"></i></a>
+                    <a href="https://givemycertificate.com" target="_blank" title="More Details"><i
+                        class="bx bx-link"></i></a>
                   </div>
                 </div>
               </div>
             </div>
 
-            <div class="col-lg-4 col-md-6 sponsors-item filter-web">
-              <div class="sponsors-wrap">
-                <img
-                  src="assets/img/sponsors/digitalocean.jpg"
-                  class="img-fluid"
-                  alt=""
-                />
-                <div class="sponsors-info">
-                  <div class="sponsors-links">
-                    <a
-                      href="assets/img/sponsors/digitalocean.jpg"
-                      data-gallery="sponsorsGallery"
-                      class="sponsors-lightbox"
-                      title="Digital Ocean"
-                      ><i class="bx bx-plus"></i
-                    ></a>
-                    <a
-                      href="https://digitalocean.com"
-                      target="_blank"
-                      title="More Details"
-                      ><i class="bx bx-link"></i
-                    ></a>
+            <div class="col-lg-4 col-md-6 portfolio-item filter-web">
+              <div class="portfolio-wrap">
+                <img src="assets/img/portfolio/digitalocean.jpg" class="img-fluid" alt="">
+                <div class="portfolio-info">
+
+                  <div class="portfolio-links">
+                    <a href="assets/img/portfolio/digitalocean.jpg" data-gallery="portfolioGallery"
+                      class="portfolio-lightbox" title="Digital Ocean"><i class="bx bx-plus"></i></a>
+                    <a href="https://digitalocean.com" target="_blank" title="More Details"><i
+                        class="bx bx-link"></i></a>
                   </div>
                 </div>
               </div>
             </div>
-            <div class="col-lg-4 col-md-6 sponsors-item filter-web">
-              <div class="sponsors-wrap">
-                <img
-                  src="assets/img/sponsors/taskade.jpg"
-                  class="img-fluid"
-                  alt=""
-                />
-                <div class="sponsors-info">
-                  <div class="sponsors-links">
-                    <a
-                      href="assets/img/sponsors/taskade.jpg"
-                      data-gallery="sponsorsGallery"
-                      class="sponsors-lightbox"
-                      title="Taskade"
-                      ><i class="bx bx-plus"></i
-                    ></a>
-                    <a
-                      href="https://taskade.com"
-                      target="_blank"
-                      title="More Details"
-                      ><i class="bx bx-link"></i
-                    ></a>
+            <div class="col-lg-4 col-md-6 portfolio-item filter-web">
+              <div class="portfolio-wrap">
+                <img src="assets/img/portfolio/taskade.jpg" class="img-fluid" alt="">
+                <div class="portfolio-info">
+
+                  <div class="portfolio-links">
+                    <a href="assets/img/portfolio/taskade.jpg" data-gallery="portfolioGallery"
+                      class="portfolio-lightbox" title="Taskade"><i class="bx bx-plus"></i></a>
+                    <a href="https://taskade.com" target="_blank" title="More Details"><i class="bx bx-link"></i></a>
                   </div>
                 </div>
               </div>
             </div>
-            <div class="col-lg-4 col-md-6 sponsors-item filter-web">
-              <div class="sponsors-wrap">
-                <img
-                  src="assets/img/sponsors/1p.jpg"
-                  class="img-fluid"
-                  alt=""
-                />
-                <div class="sponsors-info">
-                  <div class="sponsors-links">
-                    <a
-                      href="assets/img/sponsors/1p.jpg"
-                      data-gallery="sponsorsGallery"
-                      class="sponsors-lightbox"
-                      title="1Password"
-                      ><i class="bx bx-plus"></i
-                    ></a>
-                    <a
-                      href="https://1password.com"
-                      target="_blank"
-                      title="More Details"
-                      ><i class="bx bx-link"></i
-                    ></a>
+            <div class="col-lg-4 col-md-6 portfolio-item filter-web">
+              <div class="portfolio-wrap">
+                <img src="assets/img/portfolio/1p.jpg" class="img-fluid" alt="">
+                <div class="portfolio-info">
+
+                  <div class="portfolio-links">
+                    <a href="assets/img/portfolio/1p.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"
+                      title="1Password"><i class="bx bx-plus"></i></a>
+                    <a href="https://1password.com" target="_blank" title="More Details"><i class="bx bx-link"></i></a>
                   </div>
                 </div>
               </div>
             </div>
-            <div class="col-lg-4 col-md-6 sponsors-item filter-web">
-              <div class="sponsors-wrap">
-                <img
-                  src="assets/img/sponsors/interview-cake.png"
-                  class="img-fluid"
-                  alt=""
-                />
-                <div class="sponsors-info">
-                  <div class="sponsors-links">
-                    <a
-                      href="assets/img/sponsors/interview-cake.png"
-                      data-gallery="sponsorsGallery"
-                      class="sponsors-lightbox"
-                      title="Interview Cake"
-                      ><i class="bx bx-plus"></i
-                    ></a>
-                    <a
-                      href="https://www.interviewcake.com/"
-                      target="_blank"
-                      title="More Details"
-                      ><i class="bx bx-link"></i
-                    ></a>
+            <div class="col-lg-4 col-md-6 portfolio-item filter-web">
+              <div class="portfolio-wrap">
+                <img src="assets/img/portfolio/interview-cake.png" class="img-fluid" alt="">
+                <div class="portfolio-info">
+
+                  <div class="portfolio-links">
+                    <a href="assets/img/portfolio/interview-cake.png" data-gallery="portfolioGallery"
+                      class="portfolio-lightbox" title="Interview Cake"><i class="bx bx-plus"></i></a>
+                    <a href="https://www.interviewcake.com/" target="_blank" title="More Details"><i
+                        class="bx bx-link"></i></a>
                   </div>
                 </div>
               </div>
             </div>
-            <div class="col-lg-4 col-md-6 sponsors-item filter-web">
-              <div class="sponsors-wrap">
-                <img
-                  src="assets/img/sponsors/leading-learners.png"
-                  class="img-fluid"
-                  alt=""
-                />
-                <div class="sponsors-info">
-                  <div class="sponsors-links">
-                    <a
-                      href="assets/img/sponsors/leading-learners.png"
-                      data-gallery="sponsorsGallery"
-                      class="sponsors-lightbox"
-                      title="Leading Learners"
-                      ><i class="bx bx-plus"></i
-                    ></a>
-                    <a
-                      href="https://www.leadlearners.ca/"
-                      target="_blank"
-                      title="More Details"
-                      ><i class="bx bx-link"></i
-                    ></a>
+            <div class="col-lg-4 col-md-6 portfolio-item filter-web">
+              <div class="portfolio-wrap">
+                <img src="assets/img/portfolio/leading-learners.png" class="img-fluid" alt="">
+                <div class="portfolio-info">
+
+                  <div class="portfolio-links">
+                    <a href="assets/img/portfolio/leading-learners.png" data-gallery="portfolioGallery"
+                      class="portfolio-lightbox" title="Leading Learners"><i class="bx bx-plus"></i></a>
+                    <a href="https://www.leadlearners.ca/" target="_blank" title="More Details"><i
+                        class="bx bx-link"></i></a>
                   </div>
                 </div>
               </div>
             </div>
-            <div class="col-lg-4 col-md-6 sponsors-item filter-web">
-              <div class="sponsors-wrap">
-                <img
-                  src="assets/img/sponsors/e3.png"
-                  class="img-fluid"
-                  alt=""
-                />
-                <div class="sponsors-info">
-                  <div class="sponsors-links">
-                    <a
-                      href="assets/img/sponsors/e3.png"
-                      data-gallery="sponsorsGallery"
-                      class="sponsors-lightbox"
-                      title="Leading Learners"
-                      ><i class="bx bx-plus"></i
-                    ></a>
-                    <a
-                      href="https://www.echo3d.co/"
-                      target="_blank"
-                      title="More Details"
-                      ><i class="bx bx-link"></i
-                    ></a>
+            <div class="col-lg-4 col-md-6 portfolio-item filter-web">
+              <div class="portfolio-wrap">
+                <img src="assets/img/portfolio/e3.png" class="img-fluid" alt="">
+                <div class="portfolio-info">
+
+                  <div class="portfolio-links">
+                    <a href="assets/img/portfolio/e3.png" data-gallery="portfolioGallery" class="portfolio-lightbox"
+                      title="Leading Learners"><i class="bx bx-plus"></i></a>
+                    <a href="https://www.echo3d.co/" target="_blank" title="More Details"><i class="bx bx-link"></i></a>
                   </div>
                 </div>
               </div>
             </div>
-            <div class="col-lg-4 col-md-6 sponsors-item filter-special">
-              <div class="sponsors-wrap">
-                <img
-                  src="assets/img/sponsors/AuthO.png"
-                  class="img-fluid"
-                  alt=""
-                />
-                <div class="sponsors-info">
-                  <div class="sponsors-links">
-                    <a
-                      href="assets/img/sponsors/AuthO.png"
-                      data-gallery="sponsorsGallery"
-                      class="sponsors-lightbox"
-                      title="Auth0"
-                      ><i class="bx bx-plus"></i
-                    ></a>
-                    <a
-                      href="https://auth0.com/"
-                      target="_blank"
-                      title="More Details"
-                      ><i class="bx bx-link"></i
-                    ></a>
+            <div class="col-lg-4 col-md-6 portfolio-item filter-special">
+              <div class="portfolio-wrap">
+                <img src="assets/img/portfolio/AuthO.png" class="img-fluid" alt="">
+                <div class="portfolio-info">
+
+                  <div class="portfolio-links">
+                    <a href="assets/img/portfolio/AuthO.png" data-gallery="portfolioGallery" class="portfolio-lightbox"
+                      title="Auth0"><i class="bx bx-plus"></i></a>
+                    <a href="https://auth0.com/" target="_blank" title="More Details"><i class="bx bx-link"></i></a>
                   </div>
                 </div>
               </div>
             </div>
 
-            <div class="col-lg-4 col-md-6 sponsors-item filter-special">
-              <div class="sponsors-wrap">
-                <img
-                  src="assets/img/sponsors/CapitalOne.png"
-                  class="img-fluid"
-                  alt=""
-                />
-                <div class="sponsors-info">
-                  <div class="sponsors-links">
-                    <a
-                      href="assets/img/sponsors/CapitalOne.png"
-                      data-gallery="sponsorsGallery"
-                      class="sponsors-lightbox"
-                      title="Capital One"
-                      ><i class="bx bx-plus"></i
-                    ></a>
-                    <a
-                      href="https://www.capitalone.com/"
-                      target="_blank"
-                      title="More Details"
-                      ><i class="bx bx-link"></i
-                    ></a>
+            <div class="col-lg-4 col-md-6 portfolio-item filter-special">
+              <div class="portfolio-wrap">
+                <img src="assets/img/portfolio/CapitalOne.png" class="img-fluid" alt="">
+                <div class="portfolio-info">
+
+                  <div class="portfolio-links">
+                    <a href="assets/img/portfolio/CapitalOne.png" data-gallery="portfolioGallery"
+                      class="portfolio-lightbox" title="Capital One"><i class="bx bx-plus"></i></a>
+                    <a href="https://www.capitalone.com/" target="_blank" title="More Details"><i
+                        class="bx bx-link"></i></a>
                   </div>
                 </div>
               </div>
             </div>
 
-            <div class="col-lg-4 col-md-6 sponsors-item filter-special">
-              <div class="sponsors-wrap">
-                <img
-                  src="assets/img/sponsors/Deso.png"
-                  class="img-fluid"
-                  alt=""
-                />
-                <div class="sponsors-info">
-                  <div class="sponsors-links">
-                    <a
-                      href="assets/img/sponsors/Deso.png"
-                      data-gallery="sponsorsGallery"
-                      class="sponsors-lightbox"
-                      title="DeSo"
-                      ><i class="bx bx-plus"></i
-                    ></a>
-                    <a
-                      href="https://www.deso.org/"
-                      target="_blank"
-                      title="More Details"
-                      ><i class="bx bx-link"></i
-                    ></a>
+            <div class="col-lg-4 col-md-6 portfolio-item filter-special">
+              <div class="portfolio-wrap">
+                <img src="assets/img/portfolio/Deso.png" class="img-fluid" alt="">
+                <div class="portfolio-info">
+
+                  <div class="portfolio-links">
+                    <a href="assets/img/portfolio/Deso.png" data-gallery="portfolioGallery" class="portfolio-lightbox"
+                      title="DeSo"><i class="bx bx-plus"></i></a>
+                    <a href="https://www.deso.org/" target="_blank" title="More Details"><i class="bx bx-link"></i></a>
                   </div>
                 </div>
               </div>
             </div>
 
-            <div class="col-lg-4 col-md-6 sponsors-item filter-special">
-              <div class="sponsors-wrap">
-                <img
-                  src="assets/img/sponsors/GoDaddy.png"
-                  class="img-fluid"
-                  alt=""
-                />
-                <div class="sponsors-info">
-                  <div class="sponsors-links">
-                    <a
-                      href="assets/img/sponsors/GoDaddy.png"
-                      data-gallery="sponsorsGallery"
-                      class="sponsors-lightbox"
-                      title="GoDaddy"
-                      ><i class="bx bx-plus"></i
-                    ></a>
-                    <a
-                      href="https://www.godaddy.com/"
-                      target="_blank"
-                      title="More Details"
-                      ><i class="bx bx-link"></i
-                    ></a>
+            <div class="col-lg-4 col-md-6 portfolio-item filter-special">
+              <div class="portfolio-wrap">
+                <img src="assets/img/portfolio/GoDaddy.png" class="img-fluid" alt="">
+                <div class="portfolio-info">
+
+                  <div class="portfolio-links">
+                    <a href="assets/img/portfolio/GoDaddy.png" data-gallery="portfolioGallery"
+                      class="portfolio-lightbox" title="GoDaddy"><i class="bx bx-plus"></i></a>
+                    <a href="https://www.godaddy.com/" target="_blank" title="More Details"><i
+                        class="bx bx-link"></i></a>
                   </div>
                 </div>
               </div>
             </div>
 
-            <div class="col-lg-4 col-md-6 sponsors-item filter-special">
-              <div class="sponsors-wrap">
-                <img
-                  src="assets/img/sponsors/Hedera.png"
-                  class="img-fluid"
-                  alt=""
-                />
-                <div class="sponsors-info">
-                  <div class="sponsors-links">
-                    <a
-                      href="assets/img/sponsors/Hedera.png"
-                      data-gallery="sponsorsGallery"
-                      class="sponsors-lightbox"
-                      title="Hedera"
-                      ><i class="bx bx-plus"></i
-                    ></a>
-                    <a
-                      href="https://hedera.com/"
-                      target="_blank"
-                      title="More Details"
-                      ><i class="bx bx-link"></i
-                    ></a>
+            <div class="col-lg-4 col-md-6 portfolio-item filter-special">
+              <div class="portfolio-wrap">
+                <img src="assets/img/portfolio/Hedera.png" class="img-fluid" alt="">
+                <div class="portfolio-info">
+
+                  <div class="portfolio-links">
+                    <a href="assets/img/portfolio/Hedera.png" data-gallery="portfolioGallery" class="portfolio-lightbox"
+                      title="Hedera"><i class="bx bx-plus"></i></a>
+                    <a href="https://hedera.com/" target="_blank" title="More Details"><i class="bx bx-link"></i></a>
                   </div>
                 </div>
               </div>
             </div>
 
-            <div class="col-lg-4 col-md-6 sponsors-item filter-special">
-              <div class="sponsors-wrap">
-                <img
-                  src="assets/img/sponsors/Linode.png"
-                  class="img-fluid"
-                  alt=""
-                />
-                <div class="sponsors-info">
-                  <div class="sponsors-links">
-                    <a
-                      href="assets/img/sponsors/Linode.png"
-                      data-gallery="sponsorsGallery"
-                      class="sponsors-lightbox"
-                      title="Linode"
-                      ><i class="bx bx-plus"></i
-                    ></a>
-                    <a
-                      href="https://www.linode.com/"
-                      target="_blank"
-                      title="More Details"
-                      ><i class="bx bx-link"></i
-                    ></a>
+            <div class="col-lg-4 col-md-6 portfolio-item filter-special">
+              <div class="portfolio-wrap">
+                <img src="assets/img/portfolio/Linode.png" class="img-fluid" alt="">
+                <div class="portfolio-info">
+
+                  <div class="portfolio-links">
+                    <a href="assets/img/portfolio/Linode.png" data-gallery="portfolioGallery" class="portfolio-lightbox"
+                      title="Linode"><i class="bx bx-plus"></i></a>
+                    <a href="https://www.linode.com/" target="_blank" title="More Details"><i
+                        class="bx bx-link"></i></a>
                   </div>
                 </div>
               </div>
             </div>
 
-            <div class="col-lg-4 col-md-6 sponsors-item filter-special">
-              <div class="sponsors-wrap">
-                <img
-                  src="assets/img/sponsors/Twilio.png"
-                  class="img-fluid"
-                  alt=""
-                />
-                <div class="sponsors-info">
-                  <div class="sponsors-links">
-                    <a
-                      href="assets/img/sponsors/Twilio.png"
-                      data-gallery="sponsorsGallery"
-                      class="sponsors-lightbox"
-                      title="Twilio"
-                      ><i class="bx bx-plus"></i
-                    ></a>
-                    <a
-                      href="https://www.twilio.com/"
-                      target="_blank"
-                      title="More Details"
-                      ><i class="bx bx-link"></i
-                    ></a>
+            <div class="col-lg-4 col-md-6 portfolio-item filter-special">
+              <div class="portfolio-wrap">
+                <img src="assets/img/portfolio/Twilio.png" class="img-fluid" alt="">
+                <div class="portfolio-info">
+
+                  <div class="portfolio-links">
+                    <a href="assets/img/portfolio/Twilio.png" data-gallery="portfolioGallery" class="portfolio-lightbox"
+                      title="Twilio"><i class="bx bx-plus"></i></a>
+                    <a href="https://www.twilio.com/" target="_blank" title="More Details"><i
+                        class="bx bx-link"></i></a>
                   </div>
                 </div>
               </div>
             </div>
+
           </div>
 
           <div class="sponsor-us section-title">
-            <h2>
-              <button type="button" class="sponsor-us">
-                <a href="https://bit.ly/h4b-sponsor-us">Sponsor Us</a>
-              </button>
+            <h2><button type="button" class="sponsor-us"><a href="https://bit.ly/h4b-sponsor-us">Sponsor Us</a></button>
             </h2>
+
+            <style>
+              .sponsor-us {
+                border: #000;
+                border-radius: 30px;
+                padding: 10px 20px 10px 20px;
+                font-size: 20px;
+                font-weight: bold;
+                color: red;
+              }
+            </style>
+
           </div>
         </div>
-      </section>
-      <!-- End Counts Section -->
+      </section><!-- End Counts Section -->
 
       <section id="prizes" class="section-with-bg">
         <div class="container" data-aos="fade-up">
+
           <div class="section-title">
             <h2>Prizes</h2>
             <p>Hackathon Prize Details</p>
@@ -1387,40 +972,19 @@ <h2>Prizes</h2>
             <div class="col-lg-4" data-aos="fade-up" data-aos-delay="100">
               <div class="card mb-5 mb-lg-0">
                 <div class="card-body">
-                  <h5 class="card-title text-muted text-uppercase text-center">
-                    Overall Winner
-                  </h5>
+                  <h5 class="card-title text-muted text-uppercase text-center">Overall Winner</h5>
                   <h6 class="card-price text-center">₹ 20,000</h6>
-                  <hr />
+                  <hr>
                   <ul class="fa-ul">
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span
-                      >Exclusive H4B Tshirt
-                    </li>
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span
-                      >Stickers
-                    </li>
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span
-                      >Goodie Bag from Sponsors
-                    </li>
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span>A
-                      lot more to come!
-                    </li>
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>Exclusive H4B Tshirt</li>
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>Stickers</li>
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>Goodie Bag from Sponsors</li>
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>A lot more to come!</li>
                   </ul>
-                  <hr />
-                  <div class="text-center">
-                    <button
-                      type="button"
-                      class="btn"
-                      data-bs-toggle="modal"
-                      data-ticket-type="standard-access"
-                      onclick="window.location.href='https://bit.ly/Overall-Winner-Swags';"
-                    >
-                      Learn More
-                    </button>
+                  <hr>
+                  <div class="text-center" style="margin-bottom: 10px">
+                    <button type="button" class="btn" data-bs-toggle="modal" data-ticket-type="standard-access"
+                      onclick="window.location.href='https://bit.ly/Overall-Winner-Swags';">Learn More</button>
                   </div>
                 </div>
               </div>
@@ -1428,40 +992,20 @@ <h6 class="card-price text-center">₹ 20,000</h6>
             <div class="col-lg-4" data-aos="fade-up" data-aos-delay="200">
               <div class="card mb-5 mb-lg-0">
                 <div class="card-body">
-                  <h5 class="card-title text-muted text-uppercase text-center">
-                    First Runner's Up
-                  </h5>
+                  <h5 class="card-title text-muted text-uppercase text-center">First Runner's Up</h5>
                   <h6 class="card-price text-center">₹ 15,000</h6>
-                  <hr />
+                  <hr>
                   <ul class="fa-ul">
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span
-                      >Exclusive H4B Tshirt
-                    </li>
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span
-                      >Stickers
-                    </li>
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span
-                      >Goodie Bag from Sponsors
-                    </li>
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span>A
-                      lot more to come!
-                    </li>
+
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>Exclusive H4B Tshirt</li>
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>Stickers</li>
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>Goodie Bag from Sponsors</li>
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>A lot more to come!</li>
                   </ul>
-                  <hr />
-                  <div class="text-center">
-                    <button
-                      type="button"
-                      class="btn"
-                      data-bs-toggle="modal"
-                      data-ticket-type="standard-access"
-                      onclick="window.location.href='https://bit.ly/1st-Runner-Up-Swags';"
-                    >
-                      Learn More
-                    </button>
+                  <hr>
+                  <div class="text-center" style="margin-bottom: 10px">
+                    <button type="button" class="btn" data-bs-toggle="modal" data-ticket-type="standard-access"
+                      onclick="window.location.href='https://bit.ly/1st-Runner-Up-Swags';">Learn More</button>
                   </div>
                 </div>
               </div>
@@ -1470,84 +1014,44 @@ <h6 class="card-price text-center">₹ 15,000</h6>
             <div class="col-lg-4" data-aos="fade-up" data-aos-delay="200">
               <div class="card mb-5 mb-lg-0">
                 <div class="card-body">
-                  <h5 class="card-title text-muted text-uppercase text-center">
-                    Second Runner's Up
-                  </h5>
+                  <h5 class="card-title text-muted text-uppercase text-center">Second Runner's Up</h5>
                   <h6 class="card-price text-center">₹ 10,000</h6>
-                  <hr />
+                  <hr>
                   <ul class="fa-ul">
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span
-                      >Exclusive H4B Tshirt
-                    </li>
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span
-                      >Stickers
-                    </li>
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span
-                      >Goodie Bag from Sponsors
-                    </li>
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span>A
-                      lot more to come!
-                    </li>
+
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>Exclusive H4B Tshirt</li>
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>Stickers</li>
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>Goodie Bag from Sponsors</li>
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>A lot more to come!</li>
                   </ul>
-                  <hr />
-                  <div class="text-center">
-                    <button
-                      type="button"
-                      class="btn"
-                      data-bs-toggle="modal"
-                      data-ticket-type="standard-access"
-                      onclick="window.location.href='https://bit.ly/2nd-Runner-Up-Swags';"
-                    >
-                      Learn More
-                    </button>
+                  <hr>
+                  <div class="text-center" style="margin-bottom: 10px">
+                    <button type="button" class="btn" data-bs-toggle="modal" data-ticket-type="standard-access"
+                      onclick="window.location.href='https://bit.ly/2nd-Runner-Up-Swags';">Learn More</button>
                   </div>
                 </div>
               </div>
             </div>
           </div>
-          <br />
+          <br>
           <div class="row">
             <div class="col-lg-4" data-aos="fade-up" data-aos-delay="300">
               <div class="card">
                 <div class="card-body">
-                  <h5 class="card-title text-muted text-uppercase text-center">
-                    Best Girls' Team
-                  </h5>
+                  <h5 class="card-title text-muted text-uppercase text-center">Best Girls' Team</h5>
                   <h6 class="card-price text-center">₹ 4,000</h6>
-                  <hr />
+                  <hr>
                   <ul class="fa-ul">
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span
-                      >Exclusive H4B Tshirt
-                    </li>
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span
-                      >Stickers
-                    </li>
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span
-                      >Goodie Bag from Sponsors
-                    </li>
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span>A
-                      lot more to come!
-                    </li>
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>Exclusive H4B Tshirt</li>
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>Stickers</li>
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>Goodie Bag from Sponsors</li>
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>A lot more to come!</li>
                   </ul>
-                  <hr />
-                  <div class="text-center">
-                    <button
-                      type="button"
-                      class="btn"
-                      data-bs-toggle="modal"
-                      data-ticket-type="standard-access"
-                      onclick="window.location.href='https://heathered-zenobia-a78.notion.site/Best-Girl-s-Team-Swag-Details-dad11a97e9884dbdb9e2dd59993995ca';"
-                    >
-                      Learn More
-                    </button>
+                  <hr>
+                  <div class="text-center" style="margin-bottom: 10px">
+                    <button type="button" class="btn" data-bs-toggle="modal" data-ticket-type="standard-access"
+                      onclick="window.location.href='https://heathered-zenobia-a78.notion.site/Best-Girl-s-Team-Swag-Details-dad11a97e9884dbdb9e2dd59993995ca';">Learn
+                      More</button>
                   </div>
                 </div>
               </div>
@@ -1557,40 +1061,20 @@ <h6 class="card-price text-center">₹ 4,000</h6>
             <div class="col-lg-4" data-aos="fade-up" data-aos-delay="300">
               <div class="card">
                 <div class="card-body">
-                  <h5 class="card-title text-muted text-uppercase text-center">
-                    Best Beginners' Team
-                  </h5>
+                  <h5 class="card-title text-muted text-uppercase text-center">Best Beginners' Team</h5>
                   <h6 class="card-price text-center">Vouchers</h6>
-                  <hr />
+                  <hr>
                   <ul class="fa-ul">
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span
-                      >Exclusive H4B Tshirt
-                    </li>
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span
-                      >Stickers
-                    </li>
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span
-                      >Goodie Bag from Sponsors
-                    </li>
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span>A
-                      lot more to come!
-                    </li>
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>Exclusive H4B Tshirt</li>
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>Stickers</li>
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>Goodie Bag from Sponsors</li>
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>A lot more to come!</li>
                   </ul>
-                  <hr />
-                  <div class="text-center">
-                    <button
-                      type="button"
-                      class="btn"
-                      data-bs-toggle="modal"
-                      data-ticket-type="standard-access"
-                      onclick="window.location.href='https://heathered-zenobia-a78.notion.site/Best-Beginner-s-Team-Swag-Details-8f1e5f373cd14d7ea3dc5f218a5a9ed2';"
-                    >
-                      Learn More
-                    </button>
+                  <hr>
+                  <div class="text-center" style="margin-bottom: 10px">
+                    <button type="button" class="btn" data-bs-toggle="modal" data-ticket-type="standard-access"
+                      onclick="window.location.href='https://heathered-zenobia-a78.notion.site/Best-Beginner-s-Team-Swag-Details-8f1e5f373cd14d7ea3dc5f218a5a9ed2';">Learn
+                      More</button>
                   </div>
                 </div>
               </div>
@@ -1598,76 +1082,43 @@ <h6 class="card-price text-center">Vouchers</h6>
             <div class="col-lg-4" data-aos="fade-up" data-aos-delay="200">
               <div class="card mb-5 mb-lg-0">
                 <div class="card-body">
-                  <h5 class="card-title text-muted text-uppercase text-center">
-                    Tezos H4b Award
-                  </h5>
+                  <h5 class="card-title text-muted text-uppercase text-center">Tezos H4b Award</h5>
                   <h6 class="card-price text-center">Sponsor</h6>
-                  <hr />
+                  <hr>
                   <ul class="fa-ul">
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span
-                      >Tshirt
-                    </li>
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span
-                      >Stickers
-                    </li>
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span
-                      >Goodie Bag from Sponsors
-                    </li>
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span>A
-                      lot more to come!
-                    </li>
+
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>Tshirt</li>
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>Stickers</li>
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>Goodie Bag from Sponsors</li>
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>A lot more to come!</li>
                   </ul>
-                  <hr />
-                  <div class="text-center">
-                    <button
-                      type="button"
-                      class="btn"
-                      data-bs-toggle="modal"
-                      data-ticket-type="standard-access"
-                      onclick="window.location.href='https://devfolio.notion.site/Filecoin-Devfolio-Hackathon-Season-Prize-998fc3fe477e474086ae1d5ed1685203';"
-                    >
-                      Learn More
-                    </button>
+                  <hr>
+                  <div class="text-center" style="margin-bottom: 10px">
+                    <button type="button" class="btn" data-bs-toggle="modal" data-ticket-type="standard-access"
+                      onclick="window.location.href='https://devfolio.notion.site/Filecoin-Devfolio-Hackathon-Season-Prize-998fc3fe477e474086ae1d5ed1685203';">Learn
+                      More</button>
                   </div>
                 </div>
               </div>
             </div>
           </div>
-          <br />
+          <br>
           <div class="row">
             <div class="col-lg-4" data-aos="fade-up" data-aos-delay="100">
               <div class="card mb-5 mb-lg-0">
                 <div class="card-body">
-                  <h5 class="card-title text-muted text-uppercase text-center">
-                    Celo H4B Award
-                  </h5>
+                  <h5 class="card-title text-muted text-uppercase text-center">Celo H4B Award</h5>
                   <h6 class="card-price text-center">Sponsor</h6>
-                  <hr />
+                  <hr>
                   <ul class="fa-ul">
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span
-                      >₹20,000 for best Dapp built on Celo
-                    </li>
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span
-                      >Continuity Support
-                    </li>
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>₹20,000 for best Dapp built on Celo</li>
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>Continuity Support</li>
                   </ul>
-                  <hr />
-                  <div class="text-center">
-                    <button
-                      type="button"
-                      class="btn"
-                      data-bs-toggle="modal"
-                      data-ticket-type="standard-access"
-                      onclick="window.location.href = 'https://www.notion.so/Celo-Devfolio-Hackathon-Season-Prize-8b98dac17f134abeae863d5d98c01ff0'"
-                    >
-                      Learn More
-                    </button>
+                  <hr>
+                  <div class="text-center" style="margin-bottom: 10px">
+                    <button type="button" class="btn" data-bs-toggle="modal" data-ticket-type="standard-access"
+                      onclick="window.location.href = 'https://www.notion.so/Celo-Devfolio-Hackathon-Season-Prize-8b98dac17f134abeae863d5d98c01ff0'">Learn
+                      More</button>
                   </div>
                 </div>
               </div>
@@ -1675,32 +1126,18 @@ <h6 class="card-price text-center">Sponsor</h6>
             <div class="col-lg-4" data-aos="fade-up" data-aos-delay="200">
               <div class="card mb-5 mb-lg-0">
                 <div class="card-body">
-                  <h5 class="card-title text-muted text-uppercase text-center">
-                    Filecoin H4B Award
-                  </h5>
+                  <h5 class="card-title text-muted text-uppercase text-center">Filecoin H4B Award</h5>
                   <h6 class="card-price text-center">Sponsor</h6>
-                  <hr />
+                  <hr>
                   <ul class="fa-ul">
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span
-                      >₹20000 for best use of IPFS
-                    </li>
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span
-                      >₹20000 for best use of Filecoin
-                    </li>
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>₹20000 for best use of IPFS</li>
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>₹20000 for best use of Filecoin</li>
                   </ul>
-                  <hr />
-                  <div class="text-center">
-                    <button
-                      type="button"
-                      class="btn"
-                      data-bs-toggle="modal"
-                      data-ticket-type="standard-access"
-                      onclick="window.location.href='https://devfolio.notion.site/Filecoin-Devfolio-Hackathon-Season-Prize-998fc3fe477e474086ae1d5ed1685203';"
-                    >
-                      Learn More
-                    </button>
+                  <hr>
+                  <div class="text-center" style="margin-bottom: 10px">
+                    <button type="button" class="btn" data-bs-toggle="modal" data-ticket-type="standard-access"
+                      onclick="window.location.href='https://devfolio.notion.site/Filecoin-Devfolio-Hackathon-Season-Prize-998fc3fe477e474086ae1d5ed1685203';">Learn
+                      More</button>
                   </div>
                 </div>
               </div>
@@ -1709,121 +1146,78 @@ <h6 class="card-price text-center">Sponsor</h6>
             <div class="col-lg-4" data-aos="fade-up" data-aos-delay="300">
               <div class="card">
                 <div class="card-body">
-                  <h5 class="card-title text-muted text-uppercase text-center">
-                    Polygon H4B Award
-                  </h5>
+                  <h5 class="card-title text-muted text-uppercase text-center">Polygon H4B Award</h5>
                   <h6 class="card-price text-center">Sponsor</h6>
-                  <hr />
+                  <hr>
                   <ul class="fa-ul">
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span
-                      >₹10,000 for best hack built on ETH, or
-                    </li>
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span
-                      >₹15,000 for best hack built on ETH + Polygon
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>₹10,000 for best hack built on ETH, or
                     </li>
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>₹15,000 for best hack built on ETH +
+                      Polygon</li>
                   </ul>
-                  <hr />
-                  <div class="text-center">
-                    <button
-                      type="button"
-                      class="btn"
-                      data-bs-toggle="modal"
-                      data-ticket-type="standard-access"
-                      onclick="window.location.href='https://www.notion.so/Polygon-Devfolio-Hackathon-Season-Prize-de8961d5eeff4780963749da0b75037c';"
-                    >
-                      Learn More
-                    </button>
+                  <hr>
+                  <div class="text-center" style="margin-bottom: 10px">
+                    <button type="button" class="btn" data-bs-toggle="modal" data-ticket-type="standard-access"
+                      onclick="window.location.href='https://www.notion.so/Polygon-Devfolio-Hackathon-Season-Prize-de8961d5eeff4780963749da0b75037c';">Learn
+                      More</button>
                   </div>
                 </div>
               </div>
             </div>
           </div>
-          <br />
+          <br>
           <div class="row justify-content-center">
-            <div class="col-lg-4" data-aos="fade-up" data-aos-delay="100">
+            <div class="col-lg-4 " data-aos="fade-up" data-aos-delay="100">
               <div class="card mb-5 mb-lg-0">
                 <div class="card-body">
-                  <h5 class="card-title text-muted text-uppercase text-center">
-                    All Participants
-                  </h5>
+                  <h5 class="card-title text-muted text-uppercase text-center">All Participants</h5>
                   <h6 class="card-price text-center">#Swagsforall</h6>
                   <h6 class="text-center">On Valid Submission</h6>
-                  <hr />
+                  <hr>
                   <ul class="fa-ul">
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span>MLH
-                      Swags
-                    </li>
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span
-                      >Taskade 5-year Upgrade
-                    </li>
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span
-                      >1Password access for 1 year
-                    </li>
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span>$100
-                      DigitalOcean Credits for 60 days
-                    </li>
-                    <li>
-                      <span class="fa-li"><i class="fa fa-check"></i></span>Full
-                      Interview Course by Interview Cake
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>MLH Swags</li>
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>Taskade 5-year Upgrade</li>
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>1Password access for 1 year</li>
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>$100 DigitalOcean Credits for 60 days</li>
+                    <li><span class="fa-li"><i class="fa fa-check"></i></span>Full Interview Course by Interview Cake
                     </li>
                   </ul>
-                  <hr />
-                  <div class="text-center">
-                    <button
-                      type="button"
-                      class="btn"
-                      data-bs-toggle="modal"
-                      data-ticket-type="standard-access"
-                      onclick="window.location.href='https://bit.ly/H4B-Digital-Swags';"
-                    >
-                      Digital Swags
-                    </button>
+                  <hr>
+                  <div class="text-center" style="margin-bottom: 10px">
+                    <button type="button" class="btn" data-bs-toggle="modal" data-ticket-type="standard-access"
+                      onclick="window.location.href='https://bit.ly/H4B-Digital-Swags';">Digital Swags</button>
                   </div>
                 </div>
               </div>
             </div>
+
           </div>
         </div>
         <!-- ======= Team Section ======= -->
         <!-- ======= Team Section ======= -->
         <section id="judges" class="team section-bg">
           <div class="container" data-aos="fade-up">
+
             <div class="section-title">
               <h2>Judges</h2>
-              <p>
-                H4B is proud to present it Judges who are having the real life
-                experience of Developing products who will help us in choosing
-                the best blooming idea and solution among all.
-              </p>
+              <p>H4B is proud to present it Judges who are having the real life experience of Developing products who
+                will help us in choosing the best blooming idea and solution among all.</p>
             </div>
 
-            <div class="row">
+            <div style="justify-content: center; align-items: center;" class="row">
+
               <div class="col-lg-3 col-md-6 d-flex align-items-stretch">
                 <div class="member" data-aos="fade-up" data-aos-delay="100">
                   <div class="member-img">
-                    <img
-                      src="assets/img/team/manvi.jpeg"
-                      class="img-fluid"
-                      alt="Manvi Singhwal"
-                    />
+                    <img src="assets/img/team/manvi.jpeg" class="img-fluid" alt="Manvi Singhwal">
                     <div class="social">
-                      <a href="https://www.linkedin.com/in/manvisinghwal/"
-                        ><i class="bi bi-linkedin"></i
-                      ></a>
+                      <a href="https://www.linkedin.com/in/manvisinghwal/"><i class="bi bi-linkedin"></i></a>
                     </div>
                   </div>
                   <div class="member-info">
                     <h4>Manvi Singhwal</h4>
-                    <span
-                      >Product Designer<br />
-                      Doubtnut</span
-                    >
+                    <span>Product Designer<br>
+                      Doubtnut</span>
                   </div>
                 </div>
               </div>
@@ -1831,23 +1225,15 @@ <h4>Manvi Singhwal</h4>
               <div class="col-lg-3 col-md-6 d-flex align-items-stretch">
                 <div class="member" data-aos="fade-up" data-aos-delay="200">
                   <div class="member-img">
-                    <img
-                      src="assets/img/team/saumya.jpeg"
-                      class="img-fluid"
-                      alt="Saumya Singh"
-                    />
+                    <img src="assets/img/team/saumya.jpeg" class="img-fluid" alt="Saumya Singh">
                     <div class="social">
-                      <a href="https://www.linkedin.com/in/saumya1singh/"
-                        ><i class="bi bi-linkedin"></i
-                      ></a>
+                      <a href="https://www.linkedin.com/in/saumya1singh/"><i class="bi bi-linkedin"></i></a>
                     </div>
                   </div>
                   <div class="member-info">
                     <h4>Saumya Singh</h4>
-                    <span
-                      >Software Engineer<br />
-                      Red Hat</span
-                    >
+                    <span>Software Engineer<br>
+                      Red Hat</span>
                   </div>
                 </div>
               </div>
@@ -1855,44 +1241,30 @@ <h4>Saumya Singh</h4>
               <div class="col-lg-3 col-md-6 d-flex align-items-stretch">
                 <div class="member" data-aos="fade-up" data-aos-delay="300">
                   <div class="member-img">
-                    <img
-                      src="assets/img/team/vinit.png"
-                      class="img-fluid"
-                      alt="Vinit Shahdeo"
-                    />
+                    <img src="assets/img/team/vinit.png" class="img-fluid" alt="Vinit Shahdeo">
                     <div class="social">
-                      <a href="https://www.linkedin.com/in/vinitshahdeo/"
-                        ><i class="bi bi-linkedin"></i
-                      ></a>
+                      <a href="https://www.linkedin.com/in/vinitshahdeo/"><i class="bi bi-linkedin"></i></a>
                     </div>
                   </div>
                   <div class="member-info">
-                    <h4>Vinit Shahdeo</h4>
-                    <span
-                      >Software Engineer II, Postman<br />GitHub Star,
-                      India</span
-                    >
+                    <h4>
+                      Vinit Shahdeo</h4>
+                    <span>Software Engineer II,
+                      Postman<br>GitHub Star, India</span>
                   </div>
                 </div>
               </div>
               <div class="col-lg-3 col-md-6 d-flex align-items-stretch">
                 <div class="member" data-aos="fade-up" data-aos-delay="300">
                   <div class="member-img">
-                    <img
-                      src="assets/img/team/sri.jpeg"
-                      class="img-fluid"
-                      alt="Jaydip Dey"
-                    />
+                    <img src="assets/img/team/sri.jpeg" class="img-fluid" alt="Jaydip Dey">
                     <div class="social">
-                      <a
-                        href="https://www.linkedin.com/in/jaydip-dey-8a90221b2/"
-                        ><i class="bi bi-linkedin"></i
-                      ></a>
+                      <a href="https://www.linkedin.com/in/jaydip-dey-8a90221b2/"><i class="bi bi-linkedin"></i></a>
                     </div>
                   </div>
                   <div class="member-info">
                     <h4>Jaydip Dey</h4>
-                    <span>SDE intern<br />Optum (UnitedHealth Group)</span>
+                    <span>SDE intern<br>Optum (UnitedHealth Group)</span>
                   </div>
                 </div>
               </div>
@@ -1913,168 +1285,126 @@ <h2><button type="button" class="sponsor-us"><a href="team.html">Know More</a></
             </style>
             
           </div> -->
+
             </div>
+
           </div>
-        </section>
-        <!-- End Team Section -->
+        </section><!-- End Team Section -->
 
         <!-- ======= Frequently Asked Questions Section ======= -->
         <section id="faq" class="faq">
           <div class="container" data-aos="fade-up">
+
             <div class="section-title">
               <h2>Frequently Asked Questions</h2>
             </div>
 
             <ul class="faq-list accordion" data-aos="fade-up">
+
               <li>
-                <a
-                  data-bs-toggle="collapse"
-                  class="collapsed"
-                  data-bs-target="#faq1"
-                  >WHAT IS A HACKATHON?
-                  <i class="bx bx-chevron-down icon-show"></i
-                  ><i class="bx bx-x icon-close"></i
-                ></a>
+                <a data-bs-toggle="collapse" class="collapsed" data-bs-target="#faq1">WHAT IS A HACKATHON? <i
+                    class="bx bx-chevron-down icon-show"></i><i class="bx bx-x icon-close"></i></a>
                 <div id="faq1" class="collapse" data-bs-parent=".faq-list">
                   <p>
-                    A hackathon is social coding event where programmers,
-                    designers, and developers collaborate to solve a problem and
-                    compete for cash prizes. It’s one part party, one part
-                    work-hard overnight battle against the clock and the
-                    competition.
+                    A hackathon is social coding event where programmers, designers, and developers collaborate to solve
+                    a
+                    problem and compete for cash prizes. It’s one part party, one part work-hard overnight battle
+                    against
+                    the clock and the competition.
                   </p>
                 </div>
               </li>
 
               <li>
-                <a
-                  data-bs-toggle="collapse"
-                  data-bs-target="#faq2"
-                  class="collapsed"
-                  >WHY WOULD SOMEONE PARTICIPATE IN A HACKATHON?
-                  <i class="bx bx-chevron-down icon-show"></i
-                  ><i class="bx bx-x icon-close"></i
-                ></a>
+                <a data-bs-toggle="collapse" data-bs-target="#faq2" class="collapsed">WHY WOULD SOMEONE PARTICIPATE IN A
+                  HACKATHON? <i class="bx bx-chevron-down icon-show"></i><i class="bx bx-x icon-close"></i></a>
                 <div id="faq2" class="collapse" data-bs-parent=".faq-list">
                   <p>
-                    People participate in hackathons for lots of reason: the
-                    challenge, the creative outlet, the community collaboration,
-                    the networking, the swag and maybe Prizes!
+                    People participate in hackathons for lots of reason: the challenge, the creative outlet, the
+                    community
+                    collaboration, the networking, the swag and maybe Prizes!
                   </p>
                 </div>
               </li>
 
               <li>
-                <a
-                  data-bs-toggle="collapse"
-                  data-bs-target="#faq3"
-                  class="collapsed"
-                  >WHO CAN PARTICIPATE? ARE THERE ANY PREREQUISITES OR REQUIRED
-                  SKILLS?<i class="bx bx-chevron-down icon-show"></i
-                  ><i class="bx bx-x icon-close"></i
-                ></a>
+                <a data-bs-toggle="collapse" data-bs-target="#faq3" class="collapsed">WHO CAN PARTICIPATE? ARE THERE ANY
+                  PREREQUISITES OR REQUIRED SKILLS?<i class="bx bx-chevron-down icon-show"></i><i
+                    class="bx bx-x icon-close"></i></a>
                 <div id="faq3" class="collapse" data-bs-parent=".faq-list">
                   <p>
-                    Anyone is welcome to participate in this event. While
-                    experience coding and programming is a huge plus, teams will
-                    also need strong presentation skills and brilliant ideas.
+                    Anyone is welcome to participate in this event. While experience coding and programming is a huge
+                    plus,
+                    teams will also need strong presentation skills and brilliant ideas.
                   </p>
                 </div>
               </li>
 
               <li>
-                <a
-                  data-bs-toggle="collapse"
-                  data-bs-target="#faq4"
-                  class="collapsed"
-                  >DO I NEED A TEAM? <i class="bx bx-chevron-down icon-show"></i
-                  ><i class="bx bx-x icon-close"></i
-                ></a>
+                <a data-bs-toggle="collapse" data-bs-target="#faq4" class="collapsed">DO I NEED A TEAM? <i
+                    class="bx bx-chevron-down icon-show"></i><i class="bx bx-x icon-close"></i></a>
                 <div id="faq4" class="collapse" data-bs-parent=".faq-list">
                   <p>
-                    While you can work alone, Hack4Bengal is a team event, so
-                    working with others is encouraged. There are a few ways to
-                    find teammates: You can pick your team from people you
-                    already know, post in our Discord Server to other members,
-                    find a team member via DevPost, meet them at pre-hackathon
-                    info sessions or the kickoff party.
+                    While you can work alone, Hack4Bengal is a team event, so working with others is encouraged. There
+                    are a
+                    few ways to find teammates: You can pick your team from people you already know, post in our Discord
+                    Server to other members, find a team member via DevPost, meet them at pre-hackathon info sessions or
+                    the
+                    kickoff party.
                   </p>
                 </div>
               </li>
 
               <li>
-                <a
-                  data-bs-toggle="collapse"
-                  data-bs-target="#faq5"
-                  class="collapsed"
-                  >IS THERE ANYTHING THAT I NEED TO PREP?
-                  <i class="bx bx-chevron-down icon-show"></i
-                  ><i class="bx bx-x icon-close"></i
-                ></a>
+                <a data-bs-toggle="collapse" data-bs-target="#faq5" class="collapsed">IS THERE ANYTHING THAT I NEED TO
+                  PREP?
+                  <i class="bx bx-chevron-down icon-show"></i><i class="bx bx-x icon-close"></i></a>
                 <div id="faq5" class="collapse" data-bs-parent=".faq-list">
                   <p>
-                    Other than finding fellow brilliant minds with complementary
-                    skills to team up with, there is nothing that you need to
-                    prepare in advance.
+                    Other than finding fellow brilliant minds with complementary skills to team up with, there is
+                    nothing
+                    that you need to prepare in advance.
                   </p>
                 </div>
               </li>
 
               <li>
-                <a
-                  data-bs-toggle="collapse"
-                  data-bs-target="#faq6"
-                  class="collapsed"
-                  >IS THERE ANYTHING FEE INVOLVED?<i
-                    class="bx bx-chevron-down icon-show"
-                  ></i
-                  ><i class="bx bx-x icon-close"></i
-                ></a>
+                <a data-bs-toggle="collapse" data-bs-target="#faq6" class="collapsed">IS THERE ANYTHING FEE INVOLVED?<i
+                    class="bx bx-chevron-down icon-show"></i><i class="bx bx-x icon-close"></i></a>
                 <div id="faq6" class="collapse" data-bs-parent=".faq-list">
                   <p>
-                    It's free for everyone to participate. There is no money
-                    involved at any point during this Hackathon.
+                    It's free for everyone to participate. There is no money involved at any point during this
+                    Hackathon.
                   </p>
                 </div>
               </li>
+
             </ul>
           </div>
-        </section>
-        <!-- End Frequently Asked Questions Section -->
+        </section><!-- End Frequently Asked Questions Section -->
 
         <!-- ======= Team Section ======= -->
-        <section id="team" class="team section-bg">
+        <section id="team" class="team section-bg" name="team" id="team"  >
           <div class="container" data-aos="fade-up">
+            <a href="team" id="team" name="team" class="team" ></a>
+
+  
             <div class="section-title">
-              <h2>Team</h2>
-              <p>
-                H4B comprises of a 25+ Members Team led by 3. Let's make this
-                event a grand success together.
-              </p>
+              <h2 id="team" name="team" >Team</h2>
+              <p>H4B comprises of a 25+ Members Team led by 3. Let's make this event a grand success together.</p>
             </div>
 
-            <div class="row">
+            <div style="justify-content: center; align-items: center;" class="row">
+
               <div class="col-lg-3 col-md-6 d-flex align-items-stretch">
                 <div class="member" data-aos="fade-up" data-aos-delay="100">
                   <div class="member-img">
-                    <img
-                      src="assets/img/team/manish.jpg"
-                      class="img-fluid"
-                      alt="Manish Kumar Barnwal"
-                    />
+                    <img src="assets/img/team/manish.jpg" class="img-fluid" alt="Manish Kumar Barnwal">
                     <div class="social">
-                      <a href="https://twitter.com/imanishbarnwal"
-                        ><i class="bi bi-twitter"></i
-                      ></a>
-                      <a href="https://github.com/imanishbarnwal"
-                        ><i class="bi bi-github"></i
-                      ></a>
-                      <a href="https://instagram.com/imanishbarnwal"
-                        ><i class="bi bi-instagram"></i
-                      ></a>
-                      <a href="https://www.linkedin.com/in/imanishbarnwal"
-                        ><i class="bi bi-linkedin"></i
-                      ></a>
+                      <a href="https://twitter.com/imanishbarnwal"><i class="bi bi-twitter"></i></a>
+                      <a href="https://github.com/imanishbarnwal"><i class="bi bi-github"></i></a>
+                      <a href="https://instagram.com/imanishbarnwal"><i class="bi bi-instagram"></i></a>
+                      <a href="https://www.linkedin.com/in/imanishbarnwal"><i class="bi bi-linkedin"></i></a>
                     </div>
                   </div>
                   <div class="member-info">
@@ -2087,24 +1417,12 @@ <h4>Manish Kumar Barnwal</h4>
               <div class="col-lg-3 col-md-6 d-flex align-items-stretch">
                 <div class="member" data-aos="fade-up" data-aos-delay="200">
                   <div class="member-img">
-                    <img
-                      src="assets/img/team/team-2.jpg"
-                      class="img-fluid"
-                      alt=""
-                    />
+                    <img src="assets/img/team/team-2.jpg" class="img-fluid" alt="">
                     <div class="social">
-                      <a href="https://twitter.com/MitraSagnik"
-                        ><i class="bi bi-twitter"></i
-                      ></a>
-                      <a href="https://www.facebook.com/sagnik.mitra.562"
-                        ><i class="bi bi-facebook"></i
-                      ></a>
-                      <a href="https://www.instagram.com/sagnikmitr/"
-                        ><i class="bi bi-instagram"></i
-                      ></a>
-                      <a href="https://www.linkedin.com/in/sagnikmitra/"
-                        ><i class="bi bi-linkedin"></i
-                      ></a>
+                      <a href="https://twitter.com/MitraSagnik"><i class="bi bi-twitter"></i></a>
+                      <a href="https://www.facebook.com/sagnik.mitra.562"><i class="bi bi-facebook"></i></a>
+                      <a href="https://www.instagram.com/sagnikmitr/"><i class="bi bi-instagram"></i></a>
+                      <a href="https://www.linkedin.com/in/sagnikmitra/"><i class="bi bi-linkedin"></i></a>
                     </div>
                   </div>
                   <div class="member-info">
@@ -2117,27 +1435,13 @@ <h4>Sagnik Mitra</h4>
               <div class="col-lg-3 col-md-6 d-flex align-items-stretch">
                 <div class="member" data-aos="fade-up" data-aos-delay="300">
                   <div class="member-img">
-                    <img
-                      src="assets/img/team/team-3.jpg"
-                      class="img-fluid"
-                      alt=""
-                    />
+                    <img src="assets/img/team/team-3.jpg" class="img-fluid" alt="">
                     <div class="social">
-                      <a href="https://twitter.com/shubham_tribedi"
-                        ><i class="bi bi-twitter"></i
-                      ></a>
-                      <a href="https://www.facebook.com/shubham.tribedi"
-                        ><i class="bi bi-facebook"></i
-                      ></a>
-                      <a href="https://www.instagram.com/shubhamtribedi/"
-                        ><i class="bi bi-instagram"></i
-                      ></a>
-                      <a href="https://www.linkedin.com/in/shubham-tribedi/"
-                        ><i class="bi bi-linkedin"></i
-                      ></a>
-                      <a href="https://github.com/CoderShubham2000/"
-                        ><i class="bi bi-github"></i
-                      ></a>
+                      <a href="https://twitter.com/shubham_tribedi"><i class="bi bi-twitter"></i></a>
+                      <a href="https://www.facebook.com/shubham.tribedi"><i class="bi bi-facebook"></i></a>
+                      <a href="https://www.instagram.com/shubhamtribedi/"><i class="bi bi-instagram"></i></a>
+                      <a href="https://www.linkedin.com/in/shubham-tribedi/"><i class="bi bi-linkedin"></i></a>
+                      <a href="https://github.com/CoderShubham2000/"><i class="bi bi-github"></i></a>
                     </div>
                   </div>
                   <div class="member-info">
@@ -2160,318 +1464,184 @@ <h4><a href="team.html" style="color: #000;">Know More</a></h4>
           </div> -->
 
               <div class="sponsor-us section-title">
-                <h2>
-                  <button type="button" class="sponsor-us">
-                    <a href="team.html">Know More</a>
-                  </button>
+                <h2><button type="button" class="sponsor-us"><a href="team.html">Know More</a></button>
                 </h2>
+
+                <style>
+                  .sponsor-us {
+                    border: #000;
+                    border-radius: 30px;
+                    padding: 10px 20px 10px 0px;
+                    font-size: 20px;
+                    font-weight: bold;
+                    color: red;
+                  }
+                </style>
+
               </div>
+
             </div>
+
           </div>
-        </section>
-        <!-- End Team Section -->
+        </section><!-- End Team Section -->
+
+
 
         <!-- ======= Clients Section ======= -->
         <section id="clients" class="clients">
           <div class="container" data-aos="zoom-in">
             <div class="section-title">
               <h2>Community Partners</h2>
-              <p>
-                Shoutout to all out Community partner for helping us managing
-                the event and providing the participants with the best possible
-                experience
-              </p>
+              <p>Shoutout to all out Community partner for helping us managing the event and providing the participants
+                with
+                the best possible experience</p>
             </div>
             <div class="clients-slider swiper">
               <div class="swiper-wrapper align-items-center">
-                <div class="swiper-slide">
-                  <a
-                    href="https://www.linkedin.com/company/mlsa-snu/"
-                    target="_blank"
-                    ><img
-                      src="assets/img/clients/mlsa.jpg"
-                      class="img-fluid"
-                      alt=""
-                  /></a>
-                </div>
-                <div class="swiper-slide">
-                  <a
-                    href="https://gdg.community.dev/gdg-kolkata/"
-                    target="_blank"
-                    ><img
-                      src="assets/img/clients/gdg.png"
-                      class="img-fluid"
-                      alt=""
-                  /></a>
-                </div>
-                <div class="swiper-slide">
-                  <a href="https://education.github.com/" target="_blank"
-                    ><img
-                      src="assets/img/clients/github.jpg"
-                      class="img-fluid"
-                      alt=""
-                  /></a>
-                </div>
-                <div class="swiper-slide">
-                  <a
-                    href="https://www.linkedin.com/company/hackclub-snu"
-                    target="_blank"
-                    ><img
-                      src="assets/img/clients/hackclub.jpg"
-                      class="img-fluid"
-                      alt=""
-                  /></a>
-                </div>
-                <div class="swiper-slide">
-                  <a href="https://www.postman.com/" target="_blank"
-                    ><img
-                      src="assets/img/clients/postman.jpg"
-                      class="img-fluid"
-                      alt=""
-                  /></a>
-                </div>
-              </div>
-            </div>
-            <br />
+                <div class="swiper-slide"><a href="https://www.linkedin.com/company/mlsa-snu/" target="_blank"><img
+                      src="assets/img/clients/mlsa.jpg" class="img-fluid" alt=""></a></div>
+                <div class="swiper-slide"><a href="https://gdg.community.dev/gdg-kolkata/" target="_blank"><img
+                      src="assets/img/clients/gdg.png" class="img-fluid" alt=""></a></div>
+                <div class="swiper-slide"><a href="https://education.github.com/" target="_blank"><img
+                      src="assets/img/clients/github.jpg" class="img-fluid" alt=""></a></div>
+                <div class="swiper-slide"><a href="https://www.linkedin.com/company/hackclub-snu" target="_blank"><img
+                      src="assets/img/clients/hackclub.jpg" class="img-fluid" alt=""></a></div>
+                <div class="swiper-slide"><a href="https://www.postman.com/" target="_blank"><img
+                      src="assets/img/clients/postman.jpg" class="img-fluid" alt=""></a></div>
+              </div>
+            </div>
+            <br>
             <div class="clients-slider swiper">
               <div class="swiper-wrapper align-items-center">
-                <div class="swiper-slide">
-                  <a href="https://codechefsnu.codes/" target="_blank"
-                    ><img
-                      src="assets/img/clients/cc.jpg"
-                      class="img-fluid"
-                      alt=""
-                  /></a>
-                </div>
-                <div class="swiper-slide">
-                  <a
-                    href="https://www.linkedin.com/company/geeksforgeeks-snu-chapter/"
-                    target="_blank"
-                    ><img
-                      src="assets/img/clients/gfg.jpg"
-                      class="img-fluid"
-                      alt=""
-                  /></a>
-                </div>
-                <div class="swiper-slide">
-                  <a
-                    href="https://gdsc.community.dev/sister-nivedita-university-kolkata/"
-                    target="_blank"
-                    ><img
-                      src="assets/img/clients/gdsc.jpg"
-                      class="img-fluid"
-                      alt=""
-                  /></a>
-                </div>
-
-                <div class="swiper-slide">
-                  <a
-                    href="https://community.codecademy.com/bharat/"
-                    target="_blank"
-                    ><img
-                      src="assets/img/clients/codeacademy.jpg"
-                      class="img-fluid"
-                      alt=""
-                  /></a>
-                </div>
-                <div class="swiper-slide">
-                  <a
-                    href="https://www.linkedin.com/company/mozilla-kolkata"
-                    target="_blank"
-                    ><img
-                      src="assets/img/clients/mozilla.jpg"
-                      class="img-fluid"
-                      alt=""
-                  /></a>
-                </div>
-
-                <div class="swiper-slide">
-                  <a
-                    href="https://www.linkedin.com/company/coding-blocks-snu-chapter"
-                    target="_blank"
-                    ><img
-                      src="assets/img/clients/cb.jpg"
-                      class="img-fluid"
-                      alt=""
-                  /></a>
-                </div>
-              </div>
-              <br />
+                <div class="swiper-slide"><a href="https://codechefsnu.codes/" target="_blank"><img
+                      src="assets/img/clients/cc.jpg" class="img-fluid" alt=""></a></div>
+                <div class="swiper-slide"><a href="https://www.linkedin.com/company/geeksforgeeks-snu-chapter/"
+                    target="_blank"><img src="assets/img/clients/gfg.jpg" class="img-fluid" alt=""></a></div>
+                <div class="swiper-slide"><a href="https://gdsc.community.dev/sister-nivedita-university-kolkata/"
+                    target="_blank"><img src="assets/img/clients/gdsc.jpg" class="img-fluid" alt=""></a></div>
+
+                <div class="swiper-slide"><a href="https://community.codecademy.com/bharat/" target="_blank"><img
+                      src="assets/img/clients/codeacademy.jpg" class="img-fluid" alt=""></a></div>
+                <div class="swiper-slide"><a href="https://www.linkedin.com/company/mozilla-kolkata"
+                    target="_blank"><img src="assets/img/clients/mozilla.jpg" class="img-fluid" alt=""></a></div>
+
+                <div class="swiper-slide"><a href="https://www.linkedin.com/company/coding-blocks-snu-chapter"
+                    target="_blank"><img src="assets/img/clients/cb.jpg" class="img-fluid" alt=""></a></div>
+              </div>
+              <br>
               <div class="sponsor-us section-title">
-                <h2>
-                  <button type="button" class="sponsor-us">
-                    <a href="community-partners.html">View More</a>
-                  </button>
+                <h2><button type="button" class="sponsor-us"><a href="community-partners.html">View More</a></button>
                 </h2>
+                <style>
+                  .sponsor-us {
+                    border: #000;
+                    border-radius: 30px;
+                    padding: 10px 20px 10px 20px;
+                    font-size: 20px;
+                    font-weight: bold;
+                    color: red;
+                  }
+                </style>
               </div>
             </div>
 
             <div class="swiper-pagination"></div>
           </div>
+
         </section>
         <!-- End Clients Section -->
-      </section>
-      <!-- End Contact Section -->
-    </main>
-    <!-- End #main -->
+
+      </section><!-- End Contact Section -->
+
+    </main><!-- End #main -->
 
     <!-- ======= Footer ======= -->
     <footer id="footer">
+
       <div class="footer-top">
         <div class="container">
           <div class="row">
+
             <div class="col-lg-3 col-md-6 footer-contact">
               <h3>Hack<span>4</span>Bengal</h3>
               <p>
                 <a href="https://g.page/snuindia?share">
-                  DG 1/2 New Town, Action Area 1 <br />
-                  Kolkata - 700156<br />
-                  West Bengal, India <br />
+                  DG 1/2 New Town, Action Area 1 <br>
+                  Kolkata - 700156<br>
+                  West Bengal, India <br>
                 </a>
-                <br />
+                <br>
                 <!-- <strong>Phone:</strong> +1 5589 55488 55<br> -->
-                <a href="mailto:hack4bengal@gmail.com"
-                  ><strong>Email:</strong> hack4bengal@gmail.com<br
-                /></a>
+                <a href="mailto:hack4bengal@gmail.com"><strong><i class="bi bi-envelope"></i> :</strong>
+                  hack4bengal@gmail.com<br></a>
               </p>
             </div>
 
             <div class="col-lg-2 col-md-6 footer-links">
               <h4>Useful Links</h4>
               <ul>
-                <li>
-                  <i class="bx bx-chevron-right"></i> <a href="#">Home</a>
-                </li>
-                <li>
-                  <i class="bx bx-chevron-right"></i>
-                  <a href="#about">About us</a>
-                </li>
-                <li>
-                  <i class="bx bx-chevron-right"></i>
-                  <a href="#themes">Themes</a>
-                </li>
-                <li>
-                  <i class="bx bx-chevron-right"></i>
-                  <a href="#timeline">Timeline</a>
-                </li>
-                <li>
-                  <i class="bx bx-chevron-right"></i>
-                  <a href="team.html">Our Team</a>
-                </li>
+                <li><i class="bx bx-chevron-right"></i> <a href="#">Home</a></li>
+                <li><i class="bx bx-chevron-right"></i> <a href="#about">About us</a></li>
+                <li><i class="bx bx-chevron-right"></i> <a href="#services">Themes</a></li>
+                <li><i class="bx bx-chevron-right"></i> <a href="#timeline">Timeline</a></li>
+                <li><i class="bx bx-chevron-right"></i> <a href="team.html">Our Team</a></li>
               </ul>
             </div>
 
             <div class="col-lg-3 col-md-6 footer-links">
               <h4>Our Socials</h4>
               <ul>
-                <li>
-                  <i class="bx bx-chevron-facebook"></i>
-                  <a
-                    href="https://www.facebook.com/Hack4Bengal/"
-                    target="_blank"
-                    >Facebook</a
-                  >
-                </li>
-                <li>
-                  <i class="bx bx-chevron-instagram"></i>
-                  <a href="https://instagram.com/hack4bengal" target="_blank"
-                    >Instagram</a
-                  >
-                </li>
-                <li>
-                  <i class="bx bx-chevron-twitter"></i>
-                  <a href="https://twitter.com/hack4bengal" target="_blank"
-                    >Twitter</a
-                  >
-                </li>
-                <li>
-                  <i class="bx bx-chevron-linkedin"></i>
-                  <a
-                    href="https://www.linkedin.com/company/hack4bengal"
-                    target="_blank"
-                    >LinkedIn</a
-                  >
-                </li>
-                <li>
-                  <i class="bx bx-chevron-youtube"></i>
-                  <a
-                    href="https://youtube.com/channel/UCBZbza6kdZWhpW6Z5YG40KA"
-                    target="_blank"
-                    >Youtube</a
-                  >
+                <li><i class="bx bx-chevron-facebook"></i> <a href="https://www.facebook.com/Hack4Bengal/"
+                    target="_blank">Facebook</a>
                 </li>
+                <li><i class="bx bx-chevron-instagram"></i> <a href="https://instagram.com/hack4bengal"
+                    target="_blank">Instagram</a></li>
+                <li><i class="bx bx-chevron-twitter"></i> <a href="https://twitter.com/hack4bengal"
+                    target="_blank">Twitter</a></li>
+                <li><i class="bx bx-chevron-linkedin"></i> <a href="https://www.linkedin.com/company/hack4bengal"
+                    target="_blank">LinkedIn</a></li>
+                <li><i class="bx bx-chevron-youtube"></i> <a href="https://youtube.com/channel/UCBZbza6kdZWhpW6Z5YG40KA"
+                    target="_blank">Youtube</a></li>
               </ul>
             </div>
 
             <div class="col-lg-4 col-md-6 footer-newsletter">
-              <h1 class="logo me-auto">
-                <a href="index.html">Hack<span>4</span>Bengal</a>
-              </h1>
-              <p>
-                A 48 Hours National Hackathon planned to be held on April 8. An
-                initiative by the Community. Supported by 10+ Technical
-                Communities. Join our Discord server to experience the madness.
-              </p>
-              <a
-                href="https://discord.gg/tw7yDYqYrW"
-                class="btn-join-discord scrollto"
-                >Join Discord</a
-              >
+              <h1 class="logo me-auto"><a href="index.html">Hack<span>4</span>Bengal</a></h1>
+              <p>A 48 Hours National Hackathon planned to be held on April 8. An initiative by the Community. Supported
+                by 10+ Technical
+                Communities. Join our Discord server to experience the madness.</p>
+              <a href="https://discord.gg/tw7yDYqYrW" class="btn-join-discord scrollto">Join Discord</a>
             </div>
+
+
           </div>
         </div>
       </div>
 
       <div class="container d-md-flex py-4">
+
         <div class="me-md-auto text-center text-md-start">
           <div class="copyright">
-            &copy; Copyright <strong><span>Hack4Bengal Team</span></strong
-            >. All Rights Reserved
+            &copy; Copyright <strong><span>Hack4Bengal Team</span></strong>. All Rights Reserved
+          </div>
+          <div class="credits">
           </div>
-          <div class="credits"></div>
         </div>
         <div class="social-links text-center text-md-end pt-3 pt-md-0">
-          <a
-            href="https://twitter.com/hack4bengal"
-            class="twitter"
-            target="_blank"
-            ><i class="bx bxl-twitter"></i
-          ></a>
-          <a
-            href="https://www.facebook.com/Hack4Bengal/"
-            class="facebook"
-            target="_blank"
-            ><i class="bx bxl-facebook"></i
-          ></a>
-          <a
-            href="https://instagram.com/hack4bengal"
-            class="instagram"
-            target="_blank"
-            ><i class="bx bxl-instagram"></i
-          ></a>
+          <a href="https://twitter.com/hack4bengal" class="twitter" target="_blank"><i class="bx bxl-twitter"></i></a>
+          <a href="https://www.facebook.com/Hack4Bengal/" class="facebook" target="_blank"><i
+              class="bx bxl-facebook"></i></a>
+          <a href="https://instagram.com/hack4bengal" class="instagram" target="_blank"><i
+              class="bx bxl-instagram"></i></a>
           <!-- <a href="#" class="google-plus"><i class="bx bxl-skype"></i></a> -->
-          <a
-            href="https://www.linkedin.com/company/hack4bengal"
-            class="linkedin"
-            target="_blank"
-            ><i class="bx bxl-linkedin"></i
-          ></a>
-          <a
-            href="https://discord.gg/tw7yDYqYrW"
-            class="discord"
-            target="_blank"
-            ><i class="bx bxl-discord"></i
-          ></a>
-          <a
-            href="https://github.com/hack4bengal"
-            class="github"
-            target="_blank"
-            ><i class="bx bxl-github"></i
-          ></a>
+          <a href="https://www.linkedin.com/company/hack4bengal" class="linkedin" target="_blank"><i
+              class="bx bxl-linkedin"></i></a>
+          <a href="https://discord.gg/tw7yDYqYrW" class="discord" target="_blank"><i class="bx bxl-discord"></i></a>
+          <a href="https://github.com/hack4bengal" class="github" target="_blank"><i class="bx bxl-github"></i></a>
         </div>
       </div>
-    </footer>
-    <!-- End Footer -->
+    </footer><!-- End Footer -->
+
 
     <!-- Vendor JS Files -->
     <script src="assets/vendor/purecounter/purecounter.js"></script>
@@ -2483,20 +1653,26 @@ <h1 class="logo me-auto">
     <script src="assets/vendor/php-email-form/validate.js"></script>
 
     <!-- Template Main JS File -->
-    <script src="js/main.js"></script>
-    <!-- Countdown JS file -->
-    <script src="js/countdown.js"></script>
+    <script src="assets/js/main.js"></script>
     <!--Start of Tawk.to Script-->
-    <script type="text/javascript" src="js/tawk.js"></script>
+    <script type="text/javascript">
+      var Tawk_API = Tawk_API || {}, Tawk_LoadStart = new Date();
+      (function () {
+        var s1 = document.createElement("script"), s0 = document.getElementsByTagName("script")[0];
+        s1.async = true;
+        s1.src = 'https://embed.tawk.to/6211e3451ffac05b1d7ac1d8/1fsatvin8';
+        s1.charset = 'UTF-8';
+        s1.setAttribute('crossorigin', '*');
+        s0.parentNode.insertBefore(s1, s0);
+      })();
+    </script>
     <!--End of Tawk.to Script-->
-    <a
-      id="mlh-trust-badge"
+    <a id="mlh-trust-badge"
+      style="display:block;max-width:100px;min-width:60px;position:fixed;right:5px;top:0;width:10%;z-index:10000"
       href="https://mlh.io/seasons/2022/events?utm_source=apac-hackathon&utm_medium=TrustBadge&utm_campaign=2022-season&utm_content=red"
-      target="_blank"
-      ><img
-        src="https://s3.amazonaws.com/logged-assets/trust-badge/2022/mlh-trust-badge-2022-red.svg"
-        alt="Major League Hacking 2022 Hackathon Season"
-    /></a>
+      target="_blank"><img src="https://s3.amazonaws.com/logged-assets/trust-badge/2022/mlh-trust-badge-2022-red.svg"
+        alt="Major League Hacking 2022 Hackathon Season" style="width:100%"></a>
     <script defer async src="https://apply.devfolio.co/v2/sdk.js"></script>
   </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/js/countdown.js b/js/countdown.js
deleted file mode 100644
index 3ca8c63..0000000
--- a/js/countdown.js
+++ /dev/null
@@ -1,22 +0,0 @@
-// Set the date we're counting down to
-var countDownDate = new Date("Apr 8, 2023 22:00:00").getTime();
-// Update the count down every 1 second
-var x = setInterval(function () {
-  // Get today's date and time
-  var now = new Date().getTime();
-  // Find the distance between now and the count down date
-  var distance = countDownDate - now;
-  // Time calculations for days, hours, minutes and seconds
-  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
-  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
-  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
-  var seconds = Math.floor((distance % (1000 * 60)) / 1000);
-  // Output the result in an element with id="demo"
-  document.getElementById("counterTimer").innerHTML =
-    days + "d " + hours + "h " + minutes + "m " + seconds + "s ";
-  // If the count down is over, write some text
-  if (distance < 0) {
-    clearInterval(x);
-    document.getElementById("demo").innerHTML = "EXPIRED";
-  }
-}, 1000);
diff --git a/js/tawk.js b/js/tawk.js
deleted file mode 100644
index 01579f9..0000000
--- a/js/tawk.js
+++ /dev/null
@@ -1,11 +0,0 @@
-var Tawk_API = Tawk_API || {},
-  Tawk_LoadStart = new Date();
-(function () {
-  var s1 = document.createElement("script"),
-    s0 = document.getElementsByTagName("script")[0];
-  s1.async = true;
-  s1.src = "https://embed.tawk.to/6211e3451ffac05b1d7ac1d8/1fsatvin8";
-  s1.charset = "UTF-8";
-  s1.setAttribute("crossorigin", "*");
-  s0.parentNode.insertBefore(s1, s0);
-})();
diff --git a/team.html b/team.html
index f4f265c..5085c42 100644
--- a/team.html
+++ b/team.html
@@ -29,7 +29,7 @@
   <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet" />
 
   <!-- Template Main CSS File -->
-  <link href="css/style.css" rel="stylesheet" />
+  <link href="assets/css/style.css" rel="stylesheet" />
 
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-SBJFT4043Y"></script>
@@ -45,9 +45,35 @@
 </head>
 
 <body>
-  <!-- ======= Header ======= -->
   <header id="header" class="fixed-top d-flex align-items-center">
     <div class="container d-flex align-items-center">
+
+      <h1 class="logo me-auto"><a href="index.html">Hack<span>4</span>Bengal</a></h1>
+      <!--Nav Bar Fixing -->  
+      <nav id="navbar" class="navbar order-last order-lg-0 mlh">
+        <div class="container">
+          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02"
+            aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+          </button>
+          <li style = "list-style-type: none;"><a class="nav-link " href="./index.html#hero">Home</a></li>
+          <li style = "list-style-type: none;"><a class="nav-link " href="./index.html#about">About</a></li>
+          <li style = "list-style-type: none;"><a class="nav-link " href="./index.html#timeline">Timeline</a></li>
+          <li style = "list-style-type: none;"><a class="nav-link " href="./index.html#themes">Themes</a></li>
+          <li style = "list-style-type: none;"><a class="nav-link " href="./index.html#sponsors">Sponsors</a></li>
+          <li style = "list-style-type: none;"><a class="nav-link " href="./index.html#prizes">Prizes</a></li>
+          <li style = "list-style-type: none;"><a class="nav-link  active" href="team.html">Team</a></li>
+          <li style = "list-style-type: none;"><a class="nav-link " href="events.html">Events</a></li>
+          
+            </ul>
+          </div>
+        </div>
+        <i class="bi bi-list mobile-nav-toggle mlh-button"></i>
+      </nav>    
+     </div>
+     <!-- Nav Bar Fixed --> 
+  </header><!-- End Header -->
+
       <h1 class="logo me-auto">
         <a href="index.html">Hack<span>4</span>Bengal</a>
       </h1>
@@ -96,6 +122,7 @@ <h1 class="logo me-auto">
       </a> -->
     </div>
   </header>
+
   <!-- End Header -->
 
   <!-- STICKY BUTTON -->
@@ -616,7 +643,7 @@ <h4>Soumyadip Mondal</h4>
         </div>
       </div> -->
   <!--</section>
-  <section id="sponsors" class="sponsors">
+  <section id="portfolio" class="portfolio">
     <div class="container" data-aos="fade-up">
 
       <div class="section-title">
@@ -627,7 +654,7 @@ <h2>Sponsors</h2>
 
       <div class="row" data-aos="fade-up" data-aos-delay="100">
         <div class="col-lg-12 d-flex justify-content-center">
-          <ul id="sponsors-flters">
+          <ul id="portfolio-flters">
             <li data-filter="*" class="filter-active">All</li>
             <li data-filter=".filter-app">Platinum</li>
             <li data-filter=".filter-card">Gold</li>
@@ -636,16 +663,16 @@ <h2>Sponsors</h2>
         </div>
       </div>
 
-      <div class="row sponsors-container" data-aos="fade-up" data-aos-delay="200">
+      <div class="row portfolio-container" data-aos="fade-up" data-aos-delay="200">
 
-        <div class="col-lg-4 col-md-6 sponsors-item filter-app">
-          <div class="sponsors-wrap">
-            <img src="assets/img/sponsors/devfolio.jpg" class="img-fluid" alt="">
-            <div class="sponsors-info">
+        <div class="col-lg-4 col-md-6 portfolio-item filter-app">
+          <div class="portfolio-wrap">
+            <img src="assets/img/portfolio/devfolio.jpg" class="img-fluid" alt="">
+            <div class="portfolio-info">
               <h4>Devfolio</h4>
               <p>Devfolio</p>
-              <div class="sponsors-links">
-                <a href="assets/img/sponsors/devfolio.jpg" data-gallery="sponsorsGallery" class="sponsors-lightbox"
+              <div class="portfolio-links">
+                <a href="assets/img/portfolio/devfolio.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"
                   title="Devfolio"><i class="bx bx-plus"></i></a>
                 <a href="https://devfolio.co" target="_blank" title="More Details"><i class="bx bx-link"></i></a>
               </div>
@@ -653,29 +680,29 @@ <h4>Devfolio</h4>
           </div>
         </div>
 
-        <div class="col-lg-4 col-md-6 sponsors-item filter-app">
-          <div class="sponsors-wrap">
-            <img src="assets/img/sponsors/polygon.jpg" class="img-fluid" alt="">
-            <div class="sponsors-info">
+        <div class="col-lg-4 col-md-6 portfolio-item filter-app">
+          <div class="portfolio-wrap">
+            <img src="assets/img/portfolio/polygon.jpg" class="img-fluid" alt="">
+            <div class="portfolio-info">
               <h4>Polygon</h4>
               <p>Polygon</p>
-              <div class="sponsors-links">
-                <a href="assets/img/sponsors/polygon.jpg" data-gallery="sponsorsGallery" class="sponsors-lightbox"
+              <div class="portfolio-links">
+                <a href="assets/img/portfolio/polygon.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"
                   title="Polygon"><i class="bx bx-plus"></i></a>
                 <a href="https://polygon.technology" target="_blank" title="More Details"><i class="bx bx-link"></i></a>
               </div>
             </div>
           </div>
-        </div> -->
+        </div>
 
-        <!-- <div class="col-lg-4 col-md-6 sponsors-item filter-app">
-          <div class="sponsors-wrap">
-            <img src="assets/img/sponsors/gitlab.jpg" class="img-fluid" alt="">
-            <div class="sponsors-info">
+        <!-- <div class="col-lg-4 col-md-6 portfolio-item filter-app">
+          <div class="portfolio-wrap">
+            <img src="assets/img/portfolio/gitlab.jpg" class="img-fluid" alt="">
+            <div class="portfolio-info">
               <h4>GitLab</h4>
               <p>GitLab</p>
-              <div class="sponsors-links">
-                <a href="assets/img/sponsors/gitlab.jpg" data-gallery="sponsorsGallery" class="sponsors-lightbox"
+              <div class="portfolio-links">
+                <a href="assets/img/portfolio/gitlab.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"
                   title="GitLab"><i class="bx bx-plus"></i></a>
                 <a href="https://gitlab.com" target="_blank" title="More Details"><i class="bx bx-link"></i></a>
               </div>
@@ -683,14 +710,14 @@ <h4>GitLab</h4>
           </div>
         </div> 
 
-        <div class="col-lg-4 col-md-6 sponsors-item filter-card">
-          <div class="sponsors-wrap">
-            <img src="assets/img/sponsors/filecoin.jpg" class="img-fluid" alt="">
-            <div class="sponsors-info">
+        <div class="col-lg-4 col-md-6 portfolio-item filter-card">
+          <div class="portfolio-wrap">
+            <img src="assets/img/portfolio/filecoin.jpg" class="img-fluid" alt="">
+            <div class="portfolio-info">
               <h4>Filecoin</h4>
               <p>Filecoin</p>
-              <div class="sponsors-links">
-                <a href="assets/img/sponsors/filecoin.jpg" data-gallery="sponsorsGallery" class="sponsors-lightbox"
+              <div class="portfolio-links">
+                <a href="assets/img/portfolio/filecoin.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"
                   title="Filecoin"><i class="bx bx-plus"></i></a>
                 <a href="https://filecoin.io" target="_blank" title="More Details"><i class="bx bx-link"></i></a>
               </div>
@@ -698,14 +725,14 @@ <h4>Filecoin</h4>
           </div>
         </div>
 
-        <div class="col-lg-4 col-md-6 sponsors-item filter-card">
-          <div class="sponsors-wrap">
-            <img src="assets/img/sponsors/celo.jpg" class="img-fluid" alt="">
-            <div class="sponsors-info">
+        <div class="col-lg-4 col-md-6 portfolio-item filter-card">
+          <div class="portfolio-wrap">
+            <img src="assets/img/portfolio/celo.jpg" class="img-fluid" alt="">
+            <div class="portfolio-info">
               <h4>Celo</h4>
               <p>Celo</p>
-              <div class="sponsors-links">
-                <a href="assets/img/sponsors/celo.jpg" data-gallery="sponsorsGallery" class="sponsors-lightbox"
+              <div class="portfolio-links">
+                <a href="assets/img/portfolio/celo.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"
                   title="Celo"><i class="bx bx-plus"></i></a>
                 <a href="https://celo.org" target="_blank" title="More Details"><i class="bx bx-link"></i></a>
               </div>
@@ -713,29 +740,29 @@ <h4>Celo</h4>
           </div>
         </div>
 
-        <div class="col-lg-4 col-md-6 sponsors-item filter-card">
-          <div class="sponsors-wrap">
-            <img src="assets/img/sponsors/tezos.jpg" class="img-fluid" alt="">
-            <div class="sponsors-info">
+        <div class="col-lg-4 col-md-6 portfolio-item filter-card">
+          <div class="portfolio-wrap">
+            <img src="assets/img/portfolio/tezos.jpg" class="img-fluid" alt="">
+            <div class="portfolio-info">
               <h4>Tezos</h4>
               <p>Tezos</p>
-              <div class="sponsors-links">
-                <a href="assets/img/sponsors/tezos.jpg" data-gallery="sponsorsGallery" class="sponsors-lightbox"
+              <div class="portfolio-links">
+                <a href="assets/img/portfolio/tezos.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"
                   title="Tezos"><i class="bx bx-plus"></i></a>
                 <a href="https://tezos.com" target="_blank" title="More Details"><i class="bx bx-link"></i></a>
               </div>
             </div>
           </div>
-        </div> -->
+        </div>
 
-        <!-- <div class="col-lg-4 col-md-6 sponsors-item filter-web">
-          <div class="sponsors-wrap">
-            <img src="assets/img/sponsors/gfg.jpg" class="img-fluid" alt="">
-            <div class="sponsors-info">
+        <!-- <div class="col-lg-4 col-md-6 portfolio-item filter-web">
+          <div class="portfolio-wrap">
+            <img src="assets/img/portfolio/gfg.jpg" class="img-fluid" alt="">
+            <div class="portfolio-info">
               <h4>GeeksForGeeks</h4>
               <p>GeeksForGeeks</p>
-              <div class="sponsors-links">
-                <a href="assets/img/sponsors/gfg.jpg" data-gallery="sponsorsGallery" class="sponsors-lightbox"
+              <div class="portfolio-links">
+                <a href="assets/img/portfolio/gfg.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"
                   title="GeeksForGeeks"><i class="bx bx-plus"></i></a>
                 <a href="https://geeksforgeeks.org" target="_blank" title="More Details"><i
                     class="bx bx-link"></i></a>
@@ -744,14 +771,14 @@ <h4>GeeksForGeeks</h4>
           </div>
         </div> -->
 
-        <!-- <div class="col-lg-4 col-md-6 sponsors-item filter-web">
-          <div class="sponsors-wrap">
-            <img src="assets/img/sponsors/gmc.jpg" class="img-fluid" alt="">
-            <div class="sponsors-info">
+        <!-- <div class="col-lg-4 col-md-6 portfolio-item filter-web">
+          <div class="portfolio-wrap">
+            <img src="assets/img/portfolio/gmc.jpg" class="img-fluid" alt="">
+            <div class="portfolio-info">
               <h4>Give My Certificate</h4>
               <p>Give My Certificate</p>
-              <div class="sponsors-links">
-                <a href="assets/img/sponsors/gmc.jpg" data-gallery="sponsorsGallery" class="sponsors-lightbox"
+              <div class="portfolio-links">
+                <a href="assets/img/portfolio/gmc.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"
                   title="Give My Certificate3"><i class="bx bx-plus"></i></a>
                 <a href="https://givemycertificate.com" target="_blank" title="More Details"><i
                     class="bx bx-link"></i></a>
@@ -760,58 +787,58 @@ <h4>Give My Certificate</h4>
           </div>
         </div> 
 
-        <div class="col-lg-4 col-md-6 sponsors-item filter-web">
-          <div class="sponsors-wrap">
-            <img src="assets/img/sponsors/taskade.jpg" class="img-fluid" alt="">
-            <div class="sponsors-info">
+        <div class="col-lg-4 col-md-6 portfolio-item filter-web">
+          <div class="portfolio-wrap">
+            <img src="assets/img/portfolio/taskade.jpg" class="img-fluid" alt="">
+            <div class="portfolio-info">
               <h4>Taskade</h4>
               <p>Taskade</p>
-              <div class="sponsors-links">
-                <a href="assets/img/sponsors/taskade.jpg" data-gallery="sponsorsGallery" class="sponsors-lightbox"
+              <div class="portfolio-links">
+                <a href="assets/img/portfolio/taskade.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"
                   title="Taskade"><i class="bx bx-plus"></i></a>
                 <a href="https://taskade.com" target="_blank" title="More Details"><i class="bx bx-link"></i></a>
               </div>
             </div>
           </div>
-        </div> -->
-        <!-- <div class="col-lg-4 col-md-6 sponsors-item filter-web">
-          <div class="sponsors-wrap">
-            <img src="assets/img/sponsors/wolfram.jpg" class="img-fluid" alt="">
-            <div class="sponsors-info">
+        </div> 
+        <!-- <div class="col-lg-4 col-md-6 portfolio-item filter-web">
+          <div class="portfolio-wrap">
+            <img src="assets/img/portfolio/wolfram.jpg" class="img-fluid" alt="">
+            <div class="portfolio-info">
               <h4>Web 3</h4>
               <p>Web</p>
-              <div class="sponsors-links">
-                <a href="assets/img/sponsors/wolfram.jpg" data-gallery="sponsorsGallery" class="sponsors-lightbox"
+              <div class="portfolio-links">
+                <a href="assets/img/portfolio/wolfram.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"
                   title="Web 3"><i class="bx bx-plus"></i></a>
-                <a href="sponsors-details.html" title="More Details"><i class="bx bx-link"></i></a>
+                <a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
               </div>
             </div>
           </div>
         </div>
-        <div class="col-lg-4 col-md-6 sponsors-item filter-web">
-          <div class="sponsors-wrap">
-            <img src="assets/img/sponsors/taskade.jpg" class="img-fluid" alt="">
-            <div class="sponsors-info">
+        <div class="col-lg-4 col-md-6 portfolio-item filter-web">
+          <div class="portfolio-wrap">
+            <img src="assets/img/portfolio/taskade.jpg" class="img-fluid" alt="">
+            <div class="portfolio-info">
               <h4>Web 3</h4>
               <p>Web</p>
-              <div class="sponsors-links">
-                <a href="assets/img/sponsors/taskade.jpg" data-gallery="sponsorsGallery" class="sponsors-lightbox"
+              <div class="portfolio-links">
+                <a href="assets/img/portfolio/taskade.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"
                   title="Web 3"><i class="bx bx-plus"></i></a>
-                <a href="sponsors-details.html" title="More Details"><i class="bx bx-link"></i></a>
+                <a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
               </div>
             </div>
           </div>
         </div>
-        <div class="col-lg-4 col-md-6 sponsors-item filter-web">
-          <div class="sponsors-wrap">
-            <img src="assets/img/sponsors/sawo.jpg" class="img-fluid" alt="">
-            <div class="sponsors-info">
+        <div class="col-lg-4 col-md-6 portfolio-item filter-web">
+          <div class="portfolio-wrap">
+            <img src="assets/img/portfolio/sawo.jpg" class="img-fluid" alt="">
+            <div class="portfolio-info">
               <h4>Web 3</h4>
               <p>Web</p>
-              <div class="sponsors-links">
-                <a href="assets/img/sponsors/sawo.jpg" data-gallery="sponsorsGallery" class="sponsors-lightbox"
+              <div class="portfolio-links">
+                <a href="assets/img/portfolio/sawo.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"
                   title="Web 3"><i class="bx bx-plus"></i></a>
-                <a href="sponsors-details.html" title="More Details"><i class="bx bx-link"></i></a>
+                <a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
               </div>
             </div>
           </div>
@@ -856,7 +883,7 @@ <h2>Community Partners</h2>
       </div>
 
     </div>
-  </section> -->
+  </section>
   <!-- End Team Section -->
     <!-- ======= Clients Section ======= -->
     <section id="clients" class="clients">
@@ -1046,7 +1073,7 @@ <h4>Useful Links</h4>
             <ul>
               <li><i class="bx bx-chevron-right"></i> <a href="index.html">Home</a></li>
               <li><i class="bx bx-chevron-right"></i> <a href="index.html#about">About us</a></li>
-              <li><i class="bx bx-chevron-right"></i> <a href="index.html#themes">Themes</a></li>
+              <li><i class="bx bx-chevron-right"></i> <a href="index.html#services">Themes</a></li>
               <li><i class="bx bx-chevron-right"></i> <a href="index.html#timeline">Timeline</a></li>
               <li><i class="bx bx-chevron-right"></i> <a href="team.html">Our Team</a></li>
             </ul>
@@ -1123,8 +1150,13 @@ <h1 class="logo me-auto"><a href="index.html">Hack<span>4</span>Bengal</a></h1>
   <script src="assets/vendor/php-email-form/validate.js"></script>
 
   <!-- Template Main JS File -->
+
+  <script src="assets/js/main.js"></script>
+  <a id="mlh-trust-badge" style="display:block;max-width:100px;min-width:60px;position:fixed;right:50px;top:0;width:10%;z-index:10000" href="https://mlh.io/seasons/2022/events?utm_source=apac-hackathon&utm_medium=TrustBadge&utm_campaign=2022-season&utm_content=red" target="_blank"><img src="https://s3.amazonaws.com/logged-assets/trust-badge/2022/mlh-trust-badge-2022-red.svg" alt="Major League Hacking 2022 Hackathon Season" style="width:100%"></a>
+
   <script src="js/main.js"></script>
   <a id="mlh-trust-badge" href="https://mlh.io/seasons/2022/events?utm_source=apac-hackathon&utm_medium=TrustBadge&utm_campaign=2022-season&utm_content=red" target="_blank"><img src="https://s3.amazonaws.com/logged-assets/trust-badge/2022/mlh-trust-badge-2022-red.svg" alt="Major League Hacking 2022 Hackathon Season" style="width:100%"></a>
+
   <script defer async src="https://apply.devfolio.co/v2/sdk.js"></script>
 </body>
 
diff --git a/temp_index.html b/temp_index.html
index ec98701..5ac0131 100644
--- a/temp_index.html
+++ b/temp_index.html
@@ -29,7 +29,7 @@
   <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
 
   <!-- Template Main CSS File -->
-  <link href="css/style1.css" rel="stylesheet">
+  <link href="assets/css/style1.css" rel="stylesheet">
 
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-SBJFT4043Y"></script>
@@ -54,8 +54,8 @@ <h1 class="logo me-auto"><a href="index.html">Hack<span>4</span>Bengal</a></h1>
           <li><a class="nav-link scrollto active" href="#hero">Home</a></li>
           <li><a class="nav-link scrollto" href="#about">About</a></li>
           <li><a class="nav-link scrollto" href="#timeline">Timeline</a></li>
-          <li><a class="nav-link scrollto" href="#themes">Themes</a></li>
-          <li><a class="nav-link scrollto " href="#sponsors">Sponsors</a></li>
+          <li><a class="nav-link scrollto" href="#services">Themes</a></li>
+          <li><a class="nav-link scrollto " href="#portfolio">Sponsors</a></li>
           <li><a class="nav-link scrollto " href="#prizes">Prizes</a></li>
           <li><a class="nav-link scrollto" href="team.html">Team</a></li>
           <li><a class="nav-link scrollto" href="events.html">Events</a></li>
@@ -97,7 +97,7 @@ <h2> </h2>
    
   </section><!-- End Hero -->
   <main id="main">
-    <!-- ======= sponsors Section ======= -->
+    <!-- ======= Portfolio Section ======= -->
     <section id="testimonials" class="testimonials" style="padding-bottom: 0px;">
       <div class="container" data-aos="fade-up">
         <div class="section-title" style="padding: 0px">
@@ -150,7 +150,7 @@ <h2 id="counterTimer"></h2>
         </div>
       </div>
     </section><!-- End Testimonials Section -->
-    <!-- ======= themes Section ======= -->
+    <!-- ======= Services Section ======= -->
     <section id="counts" class="counts">
 
       <div class="container" data-aos="fade-up">
@@ -348,8 +348,8 @@ <h4>Apr 20, 2022</h4>
 
       </div>
     </section><!-- End Testimonials Section -->
-    <!-- ======= themes Section ======= -->
-    <section id="themes" class="themes section-bg ">
+    <!-- ======= Services Section ======= -->
+    <section id="services" class="services section-bg ">
       <div class="container" data-aos="fade-up">
 
         <div class="section-title">
@@ -382,7 +382,7 @@ <h4><a href="#">Fin-Tech</a></h4>
               <p>As the world is leaning towards adapting the use of
                 Cryptocurrency and online payment systems, this track expects you to bring your
                 imagination and enhance or
-                automate financial themes and processes.
+                automate financial services and processes.
               </p>
             </div>
           </div>
@@ -416,14 +416,14 @@ <h4><a href="#">Open Innovation</a></h4>
         </div>
 
       </div>
-    </section><!-- End themes Section -->
+    </section><!-- End Services Section -->
     </div>
 
     </div>
-    </section><!-- End sponsors Section -->
+    </section><!-- End Portfolio Section -->
     <!-- Timeline Section -->
     <!-- cd-timeline -->
-    <section id="sponsors" class="sponsors">
+    <section id="portfolio" class="portfolio">
       <div class="container" data-aos="fade-up">
 
         <div class="section-title">
@@ -434,7 +434,7 @@ <h2>Sponsors</h2>
 
         <div class="row" data-aos="fade-up" data-aos-delay="100">
           <div class="col-lg-12 d-flex justify-content-center">
-            <ul id="sponsors-flters">
+            <ul id="portfolio-flters">
               <li data-filter="*" class="filter-active">All</li>
               <li data-filter=".filter-app">Platinum</li>
               <li data-filter=".filter-card">Gold</li>
@@ -443,14 +443,14 @@ <h2>Sponsors</h2>
           </div>
         </div>
 
-        <div class="row sponsors-container" data-aos="fade-up" data-aos-delay="200">
-          <!-- <div class="col-lg-4 col-md-6 sponsors-item filter-app">
-            <div class="sponsors-wrap">
-              <img src="assets/img/sponsors/snu.png" class="img-fluid" alt="">
-              <div class="sponsors-info">
+        <div class="row portfolio-container" data-aos="fade-up" data-aos-delay="200">
+          <!-- <div class="col-lg-4 col-md-6 portfolio-item filter-app">
+            <div class="portfolio-wrap">
+              <img src="assets/img/portfolio/snu.png" class="img-fluid" alt="">
+              <div class="portfolio-info">
             
-                <div class="sponsors-links">
-                  <a href="assets/img/sponsors/snu.png" data-gallery="sponsorsGallery" class="sponsors-lightbox"
+                <div class="portfolio-links">
+                  <a href="assets/img/portfolio/snu.png" data-gallery="portfolioGallery" class="portfolio-lightbox"
                     title="Sister Nivedita University, DG 1/2 Action Area 1, Newtown Kolkata"><i class="bx bx-plus"></i></a>
                   <a href="https://snuniv.ac.in" target="_blank" title="More Details"><i class="bx bx-link"></i></a>
                 </div>
@@ -458,13 +458,13 @@ <h2>Sponsors</h2>
             </div>
           </div> -->
 
-          <div class="col-lg-4 col-md-6 sponsors-item filter-app">
-            <div class="sponsors-wrap">
-              <img src="assets/img/sponsors/devfolio.jpg" class="img-fluid" alt="">
-              <div class="sponsors-info">
+          <div class="col-lg-4 col-md-6 portfolio-item filter-app">
+            <div class="portfolio-wrap">
+              <img src="assets/img/portfolio/devfolio.jpg" class="img-fluid" alt="">
+              <div class="portfolio-info">
             
-                <div class="sponsors-links">
-                  <a href="assets/img/sponsors/devfolio.jpg" data-gallery="sponsorsGallery" class="sponsors-lightbox"
+                <div class="portfolio-links">
+                  <a href="assets/img/portfolio/devfolio.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"
                     title="Devfolio"><i class="bx bx-plus"></i></a>
                   <a href="https://devfolio.co" target="_blank" title="More Details"><i class="bx bx-link"></i></a>
                 </div>
@@ -472,13 +472,13 @@ <h2>Sponsors</h2>
             </div>
           </div>
 
-          <div class="col-lg-4 col-md-6 sponsors-item filter-app">
-            <div class="sponsors-wrap">
-              <img src="assets/img/sponsors/polygon.jpg" class="img-fluid" alt="">
-              <div class="sponsors-info">
+          <div class="col-lg-4 col-md-6 portfolio-item filter-app">
+            <div class="portfolio-wrap">
+              <img src="assets/img/portfolio/polygon.jpg" class="img-fluid" alt="">
+              <div class="portfolio-info">
 
-                <div class="sponsors-links">
-                  <a href="assets/img/sponsors/polygon.jpg" data-gallery="sponsorsGallery" class="sponsors-lightbox"
+                <div class="portfolio-links">
+                  <a href="assets/img/portfolio/polygon.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"
                     title="Polygon"><i class="bx bx-plus"></i></a>
                   <a href="https://polygon.technology" target="_blank" title="More Details"><i
                       class="bx bx-link"></i></a>
@@ -487,13 +487,13 @@ <h2>Sponsors</h2>
             </div>
           </div>
 
-          <div class="col-lg-4 col-md-6 sponsors-item filter-app">
-            <div class="sponsors-wrap">
-              <img src="assets/img/sponsors/Github.png" width="616" height="128" class="img-fluid" alt="">
-              <div class="sponsors-info">
+          <div class="col-lg-4 col-md-6 portfolio-item filter-app">
+            <div class="portfolio-wrap">
+              <img src="assets/img/portfolio/Github.png" width="616" height="128" class="img-fluid" alt="">
+              <div class="portfolio-info">
                 
-                <div class="sponsors-links">
-                  <a href="assets/img/sponsors/Github.png" data-gallery="sponsorsGallery" class="sponsors-lightbox"
+                <div class="portfolio-links">
+                  <a href="assets/img/portfolio/Github.png" data-gallery="portfolioGallery" class="portfolio-lightbox"
                     title="Github"><i class="bx bx-plus"></i></a>
                   <a href="https://github.com/" target="_blank" title="More Details"><i class="bx bx-link"></i></a>
                 </div>
@@ -501,13 +501,13 @@ <h2>Sponsors</h2>
             </div>
           </div>
 
-          <div class="col-lg-4 col-md-6 sponsors-item filter-card">
-            <div class="sponsors-wrap">
-              <img src="assets/img/sponsors/filecoin.jpg" class="img-fluid" alt="">
-              <div class="sponsors-info">
+          <div class="col-lg-4 col-md-6 portfolio-item filter-card">
+            <div class="portfolio-wrap">
+              <img src="assets/img/portfolio/filecoin.jpg" class="img-fluid" alt="">
+              <div class="portfolio-info">
                 
-                <div class="sponsors-links">
-                  <a href="assets/img/sponsors/filecoin.jpg" data-gallery="sponsorsGallery" class="sponsors-lightbox"
+                <div class="portfolio-links">
+                  <a href="assets/img/portfolio/filecoin.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"
                     title="Filecoin"><i class="bx bx-plus"></i></a>
                   <a href="https://filecoin.io" target="_blank" title="More Details"><i class="bx bx-link"></i></a>
                 </div>
@@ -515,13 +515,13 @@ <h2>Sponsors</h2>
             </div>
           </div>
 
-          <div class="col-lg-4 col-md-6 sponsors-item filter-card">
-            <div class="sponsors-wrap">
-              <img src="assets/img/sponsors/celo.jpg" class="img-fluid" alt="">
-              <div class="sponsors-info">
+          <div class="col-lg-4 col-md-6 portfolio-item filter-card">
+            <div class="portfolio-wrap">
+              <img src="assets/img/portfolio/celo.jpg" class="img-fluid" alt="">
+              <div class="portfolio-info">
                
-                <div class="sponsors-links">
-                  <a href="assets/img/sponsors/celo.jpg" data-gallery="sponsorsGallery" class="sponsors-lightbox"
+                <div class="portfolio-links">
+                  <a href="assets/img/portfolio/celo.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"
                     title="Celo"><i class="bx bx-plus"></i></a>
                   <a href="https://celo.org" target="_blank" title="More Details"><i class="bx bx-link"></i></a>
                 </div>
@@ -529,13 +529,13 @@ <h2>Sponsors</h2>
             </div>
           </div>
 
-          <div class="col-lg-4 col-md-6 sponsors-item filter-card">
-            <div class="sponsors-wrap">
-              <img src="assets/img/sponsors/tezos.jpg" class="img-fluid" alt="">
-              <div class="sponsors-info">
+          <div class="col-lg-4 col-md-6 portfolio-item filter-card">
+            <div class="portfolio-wrap">
+              <img src="assets/img/portfolio/tezos.jpg" class="img-fluid" alt="">
+              <div class="portfolio-info">
                 
-                <div class="sponsors-links">
-                  <a href="assets/img/sponsors/tezos.jpg" data-gallery="sponsorsGallery" class="sponsors-lightbox"
+                <div class="portfolio-links">
+                  <a href="assets/img/portfolio/tezos.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"
                     title="Tezos"><i class="bx bx-plus"></i></a>
                   <a href="https://tezos.com" target="_blank" title="More Details"><i class="bx bx-link"></i></a>
                 </div>
@@ -543,13 +543,13 @@ <h2>Sponsors</h2>
             </div>
           </div>
 
-          <div class="col-lg-4 col-md-6 sponsors-item filter-card">
-            <div class="sponsors-wrap">
-              <img src="assets/img/sponsors/Postman.png" class="img-fluid" alt="">
-              <div class="sponsors-info">
+          <div class="col-lg-4 col-md-6 portfolio-item filter-card">
+            <div class="portfolio-wrap">
+              <img src="assets/img/portfolio/Postman.png" class="img-fluid" alt="">
+              <div class="portfolio-info">
                 
-                <div class="sponsors-links">
-                  <a href="assets/img/sponsors/Postman.png" data-gallery="sponsorsGallery" class="sponsors-lightbox"
+                <div class="portfolio-links">
+                  <a href="assets/img/portfolio/Postman.png" data-gallery="portfolioGallery" class="portfolio-lightbox"
                     title="Tezos"><i class="bx bx-plus"></i></a>
                   <a href="https://www.postman.com/" target="_blank" title="More Details"><i class="bx bx-link"></i></a>
                 </div>
@@ -557,12 +557,12 @@ <h2>Sponsors</h2>
             </div>
           </div>
 
-          <div class="col-lg-4 col-md-6 sponsors-item filter-web">
-            <div class="sponsors-wrap">
-              <img src="assets/img/sponsors/stickermule.png" class="img-fluid" alt="">
-              <div class="sponsors-info">
-                <div class="sponsors-links">
-                  <a href="assets/img/sponsors/stickermule.png" data-gallery="sponsorsGallery" class="sponsors-lightbox"
+          <div class="col-lg-4 col-md-6 portfolio-item filter-web">
+            <div class="portfolio-wrap">
+              <img src="assets/img/portfolio/stickermule.png" class="img-fluid" alt="">
+              <div class="portfolio-info">
+                <div class="portfolio-links">
+                  <a href="assets/img/portfolio/stickermule.png" data-gallery="portfolioGallery" class="portfolio-lightbox"
                     title="StickerMule"><i class="bx bx-plus"></i></a>
                   <a href="http://hackp.ac/mlh-stickermule-hackathons" target="_blank" title="More Details"><i
                       class="bx bx-link"></i></a>
@@ -571,12 +571,12 @@ <h2>Sponsors</h2>
             </div>
           </div>
 
-          <div class="col-lg-4 col-md-6 sponsors-item filter-web">
-            <div class="sponsors-wrap">
-              <img src="assets/img/sponsors/gmc.jpg" class="img-fluid" alt="">
-              <div class="sponsors-info">
-                <div class="sponsors-links">
-                  <a href="assets/img/sponsors/gmc.jpg" data-gallery="sponsorsGallery" class="sponsors-lightbox"
+          <div class="col-lg-4 col-md-6 portfolio-item filter-web">
+            <div class="portfolio-wrap">
+              <img src="assets/img/portfolio/gmc.jpg" class="img-fluid" alt="">
+              <div class="portfolio-info">
+                <div class="portfolio-links">
+                  <a href="assets/img/portfolio/gmc.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"
                     title="Give My Certificate3"><i class="bx bx-plus"></i></a>
                   <a href="https://givemycertificate.com" target="_blank" title="More Details"><i
                       class="bx bx-link"></i></a>
@@ -585,52 +585,52 @@ <h2>Sponsors</h2>
             </div>
           </div>
 
-          <div class="col-lg-4 col-md-6 sponsors-item filter-web">
-            <div class="sponsors-wrap">
-              <img src="assets/img/sponsors/digitalocean.jpg" class="img-fluid" alt="">
-              <div class="sponsors-info">
+          <div class="col-lg-4 col-md-6 portfolio-item filter-web">
+            <div class="portfolio-wrap">
+              <img src="assets/img/portfolio/digitalocean.jpg" class="img-fluid" alt="">
+              <div class="portfolio-info">
                 
-                <div class="sponsors-links">
-                  <a href="assets/img/sponsors/digitalocean.jpg" data-gallery="sponsorsGallery"
-                    class="sponsors-lightbox" title="Digital Ocean"><i class="bx bx-plus"></i></a>
+                <div class="portfolio-links">
+                  <a href="assets/img/portfolio/digitalocean.jpg" data-gallery="portfolioGallery"
+                    class="portfolio-lightbox" title="Digital Ocean"><i class="bx bx-plus"></i></a>
                   <a href="https://digitalocean.com" target="_blank" title="More Details"><i class="bx bx-link"></i></a>
                 </div>
               </div>
             </div>
           </div>
-          <div class="col-lg-4 col-md-6 sponsors-item filter-web">
-            <div class="sponsors-wrap">
-              <img src="assets/img/sponsors/taskade.jpg" class="img-fluid" alt="">
-              <div class="sponsors-info">
+          <div class="col-lg-4 col-md-6 portfolio-item filter-web">
+            <div class="portfolio-wrap">
+              <img src="assets/img/portfolio/taskade.jpg" class="img-fluid" alt="">
+              <div class="portfolio-info">
                
-                <div class="sponsors-links">
-                  <a href="assets/img/sponsors/taskade.jpg" data-gallery="sponsorsGallery" class="sponsors-lightbox"
+                <div class="portfolio-links">
+                  <a href="assets/img/portfolio/taskade.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"
                     title="Taskade"><i class="bx bx-plus"></i></a>
                   <a href="https://taskade.com" target="_blank" title="More Details"><i class="bx bx-link"></i></a>
                 </div>
               </div>
             </div>
           </div>
-          <div class="col-lg-4 col-md-6 sponsors-item filter-web">
-            <div class="sponsors-wrap">
-              <img src="assets/img/sponsors/1p.jpg" class="img-fluid" alt="">
-              <div class="sponsors-info">
+          <div class="col-lg-4 col-md-6 portfolio-item filter-web">
+            <div class="portfolio-wrap">
+              <img src="assets/img/portfolio/1p.jpg" class="img-fluid" alt="">
+              <div class="portfolio-info">
                 
-                <div class="sponsors-links">
-                  <a href="assets/img/sponsors/1p.jpg" data-gallery="sponsorsGallery" class="sponsors-lightbox"
+                <div class="portfolio-links">
+                  <a href="assets/img/portfolio/1p.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox"
                     title="1Password"><i class="bx bx-plus"></i></a>
                   <a href="https://1password.com" target="_blank" title="More Details"><i class="bx bx-link"></i></a>
                 </div>
               </div>
             </div>
           </div>
-          <div class="col-lg-4 col-md-6 sponsors-item filter-web">
-            <div class="sponsors-wrap">
-              <img src="assets/img/sponsors/interview-cake.png" class="img-fluid" alt="">
-              <div class="sponsors-info">
+          <div class="col-lg-4 col-md-6 portfolio-item filter-web">
+            <div class="portfolio-wrap">
+              <img src="assets/img/portfolio/interview-cake.png" class="img-fluid" alt="">
+              <div class="portfolio-info">
                
-                <div class="sponsors-links">
-                  <a href="assets/img/sponsors/interview-cake.png" data-gallery="sponsorsGallery" class="sponsors-lightbox" 
+                <div class="portfolio-links">
+                  <a href="assets/img/portfolio/interview-cake.png" data-gallery="portfolioGallery" class="portfolio-lightbox" 
                     title="Interview Cake"><i class="bx bx-plus"></i></a>
                   <a href="https://www.interviewcake.com/" target="_blank" title="More Details"><i
                       class="bx bx-link"></i></a>
@@ -638,27 +638,27 @@ <h2>Sponsors</h2>
               </div>
             </div>
           </div>
-          <div class="col-lg-4 col-md-6 sponsors-item filter-web">
-            <div class="sponsors-wrap">
-              <img src="assets/img/sponsors/leading-learners.png" class="img-fluid" alt="">
-              <div class="sponsors-info">
+          <div class="col-lg-4 col-md-6 portfolio-item filter-web">
+            <div class="portfolio-wrap">
+              <img src="assets/img/portfolio/leading-learners.png" class="img-fluid" alt="">
+              <div class="portfolio-info">
                 
-                <div class="sponsors-links">
-                  <a href="assets/img/sponsors/leading-learners.png" data-gallery="sponsorsGallery"
-                    class="sponsors-lightbox" title="Leading Learners"><i class="bx bx-plus"></i></a>
+                <div class="portfolio-links">
+                  <a href="assets/img/portfolio/leading-learners.png" data-gallery="portfolioGallery"
+                    class="portfolio-lightbox" title="Leading Learners"><i class="bx bx-plus"></i></a>
                   <a href="https://www.leadlearners.ca/" target="_blank" title="More Details"><i
                       class="bx bx-link"></i></a>
                 </div>
               </div>
             </div>
           </div>
-          <div class="col-lg-4 col-md-6 sponsors-item filter-web">
-            <div class="sponsors-wrap">
-              <img src="assets/img/sponsors/e3.png" class="img-fluid" alt="">
-              <div class="sponsors-info">
+          <div class="col-lg-4 col-md-6 portfolio-item filter-web">
+            <div class="portfolio-wrap">
+              <img src="assets/img/portfolio/e3.png" class="img-fluid" alt="">
+              <div class="portfolio-info">
                
-                <div class="sponsors-links">
-                  <a href="assets/img/sponsors/e3.png" data-gallery="sponsorsGallery" class="sponsors-lightbox"
+                <div class="portfolio-links">
+                  <a href="assets/img/portfolio/e3.png" data-gallery="portfolioGallery" class="portfolio-lightbox"
                     title="Leading Learners"><i class="bx bx-plus"></i></a>
                   <a href="https://www.echo3d.co/" target="_blank" title="More Details"><i class="bx bx-link"></i></a>
                 </div>
@@ -1180,7 +1180,7 @@ <h4>Useful Links</h4>
             <ul>
               <li><i class="bx bx-chevron-right"></i> <a href="#">Home</a></li>
               <li><i class="bx bx-chevron-right"></i> <a href="#about">About us</a></li>
-              <li><i class="bx bx-chevron-right"></i> <a href="#themes">Themes</a></li>
+              <li><i class="bx bx-chevron-right"></i> <a href="#services">Themes</a></li>
               <li><i class="bx bx-chevron-right"></i> <a href="#timeline">Timeline</a></li>
               <li><i class="bx bx-chevron-right"></i> <a href="team.html">Our Team</a></li>
             </ul>
@@ -1251,7 +1251,7 @@ <h1 class="logo me-auto"><a href="index.html">Hack<span>4</span>Bengal</a></h1>
   <script src="assets/vendor/php-email-form/validate.js"></script>
 
   <!-- Template Main JS File -->
-  <script src="js/main.js"></script>
+  <script src="assets/js/main.js"></script>
 <!--Start of Tawk.to Script-->
 <script type="text/javascript">
   var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();