reduced image size

public/assets/css/responsive.css

@@ -738,8 +738,8 @@
 
   #content-14.aliceblue-shape, #content-14.whitesmoke-shape { padding-top: 80px; }
 
-  .content-section .img-block.left-column, .content-5-img { position: relative; left: -60%; }
-  .content-section .img-block img, .content-5-img img, .content-6-img img { display: inline-block; max-width: none; width: 160%; }
+  /* .content-section .img-block.left-column, .content-5-img { position: relative; left: -60%; } */
+  /* .content-section .img-block img, .content-5-img img, .content-6-img img { display: inline-block; max-width: none; width: 160%; } */
   .content-12-img { margin-right: 0; margin-bottom: -40px; }
 
   .cbox-txt { padding-left: 20px; }

public/assets/css/style.css

@@ -2588,6 +2588,11 @@ h5.sm-title {
   margin-top: 5rem;
 }
 
+.hero-8-txt.fadeInRight{
+  display: flex;
+  flex-direction: column;
+}
+
 /*------------------------------------------*/
 /*  HERO APP LOGO
 /*------------------------------------------*/
@@ -2657,6 +2662,7 @@ h5.sm-title {
 }
 
 .hero-8-txt h2 {
+  margin-top: 3rem;
   margin-bottom: 5px;
 }
 
@@ -2666,7 +2672,6 @@ h5.sm-title {
 
 .hero-8-txt h5 {
   font-weight: 300;
-  margin-bottom: 50px;
 }
 
 .hero-9-txt h4 {

public/assets/js/custom.js

@@ -170,7 +170,7 @@
 					patterns: {
 						youtube: {			   
 							index: 'youtube.com',
-							src: 'https://www.youtube.com/embed/7e90gBu4pas'				
+							src: 'https://www.youtube.com/embed/Jn22jdQ4KdQ'	// added the id of the video			
 								}
 							}
 						}		  		  

src/pages/FloatHome.js

@@ -1240,7 +1240,7 @@ export default FloatHome
 
 //HERO SECTION
   let heroSection = {
-      header: `Travel Smarter. Save Money.`,
+      header: `ravel Smarter. Save Money.`,
       description: `Travel smarter and safer, with Float's rideshare comparison, ride hailing and budgeting app. Available on IOS and Android.`,
       heroLink: 'Watch the Overview',
       button: `Intelligent Mobility Choices!`,
@@ -1250,13 +1250,13 @@ export default FloatHome
   //SECTION TWO
   let message = {
     access: {
-      heading: `Quick Access`, description: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and 
+      heading: `Quick Access`, description: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.
     ociis ligula blandit`
     },
-    notification: {heading: `Smart Notifications`, description: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and 
+    notification: {heading: `Smart Notifications`, description: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.
     ociis ligula blandit`
     },
-    spam: {heading: `Spam Protection`, description: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and 
+    spam: {heading: `Spam Protection`, description: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.
     ociis ligula blandit`
     }
   };
@@ -1292,14 +1292,14 @@ export default FloatHome
     desc: `Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero
     tempus, blandit and cursus varius magna tempus a dolor`,
     accounts: {
-      title: `Multiple Accounts`, desc: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and 
-      ociis ligula blandit`
+      title: `Multiple Accounts`, desc: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.
+      Connectivity provides an array of features`
     },
-    emojis: {title: `Stickers & Emojis`, desc: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and 
-    ociis ligula blandit`
+    emojis: {title: `Service Options`, desc: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.
+    Connectivity provides an array of features`
     },
-    files: {title: `Share Files & Media`, desc: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and 
-    ociis ligula blandit`
+    files: {title: `Connectivity`, desc: ` With Connectivity, both fleet managers and drivers will experience increased efficiencies.
+    Connectivity provides an array of features`
     }
   }
 
@@ -1310,14 +1310,14 @@ export default FloatHome
     title: `Get rewarded with Float points for traveling smarter.`,
     desc: `Gain access to exclusive deals on local transportation, neighborhood favorites, and international brands by staying on budget, avoiding peak commute times, or carpooling with friends to reduce your carbon emissions (and to stay safe!)`,
 
-    text: {title: `float Messaging and Calls`, 
+    text: {title: `Float Messaging and Calls`, 
             desc: `Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at suscipit quaerat ultrice tellus viverra`
           },
-    stickers: {title: `Stickers, Emojis, Themes`, 
+    stickers: {title: `Service Options`, 
             desc: `Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at suscipit quaerat ultrice tellus viverra`
           },
-    media: {title: `Share Files & Media`, 
-            desc: `Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at suscipit quaerat ultrice tellus viverra`
+    media: {title: `Connectivity`, 
+            desc: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.Connectivity provides an array of features`
           }
   }
 
@@ -1346,7 +1346,7 @@ export default FloatHome
     },
 
     voiceAsst: {
-      title: `float Assistant`,
+      title: `Float Assistant`,
       desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna 
       at vitae congue tempus`
     }

src/pages/Users.js

@@ -186,15 +186,20 @@ class Users extends React.Component {
             <div className="container">
               {/* CONTENT BOX-1 */}
               <div id="cb-1-1" className="cbox-1 pb-25">
-                <div className="row d-flex align-items-center">
+                <div className="row align-items-center">
                   {/* IMAGE BLOCK */}
-                  <div className="col-md-5 col-lg-6">
+                  <div className="col-md-6 col-lg-6">
                     <div className="img-block left-column pc-25 mb-40 wow fadeInRight" data-wow-delay="0.6s">
-                      <img className="img-fluid" src="assets/images/route-mockup.jpeg" alt="content-image" />
+                      <img className="img-fluid" src="assets/images/route-mockup2.png" alt="content-image" />
                     </div>
                   </div>
+                  {/* <div className="col-lg-7">
+                    <div className="content-12-img right-column wow fadeInLeft" data-wow-delay="0.6s">
+                      <img className="img-fluid" src="assets/images/info-pair.png" alt="content-image" />
+                    </div>
+                  </div> */}
                   {/* TEXT BLOCK */}	
-                  <div className="col-md-7 col-lg-6">
+                  <div className="col-md-6 col-lg-6">
                     <div className="txt-block right-column pc-30 mb-40 wow fadeInLeft" data-wow-delay="0.6s">
                       {/* Section ID */}	
                       <span className="section-id grey-color">{accessUnlimited.leadTitle}</span>