added font asome icons, mofy hover packeges section

AVerba · Aug 14, 2023 · 8823c67 · 8823c67
1 parent 9cdbe4b
commit 8823c67
Show file tree

Hide file tree

Showing 6 changed files with 153 additions and 170 deletions.
diff --git a/src/partials/components/scripts.html b/src/partials/components/scripts.html
@@ -1,4 +1,5 @@
 <script src='./service/swiper-bundle.min.js'></script>
 <script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js'></script>
 <script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/ScrollTrigger.min.js'></script>
+
 <script type='module' src='./service/index.js'></script>
diff --git a/src/partials/components/styles.html b/src/partials/components/styles.html
@@ -1,9 +1,9 @@
+<script src="https://kit.fontawesome.com/b3021908e5.js" crossorigin="anonymous"></script>
+
 <link rel='preconnect' href='https://fonts.googleapis.com'>
 <link rel='preconnect' href='https://fonts.gstatic.com' crossorigin>
 <link
   href='https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Montserrat:wght@100;200;300;400;500;700&display=swap'
   rel='stylesheet'>
 <link rel='stylesheet' href='./sass/base/swiper-bundle.min.css'>
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
-
 <link rel='stylesheet' href='./sass/main.scss' />
diff --git a/src/partials/layouts/destinations.html b/src/partials/layouts/destinations.html
@@ -11,7 +11,9 @@ <h2 class='destinations__title'>Must-Visit Destinations</h2>
             </div>
             <div class='d-item__content'>
               <div class='d-item__location'>
-                <i class='fa-solid fa-location-dot'></i>
+               <span class='location-icon'>
+                 <i class='fas fa-map-marker-alt'></i>
+               </span>
                 <p class='t-item_content'>Madrid, Spain</p>
               </div>
               <p class='d-item__title'>Calle Gran Via</p>
@@ -27,7 +29,9 @@ <h2 class='destinations__title'>Must-Visit Destinations</h2>
             </div>
             <div class='d-item__content'>
               <div class='d-item__location'>
-                <i class='fa-solid fa-location-dot location-icon'></i>
+                               <span class='location-icon'>
+                 <i class='fas fa-map-marker-alt'></i>
+               </span>
                 <p class='t-item_content'>Champ de Mars, France</p>
               </div>
               <p class='d-item__title'>Calle Gran Via</p>
@@ -43,7 +47,9 @@ <h2 class='destinations__title'>Must-Visit Destinations</h2>
             </div>
             <div class='d-item__content'>
               <div class='d-item__location'>
-                <i class='fa-solid fa-location-dot location-icon'></i>
+                <span class='location-icon'>
+                 <i class='fas fa-map-marker-alt'></i>
+               </span>
                 <p class='t-item_content'>Bali, Indonesia</p>
               </div>
               <p class='d-item__title'>Diamond Beach</p>
@@ -59,7 +65,9 @@ <h2 class='destinations__title'>Must-Visit Destinations</h2>
             </div>
             <div class='d-item__content'>
               <div class='d-item__location'>
-                <i class='fa-solid fa-location-dot location-icon'></i>
+                <span class='location-icon'>
+                 <i class='fas fa-map-marker-alt'></i>
+               </span>
                 <p class='t-item_content'>Madrid, Spain</p>
               </div>
               <p class='d-item__title'>Calle Gran Via</p>
@@ -75,7 +83,9 @@ <h2 class='destinations__title'>Must-Visit Destinations</h2>
             </div>
             <div class='d-item__content'>
               <div class='d-item__location'>
-                <i class='fa-solid fa-location-dot location-icon'></i>
+               <span class='location-icon'>
+                 <i class='fas fa-map-marker-alt'></i>
+               </span>
                 <p class='t-item_content'>Madrid, Spain</p>
               </div>
               <p class='d-item__title'>Calle Gran Via</p>