service responsive

nyirurugoomar · Dec 14, 2021 · 5cd2988 · 5cd2988
1 parent f040573
commit 5cd2988
Show file tree

Hide file tree

Showing 2 changed files with 42 additions and 53 deletions.
diff --git a/css/style.css b/css/style.css
@@ -349,7 +349,9 @@ span {
   .contact-section {
     flex-direction: column;
   }
-  .contact-info,
+  .contact-info{
+    margin: 0 10px;
+  }
   .contact-form {
     margin: 30px 50px;
   }
@@ -362,7 +364,9 @@ span {
   /* .search-input input {
     width: 75%;
   } */
-
+  .search{
+    margin: 0 20px;
+  }
   .search input {
     width: 75%;
   }

diff --git a/service.html b/service.html
@@ -104,78 +104,63 @@ <h1 class="section-title">Our Services</h1>
         </div>
     </div>
 
+  <!--login form popup  -->
 
+  <div class="popup" id="here">
+    <div class="popup-content">
+        <img src="https://img.icons8.com/fluency-systems-filled/48/000000/delete-sign.png" class="close"/>
+        <label class="logo"><span>B</span>eyOn✊</label>
+        <!-- <img src="https://img.icons8.com/office/80/000000/user.png"/> -->
+        <input type="text" placeholder="Username">
+        <input type="password" placeholder="Password">
+        <a href="#" class="buttoneke">Login</a>
 
+    </div>
 
+</div>
 
+    <div class="footer">
+        <h1>@2021 <span>B</span>eyOn✊ corporation ltd All Rights Reserved.</h1>
 
+    </div>
 
+    <script src="./app.js"></script>
 
+    <script>
 
+        // preloader
 
+        var loader = document.getElementById("preloader");
 
+        window.addEventListener("load", function(){
+            loader.style.display = "none";
+        })
+    </script>
 
 
 
+<script>
+    // mobile_menu
+        $(document).ready(function(){
+        $('#icon').click(function(){
+            $('ul').toggleClass('show');
+        })
+        })
 
+        document.getElementById("button-pop").addEventListener("click", function(){
 
+document.querySelector(".popup").style.display = "flex";
+})
 
+document.querySelector(".close").addEventListener("click", function(){
+document.querySelector(".popup").style.display = "none";
+})
 
 
+</script>
 
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    <div class="footer">
-        <h1>@2021 <span>B</span>eyOn✊ corporation ltd All Rights Reserved.</h1>
-
-    </div>
-
-
-    <script>
-
-        // preloader
-
-        var loader = document.getElementById("preloader");
-
-        window.addEventListener("load", function(){
-            loader.style.display = "none";
-        })
-    </script>
-
 </body>
 </html>