fonts and images addes

Saim-Maqsood7 · Oct 4, 2024 · f6704d7 · f6704d7
1 parent 6a92e16
commit f6704d7
Show file tree

Hide file tree

Showing 14 changed files with 15 additions and 15 deletions.
diff --git a/32x32.webp b/32x32.webp
diff --git a/Rejouice-Headline (1).woff2 b/Rejouice-Headline (1).woff2
diff --git a/Rejouice-Headline (2).woff2 b/Rejouice-Headline (2).woff2
diff --git a/Rejouice-Headline.woff2 b/Rejouice-Headline.woff2
diff --git a/img1.webp b/img1.webp
diff --git a/img2.webp b/img2.webp
diff --git a/img3.webp b/img3.webp
diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Home | REJOUICE®</title>
-    <link rel="shortcut icon" href="./32x32.png" type="image/x-icon">
+    <link rel="shortcut icon" href="./32x32.webp" type="image/x-icon">
     <link
     rel="stylesheet"
     href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"
@@ -57,15 +57,15 @@ <h2>& engagement models</h2>
     </div>
     <div class="page3-elements">
         <div class="boxes">
-            <img src="./img1.avif" alt="">
+            <img src="./img1.webp" alt="">
             <video autoplay loop muted src="./video1.mp4"></video>
         </div>
         <div class="boxes">
-            <img src="./img2.avif" alt="">
+            <img src="./img2.webp" alt="">
             <video autoplay loop muted src="./video2.mp4"></video>
         </div>
         <div class="boxes">
-            <img src="./img3.avif" alt="">
+            <img src="./img3.webp" alt="">
             <video autoplay loop muted src="./video3.mp4"></video>
         </div>
     </div>
@@ -110,18 +110,18 @@ <h1>Get in touch.</h1>
             <div class="swiper mySwiper">
                 <div class="swiper-wrapper">
                   <div class="swiper-slide">
-                    <img src="./slider1.avif" alt="">
-                    <img src="./slider2.avif" alt="">
-                    <img src="./slider3.avif" alt="">
-                    <img src="./slider4.avif" alt="">
-                    <img src="./slider5.avif" alt="">
+                    <img src="./slider1.webp" alt="">
+                    <img src="./slider2.webp" alt="">
+                    <img src="./slider3.webp" alt="">
+                    <img src="./slider4.webp" alt="">
+                    <img src="./slider5.webp" alt="">
                   </div>
                   <div class="swiper-slide">
-                    <img src="./slider1.avif" alt="">
-                    <img src="./slider2.avif" alt="">
-                    <img src="./slider3.avif" alt="">
-                    <img src="./slider4.avif" alt="">
-                    <img src="./slider5.avif" alt="">
+                    <img src="./slider1.webp" alt="">
+                    <img src="./slider2.webp" alt="">
+                    <img src="./slider3.webp" alt="">
+                    <img src="./slider4.webp" alt="">
+                    <img src="./slider5.webp" alt="">
                   </div>
                   </div>
 

diff --git a/slider1.webp b/slider1.webp
diff --git a/slider2.webp b/slider2.webp
diff --git a/slider3.webp b/slider3.webp
diff --git a/slider4.webp b/slider4.webp
diff --git a/slider5.webp b/slider5.webp
diff --git a/style.css b/style.css
@@ -49,7 +49,7 @@ nav h4{
 }
 @font-face {
     font-family: rejoy;
-    src: url(./Rejouice-Headline.ttf);
+    src: url(./Rejouice-Headline.woff2);
 }
 .page1-content h1{
     position: absolute;