PNG file to Webp converted in marketing file

VishalChauha · Dec 6, 2022 · a1c0bd8 · a1c0bd8
1 parent 0369c0b
commit a1c0bd8
Show file tree

Hide file tree

Showing 58 changed files with 279 additions and 279 deletions.
diff --git a/design.html b/design.html
@@ -189,65 +189,65 @@ <h1>Design</h1>
       <div class="container">
         <div class="sliderfeature-secondary">
           <div>
-            <img src="images/clients/fevicol.png" alt="fevicol">
+            <img src="images/clients/fevicol.webp" alt="fevicol">
           </div>
           <div>
-            <img src="images/clients/indian-oil.png" alt="indian-oil">
+            <img src="images/clients/indian-oil.webp" alt="indian-oil">
           </div>
           <div>
-            <img src="images/clients/bharat-petroleum.png" alt="bharat-petroleum">
+            <img src="images/clients/bharat-petroleum.webp" alt="bharat-petroleum">
           </div>
           <div>
-            <img src="images/clients/union-bank.png" alt="union-bank">
+            <img src="images/clients/union-bank.webp" alt="union-bank">
           </div>
           <div>
-            <img src="images/clients/sbi.png" alt="sbi">
+            <img src="images/clients/sbi.webp" alt="sbi">
           </div>
           <div>
-            <img src="images/clients/bse.png" alt="bse">
+            <img src="images/clients/bse.webp" alt="bse">
           </div>
           <div>
-            <img src="images/clients/craftsvilla.png" alt="craftsvilla">
+            <img src="images/clients/craftsvilla.webp" alt="craftsvilla">
           </div>
           <div>
-            <img src="images/clients/gujarat-tourism.png" alt="gujarat-tourism">
+            <img src="images/clients/gujarat-tourism.webp" alt="gujarat-tourism">
           </div>
           <div>
-            <img src="images/clients/history.png" alt="history">
+            <img src="images/clients/history.webp" alt="history">
           </div>
           <div>
-            <img src="images/clients/asian-paint.png" alt="asian-paint">
+            <img src="images/clients/asian-paint.webp" alt="asian-paint">
           </div>
           <!--  -->
           <div>
-            <img src="images/clients/starplus.png" alt="starplus">
+            <img src="images/clients/starplus.webp" alt="starplus">
           </div>
           <div>
-            <img src="images/clients/sony.png" alt="sony">
+            <img src="images/clients/sony.webp" alt="sony">
           </div>
           <div>
-            <img src="images/clients/viacom.png" alt="viacom">
+            <img src="images/clients/viacom.webp" alt="viacom">
           </div>
           <div>
-            <img src="images/clients/ambuja.png" alt="ambuja">
+            <img src="images/clients/ambuja.webp" alt="ambuja">
           </div>
           <div>
-            <img src="images/clients/jiomeet.png" alt="jiomeet">
+            <img src="images/clients/jiomeet.webp" alt="jiomeet">
           </div>
           <div>
-            <img src="images/clients/nationalgeo.png" alt="nationalgeo">
+            <img src="images/clients/nationalgeo.webp" alt="nationalgeo">
           </div>
           <div>
-            <img src="images/clients/pooja-ent.png" alt="pooja-ent">
+            <img src="images/clients/pooja-ent.webp" alt="pooja-ent">
           </div>
           <div>
-            <img src="images/clients/yashraj.png" alt="yashraj">
+            <img src="images/clients/yashraj.webp" alt="yashraj">
           </div>
           <div>
-            <img src="images/clients/zee.png" alt="zee">
+            <img src="images/clients/zee.webp" alt="zee">
           </div>
           <div>
-            <img src="images/clients/hariyana.png" alt="hariyana">
+            <img src="images/clients/hariyana.webp" alt="hariyana">
           </div>
         </div>
       </div>
@@ -322,24 +322,24 @@ <h1 class="text-white">Case Studies</h1>
     <div class="casestudies-container pc-case-study responsive-container">
       <div class="casestudies reveal">
         <div>
-          <img src="images/OurWork/snap1.png" class="rounded" style="width:95% ;" alt="snap1">
+          <img src="images/OurWork/snap1.webp" class="rounded" style="width:95% ;" alt="snap1">
         </div>
         <div>
-          <img src="images/OurWork/snap.png" class="rounded" style="width:95% ;" alt="snap">
+          <img src="images/OurWork/snap.webp" class="rounded" style="width:95% ;" alt="snap">
         </div>
         <div>
-          <img src="images/OurWork/snap1.png" class="rounded" style="width:95% ;" alt="snap1">
+          <img src="images/OurWork/snap1.webp" class="rounded" style="width:95% ;" alt="snap1">
         </div>
         <div>
-          <img src="images/OurWork/snap.png" class="rounded" style="width:95% ;" alt="snap">
+          <img src="images/OurWork/snap.webp" class="rounded" style="width:95% ;" alt="snap">
         </div>
       </div>
       <div class="side-effects"></div>
     </div>
     <div class="casestudies-container mobile-case-study text-center">
-      <img src="images/OurWork/snap1.png" style="width:85% ;" alt="snap1" class="rounded mb-3" >
-      <img src="images/OurWork/snap.png" style="width:85% ;" alt="snap" class="rounded mb-3" >
-      <img src="images/OurWork/snap1.png" style="width:85% ;" alt="snap1" class="rounded" >
+      <img src="images/OurWork/snap1.webp" style="width:85% ;" alt="snap1" class="rounded mb-3" >
+      <img src="images/OurWork/snap.webp" style="width:85% ;" alt="snap" class="rounded mb-3" >
+      <img src="images/OurWork/snap1.webp" style="width:85% ;" alt="snap1" class="rounded" >
     </div>
   </section>
   <!-- section case studies ends -->
@@ -349,88 +349,88 @@ <h1 class="text-white">Case Studies</h1>
     <div class="container">
       <h1>Our Process</h1>
       <div class="position-relative reveal">
-        <img src="images/stratey/our-process.png" class="w-100 pc-process" alt="our-process">
+        <img src="images/stratey/our-process.webp" class="w-100 pc-process" alt="our-process">
 
         <div class="row pc-process">
           <div class="col-md-2">
             <div class="process-icons-one text-center">
-              <img src="images/arrow.png" class="process-arrow" alt="arrow">
+              <img src="images/arrow.webp" class="process-arrow" alt="arrow">
               <span>Brand Research</span>
-              <img src="images/ProcessIcons/png/brand-launch.png" alt="brand-launch">
+              <img src="images/ProcessIcons/png/brand-launch.webp" alt="brand-launch">
             </div>
           </div>
           <div class="col-md-2">
             <div class="process-icons-two text-center">
-              <img src="images/ProcessIcons/png/track-analyze-optimize.png" alt="track-analyze-optimize">
+              <img src="images/ProcessIcons/png/track-analyze-optimize.webp" alt="track-analyze-optimize">
               <span>Brand Strategy</span>
-              <img src="images/arrow.png" class="process-arrow" alt="arrow">
+              <img src="images/arrow.webp" class="process-arrow" alt="arrow">
             </div>
           </div>
           <div class="col-md-2">
             <div class="process-icons-three text-center">
-              <img src="images/arrow.png" class="process-arrow" alt="arrow">
+              <img src="images/arrow.webp" class="process-arrow" alt="arrow">
               <span>Brand Identity</span>
-              <img src="images/ProcessIcons/png/brand-positioning.png" alt="brand-positioning">
+              <img src="images/ProcessIcons/png/brand-positioning.webp" alt="brand-positioning">
             </div>
           </div>
           <div class="col-md-2">
             <div class="process-icons-four text-center">
-              <img src="images/ProcessIcons/png/design.png" alt="design">
+              <img src="images/ProcessIcons/png/design.webp" alt="design">
               <span>Brand Tool</span>
-              <img src="images/arrow.png" class="process-arrow" alt="arrow">
+              <img src="images/arrow.webp" class="process-arrow" alt="arrow">
             </div>
           </div>
           <div class="col-md-2">
             <div class="process-icons-five text-center">
-              <img src="images/arrow.png" class="process-arrow" alt="arrow">
+              <img src="images/arrow.webp" class="process-arrow" alt="arrow">
               <span>Brand Launch</span>
-              <img src="images/ProcessIcons/png/brand-positioning.png" alt="brand-positioning">
+              <img src="images/ProcessIcons/png/brand-positioning.webp" alt="brand-positioning">
             </div>
           </div>
           <div class="col-md-2">
             <div class="process-icons-six text-center">
-              <img src="images/ProcessIcons/png/brand-positioning.png" alt="brand-positioning">
+              <img src="images/ProcessIcons/png/brand-positioning.webp" alt="brand-positioning">
               <span>Brand Building</span>
             </div>
           </div>
         </div>
 
-        <img src="images/mobile.png" class="w-100 mobile-process" alt="mobile">
+        <img src="images/mobile.webp" class="w-100 mobile-process" alt="mobile">
         <div class="row mobile-process">
 
           <div class="process-icons-one text-center">
             <span>Brand Research</span>
-            <img src="images/ProcessIcons/png/brand-launch.png" alt="brand-launch">
+            <img src="images/ProcessIcons/png/brand-launch.webp" alt="brand-launch">
           </div>
 
 
           <div class="process-icons-two text-center">
             <span>Brand Strategy</span>
-            <img src="images/ProcessIcons/png/track-analyze-optimize.png" alt="track-analyze-optimize">
+            <img src="images/ProcessIcons/png/track-analyze-optimize.webp" alt="track-analyze-optimize">
           </div>
 
 
           <div class="process-icons-three text-center">
             <span>Brand Identity</span>
-            <img src="images/ProcessIcons/png/brand-positioning.png" alt="brand-positioning">
+            <img src="images/ProcessIcons/png/brand-positioning.webp" alt="brand-positioning">
           </div>
 
 
           <div class="process-icons-four text-center">
             <span>Brand Tool</span>
-            <img src="images/ProcessIcons/png/design.png" alt="design">
+            <img src="images/ProcessIcons/png/design.webp" alt="design">
           </div>
 
 
           <div class="process-icons-five text-center">
             <span>Brand Launch</span>
-            <img src="images/ProcessIcons/png/brand-positioning.png" alt="brand-positioning">
+            <img src="images/ProcessIcons/png/brand-positioning.webp" alt="brand-positioning">
           </div>
 
 
           <div class="process-icons-six text-center">
             <span>Brand Building</span>
-            <img src="images/ProcessIcons/png/brand-positioning.png" alt="brand-positioning">
+            <img src="images/ProcessIcons/png/brand-positioning.webp" alt="brand-positioning">
           </div>
 
         </div>
@@ -614,7 +614,7 @@ <h1>Testimonials</h1>
           <div class="testimonial-box mb-5">
             <div class="row">
               <div class="col-md-3 col-3">
-                <img src="images/admin.png" class="test-photo" alt="admin">
+                <img src="images/admin.webp" class="test-photo" alt="admin">
               </div>
               <div class="col-md-9 col-9">
                 <p>
@@ -641,7 +641,7 @@ <h1>Testimonials</h1>
           <div class="testimonial-box mb-5">
             <div class="row">
               <div class="col-md-3 col-3">
-                <img src="images/admin.png" class="test-photo" alt="admin">
+                <img src="images/admin.webp" class="test-photo" alt="admin">
               </div>
               <div class="col-md-9 col-9">
                 <p>
@@ -668,7 +668,7 @@ <h1>Testimonials</h1>
           <div class="testimonial-box mb-5">
             <div class="row">
               <div class="col-md-3 col-3">
-                <img src="images/admin.png" class="test-photo" alt="admin">
+                <img src="images/admin.webp" class="test-photo" alt="admin">
               </div>
               <div class="col-md-9 col-9">
                 <p>

diff --git a/images/OurWork/snap.png b/images/OurWork/snap.png
diff --git a/images/OurWork/snap1.png b/images/OurWork/snap1.png
diff --git a/images/OurWork/snap2.PNG b/images/OurWork/snap2.PNG
diff --git a/images/ProcessIcons/png/Brand Building and Maintenance.png b/images/ProcessIcons/png/Brand Building and Maintenance.png
diff --git a/images/ProcessIcons/png/Brand _ Audience Analysis.png b/images/ProcessIcons/png/Brand _ Audience Analysis.png
diff --git a/images/ProcessIcons/png/Building Creative Strategy.png b/images/ProcessIcons/png/Building Creative Strategy.png
diff --git a/images/ProcessIcons/png/Conceptualizing.png b/images/ProcessIcons/png/Conceptualizing.png
diff --git a/images/ProcessIcons/png/Content.png b/images/ProcessIcons/png/Content.png
diff --git a/images/ProcessIcons/png/Design.png b/images/ProcessIcons/png/Design.png
diff --git a/images/ProcessIcons/png/Designing Brand Identity.png b/images/ProcessIcons/png/Designing Brand Identity.png
diff --git a/images/ProcessIcons/png/Determine Audience.png b/images/ProcessIcons/png/Determine Audience.png
diff --git a/images/ProcessIcons/png/Development.png b/images/ProcessIcons/png/Development.png
diff --git a/images/ProcessIcons/png/Establish Goals.png b/images/ProcessIcons/png/Establish Goals.png
diff --git a/images/ProcessIcons/png/Extensive Market Research.png b/images/ProcessIcons/png/Extensive Market Research.png
diff --git a/images/ProcessIcons/png/Identifying Platforms.png b/images/ProcessIcons/png/Identifying Platforms.png
diff --git a/images/ProcessIcons/png/Information Architecture.png b/images/ProcessIcons/png/Information Architecture.png
diff --git a/images/ProcessIcons/png/Market Analysis.png b/images/ProcessIcons/png/Market Analysis.png
diff --git a/images/ProcessIcons/png/Moodboarding.png b/images/ProcessIcons/png/Moodboarding.png
diff --git a/images/ProcessIcons/png/Production.png b/images/ProcessIcons/png/Production.png
diff --git a/images/ProcessIcons/png/Prototyping.png b/images/ProcessIcons/png/Prototyping.png
diff --git a/images/ProcessIcons/png/Refinement.png b/images/ProcessIcons/png/Refinement.png
diff --git a/images/ProcessIcons/png/Storyboarding.png b/images/ProcessIcons/png/Storyboarding.png
diff --git a/images/ProcessIcons/png/Testing.png b/images/ProcessIcons/png/Testing.png
diff --git a/images/ProcessIcons/png/Wireframe.png b/images/ProcessIcons/png/Wireframe.png
diff --git a/images/ProcessIcons/png/brand-launch.png b/images/ProcessIcons/png/brand-launch.png
diff --git a/images/ProcessIcons/png/brand-positioning.png b/images/ProcessIcons/png/brand-positioning.png
diff --git a/images/ProcessIcons/png/track-analyze-optimize.png b/images/ProcessIcons/png/track-analyze-optimize.png
diff --git a/images/admin.png b/images/admin.png
diff --git a/images/arrow.png b/images/arrow.png
diff --git a/images/clients/ambuja.png b/images/clients/ambuja.png
diff --git a/images/clients/asian-paint.png b/images/clients/asian-paint.png
diff --git a/images/clients/bharat-petroleum.png b/images/clients/bharat-petroleum.png
diff --git a/images/clients/bse.png b/images/clients/bse.png
diff --git a/images/clients/craftsvilla.png b/images/clients/craftsvilla.png
diff --git a/images/clients/fevicol.png b/images/clients/fevicol.png
diff --git a/images/clients/gujarat-tourism.png b/images/clients/gujarat-tourism.png
diff --git a/images/clients/hariyana.png b/images/clients/hariyana.png
diff --git a/images/clients/history.png b/images/clients/history.png
diff --git a/images/clients/indian-oil.png b/images/clients/indian-oil.png
diff --git a/images/clients/jiomeet.png b/images/clients/jiomeet.png
diff --git a/images/clients/nationalgeo.png b/images/clients/nationalgeo.png
diff --git a/images/clients/pooja-ent.png b/images/clients/pooja-ent.png
diff --git a/images/clients/sbi.png b/images/clients/sbi.png
diff --git a/images/clients/sony.png b/images/clients/sony.png
diff --git a/images/clients/starplus.png b/images/clients/starplus.png
diff --git a/images/clients/union-bank.png b/images/clients/union-bank.png
diff --git a/images/clients/viacom.png b/images/clients/viacom.png
diff --git a/images/clients/yashraj.png b/images/clients/yashraj.png
diff --git a/images/clients/zee.png b/images/clients/zee.png
diff --git a/images/mobile.png b/images/mobile.png
diff --git a/images/stratey/our-process.png b/images/stratey/our-process.png
diff --git a/index.html b/index.html
@@ -163,65 +163,65 @@ <h1>Featured Engagements</h1>
       </div>
       <div class="sliderfeature">
         <div>
-          <img src="images/clients/fevicol.png" alt="fevicol">
+          <img src="images/clients/fevicol.webp" alt="fevicol">
         </div>
         <div>
-          <img src="images/clients/indian-oil.png" alt="indian-oil">
+          <img src="images/clients/indian-oil.webp" alt="indian-oil">
         </div>
         <div>
-          <img src="images/clients/bharat-petroleum.png" alt="bharat-petroleum">
+          <img src="images/clients/bharat-petroleum.webp" alt="bharat-petroleum">
         </div>
         <div>
-          <img src="images/clients/union-bank.png" alt="union-bank">
+          <img src="images/clients/union-bank.webp" alt="union-bank">
         </div>
         <div>
-          <img src="images/clients/sbi.png" alt="sbi">
+          <img src="images/clients/sbi.webp" alt="sbi">
         </div>
         <div>
-          <img src="images/clients/bse.png" alt="bse">
+          <img src="images/clients/bse.webp" alt="bse">
         </div>
         <div>
-          <img src="images/clients/craftsvilla.png" alt="craftsvilla">
+          <img src="images/clients/craftsvilla.webp" alt="craftsvilla">
         </div>
         <div>
-          <img src="images/clients/gujarat-tourism.png" alt="gujarat-tourism">
+          <img src="images/clients/gujarat-tourism.webp" alt="gujarat-tourism">
         </div>
         <div>
-          <img src="images/clients/history.png" alt="history">
+          <img src="images/clients/history.webp" alt="history">
         </div>
         <div>
-          <img src="images/clients/asian-paint.png" alt="asian-paint">
+          <img src="images/clients/asian-paint.webp" alt="asian-paint">
         </div>
         <!--  -->
         <div>
-          <img src="images/clients/starplus.png" alt="starplus">
+          <img src="images/clients/starplus.webp" alt="starplus">
         </div>
         <div>
-          <img src="images/clients/sony.png" alt="sony">
+          <img src="images/clients/sony.webp" alt="sony">
         </div>
         <div>
-          <img src="images/clients/viacom.png" alt="viacom">
+          <img src="images/clients/viacom.webp" alt="viacom">
         </div>
         <div>
-          <img src="images/clients/ambuja.png" alt="ambuja">
+          <img src="images/clients/ambuja.webp" alt="ambuja">
         </div>
         <div>
-          <img src="images/clients/jiomeet.png" alt="jiomeet">
+          <img src="images/clients/jiomeet.webp" alt="jiomeet">
         </div>
         <div>
-          <img src="images/clients/nationalgeo.png" alt="nationalgeo">
+          <img src="images/clients/nationalgeo.webp" alt="nationalgeo">
         </div>
         <div>
-          <img src="images/clients/pooja-ent.png" alt="pooja-ent">
+          <img src="images/clients/pooja-ent.webp" alt="pooja-ent">
         </div>
         <div>
-          <img src="images/clients/yashraj.png" alt="yashraj">
+          <img src="images/clients/yashraj.webp" alt="yashraj">
         </div>
         <div>
-          <img src="images/clients/zee.png" alt="zee">
+          <img src="images/clients/zee.webp" alt="zee">
         </div>
         <div>
-          <img src="images/clients/hariyana.png" alt="hariyana">
+          <img src="images/clients/hariyana.webp" alt="hariyana">
         </div>
       </div>
     </div>
@@ -370,7 +370,7 @@ <h1>Testimonials</h1>
           <div class="testimonial-box mb-5">
             <div class="row">
               <div class="col-md-3 col-3">
-                <img src="images/admin.png" class="test-photo" alt="admin">
+                <img src="images/admin.webp" class="test-photo" alt="admin">
               </div>
               <div class="col-md-9 col-9">
                 <p>
@@ -397,7 +397,7 @@ <h1>Testimonials</h1>
           <div class="testimonial-box mb-5">
             <div class="row">
               <div class="col-md-3 col-3">
-                <img src="images/admin.png" class="test-photo" alt="admin">
+                <img src="images/admin.webp" class="test-photo" alt="admin">
               </div>
               <div class="col-md-9 col-9">
                 <p>
@@ -424,7 +424,7 @@ <h1>Testimonials</h1>
           <div class="testimonial-box mb-5">
             <div class="row">
               <div class="col-md-3 col-3">
-                <img src="images/admin.png" class="test-photo" alt="admin">
+                <img src="images/admin.webp" class="test-photo" alt="admin">
               </div>
               <div class="col-md-9 col-9">
                 <p>