[UPDT] Index Update

website_floating_whatsapp_icon/static/description/index.html

@@ -8,8 +8,8 @@
                         style="font-weight: 700 !important;">Whatsapp Floating Icon in Website</span></h1>
                 <p class="text-center"
                     style="color: #212529 !important; font-size: 1.5rem !important; letter-spacing: 1px !important;">
-                   Whatsapp Floating Icon in Website</p>
-                <img src="./images/icon_whatsapp.png" class="img-responsive">
+                    Whatsapp Floating Icon in Website</p>
+                <img src="./images/hero.png" class="img-responsive">
             </div>
         </div>
         <!-- END OF HERO -->
@@ -22,7 +22,8 @@
                 <hr
                     style="border: 3px solid #AC1015 !important; background-color: #AC1015 !important; width: 80px !important; margin-bottom: 2rem !important;" />
                 <p class="text-center" style="color: #212529 !important; font-size: 1.5rem !important;">
-                    This module add a whatsapp icon in website in which the customers can communicate with website through whatsapp..
+                    This module add a whatsapp icon in website in which the customers can communicate with website
+                    through whatsapp..
                 </p>
             </div>
         </div>
@@ -40,21 +41,22 @@
 
                     <div class="col-lg-6">
 
-                        <div class="d-flex deep-2"
+                        <div class="d-flex deep-2 shadow"
                             style="height: 60px !important; padding: 1rem 1.5rem !important; border-radius: 0 !important; margin: 1.5rem 0">
-                            <img src="./images/checked.png"
-                                style="height: 24px !important; width: 24px !important;" class="mt-1 mr-2"
-                                height="24px" width="24px">
+                            <img src="./images/checked.png" style="height: 24px !important; width: 24px !important;"
+                                class="mt-1 mr-2" height="24px" width="24px">
                             <p style="color: #212529 !important; font-size: 1.3rem !important;">
                                 Easily access whatsapp from website
                             </p>
                         </div>
 
-                        <div class="d-flex deep-2"
-                            style="height: 90px !important; padding: 1rem 1.5rem !important; border-radius: 0 !important; margin: 1.5rem 0">
-                            <img src="./images/checked.png"
-                                style="height: 24px !important; width: 24px !important;" class="mt-1 mr-2"
-                                height="24px" width="24px">
+                    </div>
+                    <div class="col-lg-6">
+
+                        <div class="d-flex deep-2 shadow"
+                            style="height: 60px !important; padding: 1rem 1.5rem !important; border-radius: 0 !important; margin: 1.5rem 0">
+                            <img src="./images/checked.png" style="height: 24px !important; width: 24px !important;"
+                                class="mt-1 mr-2" height="24px" width="24px">
                             <p style="color: #212529 !important; font-size: 1.3rem !important;">
                                 Makes communication easier
                             </p>
@@ -87,7 +89,8 @@
                         </h3>
                         <p
                             style="color: #212529 !important; font-size: 1.3rem !important; font-weight: 300 !important;">
-                            In the website form view we can define the number along with country code required for communicating with the website responsible.
+                            In the website form view we can define the number along with country code required for
+                            communicating with the website responsible.
                         </p>
                     </div>
                 </div>
@@ -130,7 +133,8 @@
                         </h3>
                         <p
                             style="color: #212529 !important; font-size: 1.3rem !important; font-weight: 300 !important;">
-                            By clicking on the whatsapp floating icon it will redirect to whatsapp web with the recipient as the number specified in corresponding website
+                            By clicking on the whatsapp floating icon it will redirect to whatsapp web with the
+                            recipient as the number specified in corresponding website
                         </p>
 
                     </div>
@@ -493,11 +497,11 @@
                                 style="text-decoration: none;  background-color: #25D366; color: #FFF;  border-radius: 4px;"><i
                                     class="fa fa-WhatsApp mr-2"></i>WhatsApp</a>
                         </div>
-        <div class="col-lg-4">
-          <a href="skype:cybrosystechnologies?chat" target="_blank" class="btn btn-block deep_hover"
-            style="text-decoration: none; background-color: #4d4d4d; color: #FFF;  border-radius: 4px;"><i
-              class="fa fa-envelope mr-2"></i>cybrosystechnologies</a>
-        </div>
+                        <div class="col-lg-4">
+                            <a href="mailto:info@cybrosys.com" target="_blank" class="btn btn-block deep_hover"
+                                style="text-decoration: none; background-color: #4d4d4d; color: #FFF;  border-radius: 4px;"><i
+                                    class="fa fa-envelope mr-2"></i>info@cybrosys.com</a>
+                        </div>
                     </div>
                 </div>