Merge pull request #50 from anshulsoni4/master

updated the contact us heading and button command
SaptarshiSarkar12 · Oct 5, 2022 · 52d8fd4 · 52d8fd4
2 parents a40ba94 + afc6c8d
commit 52d8fd4
Showing 1 changed file with 50 additions and 90 deletions.
diff --git a/Website/index.html b/Website/index.html
@@ -5,19 +5,14 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Drifty</title>
-    <link
-    rel="stylesheet"
-    href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css"/>
+  </head>
     <link rel="preconnect" href="https://fonts.gstatic.com" />
     <link
       href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;600;700&display=swap"
       rel="stylesheet"
     />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer">
 
-
-  </head>
-
 
     <style>
 
@@ -76,11 +71,11 @@
 
       .header-container {
         width: 1200px;
-        position:relative;
-        top: 65%;
+        position: absolute;
 
-       left: 50%;
-
+
+        left: 50%;
+        top: 50%;
 
 
         transform: translate(-50%, -50%);
@@ -190,53 +185,53 @@
         cursor: pointer;
       }
 
-      .more-info {  
-        position: relative;     
-        left: 5%;
+      .more-info {       
+        left: 50%;
         top: 50%;   
-
+        text-align: center;
       }
 
       video{
         position: relative;
-        border:2px  black;
-        border-radius: 5%;
       }
-      .swiper{
-        position: relative;
-        bottom:365px;
-         width: 700px;
-         height: 400px;
-         margin:auto  600px;
-         border-radius: 5%;
-         border:1px  grey;
-
-      }
-
-      .swiper .swiper-button-next , .swiper .swiper-button-prev{
-color: white;
+
+      /* contact us section */
+      #contact{
+        padding: 96px;
+
+        text-align: center;
+        left: 60%;
+        background-color:var(--background-color);
       }
-      #info{
-        position: relative;
-        left:10%;
+
+      .btn4{
+        padding: 15px;
+        margin: 4px;  
       }
-      .swiper .swiper-pagination-bullet-active {
-        background: white;
+
+      .contact_section{
+        text-align: center;
+        padding: 6px;
       }
+
+
     </style>
 
   <body>
     <header>
 
       <nav class="container">
         <div id=><a href="https://saptarshisarkar12.github.io/Drifty/"><img src="img/Driftyicon.ico" id="btn1"/></a></div>
-        <div class="btn2" >CONTACT US</div>
+
+        <!-- added the button action -->
+        <a style="text-decoration: none;" href="#contact"><div class="btn2" >CONTACT US</div></a>
+
         <div class="btn2" >ABOUT US</div>
         <a style="text-decoration: none;" href="#download_section"><div class="btn2" >DOWNLOAD</div></a>
 
 
       </nav>
-        
+
 
       <div class="header-container">
         <div class="header-container-inner">
@@ -247,32 +242,9 @@ <h1>DRIFTY</h1>
              of the downloaded file as input and downloads it in the given directory with the given filename.
           </p>
           <a href="#info" class="btn">More Info</a>
-               <!-- Slider main container -->
-
+        </div>
       </div>
-          <!-- Slider main container -->
-          <div class="swiper">
-            <!-- Additional required wrapper -->
-            <div class="swiper-wrapper">
-              <!-- Slides -->
-              <div class="swiper-slide"><img src="img/img1.png" alt=""></div>
-              <div class="swiper-slide"><img src="img/img4.png" alt=""></div>
-              <div class="swiper-slide"><img src="img/Screenshot (59).png" alt=""></div>
-              ...
-            </div>
-            <!-- If we need pagination -->
-            <div class="swiper-pagination"></div>
-
-            <!-- If we need navigation buttons -->
-            <div class="swiper-button-prev"></div>
-            <div class="swiper-button-next"></div>
-
-                  </div>
-
-
     </header>
-
-
 
     <section>
       <div class="container" id="info">
@@ -284,12 +256,15 @@ <h2>More Information About Drifty</h2>
         <p>
           <a href="https://github.com/SaptarshiSarkar12/Drifty" class="btn4"><i class="fab fa-github"></i> Contribute to Drifty</a>
         </p>        
-        <a id="download_section">
+        <a id="contact_section">
             <a href="https://github.com/SaptarshiSarkar12/Drifty/releases/latest/download/Drifty_CLI.exe" class="btn4">Download Now <i class="fab fa-windows"></i></a>
             <a href="https://github.com/SaptarshiSarkar12/Drifty/releases/latest/download/Drifty.jar" class="btn4">Download Now <i class="fab fa-apple"></i> <i class="fab fa-linux"></i></a>
         </a>
       </div>
     </section>
+
+
+
     <section>
       <div class="more-info" id="demo">
         <h2>Demonstration of using Drifty</h2>
@@ -299,8 +274,20 @@ <h2>Demonstration of using Drifty</h2>
         <p>
           <video src="Resources/Usage.mp4" height=700 width=1250 controls></video>
         </p>
-    </section>>
-    <section class="footer">
+    </section>
+
+    <!-- contact us section -->
+    <section id="contact">
+      <div class="contact_section">
+        <h2>Contact Us</h2>
+            <a href="https://github.com/SaptarshiSarkar12/Drifty/issues" class="btn4"><i class="fa-solid fa-hand-holding-hand"></i> Help and Support </a>
+            <a href="https://www.twitter.com/SSarkar2007" class="btn4"> <i class="fab fa-twitter"></i> My Twitter</a>
+            <a href="mailto:[email protected] " class="btn4"><i class="fa-sharp fa-solid fa-envelope"></i> My Email </a>
+        </a>
+      </div>
+    </section>
+
+    <section class="footer" id="">
       <div class="social">
         <a href="https://www.twitter.com/SSarkar2007"><i class="fab fa-twitter"></i></a>
         <a href="https://github.com/SaptarshiSarkar12"><i class="fab fa-github"></i></a>
@@ -312,32 +299,5 @@ <h2>Demonstration of using Drifty</h2>
     </section>
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/darkmode-js.min.js"></script>
     <script src="script.js" ></script>
-    <script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
-
-   <script>
-    const swiper = new Swiper('.swiper', {
-  autoplay: {
-     delay:3000,
-     DisableOnInteraction:false,
-  },
-
-  loop: true,
-
-   pagination: {
-    el: '.swiper-pagination',
-    clickable:true,
-  },
-
-
-  navigation: {
-    nextEl: '.swiper-button-next',
-    prevEl: '.swiper-button-prev',
-  },
-
-
-
-});
-   </script>
-
   </body>
 </html>