added pdf viewer

google5b045dcd49463ba9.html

@@ -0,0 +1 @@
+google-site-verification: google5b045dcd49463ba9.html

index.html

@@ -32,6 +32,11 @@
   <link href="css/style.css" rel="stylesheet" />
   <!-- responsive style -->
   <link href="css/responsive.css" rel="stylesheet" />
+  <!-- WhatsApp -->
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
+
+
+
 
 </head>
 
@@ -71,9 +76,10 @@
                 <a class="nav-link" href="about.html"> About</a>
               </li>
               <li class="nav-item">
-                <a class="nav-link" href="">Articles in PDF</a>
-                <!-- <a class="nav-link" href="service.html">Services</a> -->
+                <!-- <a class="nav-link" href="ebooks/tiket.pdf">e-Books</a> -->
+                <a class="nav-link" href="service.html">e-Books</a>
               </li>
+
               <li class="nav-item">
                 <a class="nav-link" href="">Why Us</a>
                 <!-- <a class="nav-link" href="why.html">Why Us</a> -->
@@ -333,7 +339,7 @@ <h2>
       <div class="why_container">
         <div class="box">
           <!-- <div class="img-box"> -->
-          <a href="https://medium.com/p/8a66c3555b30">
+          <a target="_blank" href="https://medium.com/p/8a66c3555b30">
             <div class="detail-box">
               <h5>
                 React js useMemo Hook
@@ -362,7 +368,7 @@ <h5>
 
         <div class="box">
           <!-- <div class="img-box"> -->
-          <a href="https://medium.com/@akshaymca2013/usememo-hook-vs-purecomponent-b7f8fca12c2b">
+          <a target="_blank" href="https://medium.com/@akshaymca2013/usememo-hook-vs-purecomponent-b7f8fca12c2b">
             <div class="detail-box">
               <h5>
                 useMemo Hook vs PureComponent
@@ -767,7 +773,7 @@ <h4>
               </a>
               <!-- <a class="" href="service.html"> -->
               <a class="" href="">
-                Articles in PDF
+                eBooks
               </a>
               <!-- <a class="" href="why.html"> -->
               <a class="" href="">
@@ -795,6 +801,20 @@ <h4>
     </div>
   </section>
 
+
+  <!-- render the button and direct it to wa.me -->
+  <!-- <a href="https://wa.me/918826964705?text=Hello" class="floating" target="_blank">
+    <i class="fab fa-whatsapp fab-icon"></i>
+  </a> -->
+
+  <!-- <a href="https://api.whatsapp.com/send?phone=51955081075&text=Hola%21%20Quisiera%20m%C3%A1s%20informaci%C3%B3n%20sobre%20Varela%202."
+    class="floating" target="_blank">
+    <i class="fa fa-whatsapp floating"></i>
+  </a> -->
+  <a href="https://api.whatsapp.com/send?phone=51955081075&text=Hola%21%20Quisiera%20m%C3%A1s%20informaci%C3%B3n%20sobre%20Varela%202."
+    class="floating" target="_blank">
+    <i class="fa fa-whatsapp my-float"></i>
+  </a>
   <!-- end info section -->
 
   <!-- footer section -->
@@ -806,6 +826,8 @@ <h4>
       </p>
     </div>
   </section>
+
+
   <!-- footer section -->
 
   <!-- jQery -->
@@ -825,7 +847,8 @@ <h4>
   <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCh39n5U-4IoWpsVGUHWdqB6puEkhRLdmI&callback=myMap">
   </script>
   <!-- End Google Map -->
-
+  <!-- load font awesome for icons -->
+  <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" /> -->
 </body>
 
 </html>

service.html

@@ -22,7 +22,8 @@
   <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">
 
   <!--owl slider stylesheet -->
-  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
+  <link rel="stylesheet" type="text/css"
+    href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
 
   <!-- font awesome style -->
   <link href="css/font-awesome.min.css" rel="stylesheet" />
@@ -54,7 +55,8 @@
             </span>
           </a>
 
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
+            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
             <span class=""> </span>
           </button>
 
@@ -91,11 +93,15 @@
     <!-- end header section -->
   </div>
 
-
+  <iframe src="ebooks/React_Native_in_depth.pdf"
+    style="width: 100%;height: 800px;border: none;padding-left: 20%;padding-right: 20%;"></iframe>
   <!-- service section -->
 
   <section class="service_section layout_padding">
-    <div class="service_container">
+    <!-- <embed src="ebooks/React_Native_in_depth.pdf" width="800px" height="2100px" /> -->
+
+    <!-- <div class="service_container">
+
       <div class="container ">
         <div class="heading_container heading_center">
           <h2>
@@ -173,7 +179,7 @@ <h5>
           </a>
         </div>
       </div>
-    </div>
+    </div> -->
   </section>
 
   <!-- end service section -->
@@ -230,7 +236,8 @@ <h4>
               Info
             </h4>
             <p>
-              necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful
+              necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin
+              words, combined with a handful
             </p>
           </div>
         </div>
@@ -289,8 +296,9 @@ <h4>
   <!-- jQery -->
   <script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
   <!-- popper js -->
-  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous">
-  </script>
+  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
+    integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous">
+    </script>
   <!-- bootstrap js -->
   <script type="text/javascript" src="js/bootstrap.js"></script>
   <!-- owl slider -->