-
Notifications
You must be signed in to change notification settings - Fork 119
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Added Contact page #186
- Loading branch information
Showing
1 changed file
with
157 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,157 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <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="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" /> | ||
| <link rel="stylesheet" href="about.css" /> | ||
| <link rel="stylesheet" href="contact.css" /> | ||
| <link rel="stylesheet" href="responsive-nav.css" /> | ||
| <!-- Favicons --> | ||
| <link rel="apple-touch-icon" sizes="180x180" href="./favicons/apple-touch-icon.png" /> | ||
| <link rel="icon" type="image/png" sizes="32x32" href="./favicons/favicon-32x32.png" /> | ||
| <link rel="icon" type="image/png" sizes="16x16" href="./favicons/favicon-16x16.png" /> | ||
| <link rel="manifest" href="./favicons/site.webmanifest" /> | ||
| </head> | ||
|
|
||
| <body> | ||
| <div class="nav-container"> | ||
| <div class="nav-bar"> | ||
| <a href="https://saptarshisarkar12.github.io/Drifty/"><img class="logo" src="Resources/Driftyicon.webp" alt="Drifty-icon" /></a> | ||
| <nav> | ||
| <ul class="nav-links"> | ||
| <li> | ||
| <a href="index.html#hero"><button class="button">Home</button></a> | ||
| </li> | ||
| <li> | ||
| <a href="about.html"><button class="button">About</button></a> | ||
| </li> | ||
| <li> | ||
| <a href="index.html#download"><button class="button">Download</button></a> | ||
| </li> | ||
| <li> | ||
| <a href="index.html#contrib"><button class="button">Contribute</button></a> | ||
| </li> | ||
| <li> | ||
| <a href="#contact"><button class="button">Contact</button></a> | ||
| </li> | ||
| <li> | ||
| <div class="btn-toggle"><i id="symb" class="fa-solid fa-moon fb"></i></div> | ||
| </li> | ||
| </ul> | ||
| </nav> | ||
| <button id="menu" class="button"><i class="fas fa-bars"></i></button> | ||
| </div> | ||
| </div> | ||
|
|
||
| <!-- About section --> | ||
|
|
||
| <div class="container top-spacer"> | ||
| <div class="row"> | ||
| <h1>contact us</h1> | ||
| </div> | ||
| <div class="row"> | ||
| <h4 style="text-align:center">We'd love to hear from you!</h4> | ||
| </div> | ||
| <div class="row input-container"> | ||
| <form action="https://formsubmit.co/saptarshi.programmer@gmail.com" method="POST"> | ||
| <div class="col-xs-12"> | ||
| <div class="styled-input wide"> | ||
| <input type="text" required name="name"/> | ||
| <label>Name</label> | ||
| </div> | ||
| </div> | ||
| <div class="col-md-6 col-sm-12"> | ||
| <div class="styled-input"> | ||
| <input type="text" required name="email"/> | ||
| <label>Email</label> | ||
| </div> | ||
| </div> | ||
| <div class="col-md-6 col-sm-12"> | ||
| <div class="styled-input" style="float:right;"> | ||
| <input type="text" required name="phone"/> | ||
| <label>Phone Number</label> | ||
| </div> | ||
| </div> | ||
| <div class="col-xs-12"> | ||
| <div class="styled-input wide"> | ||
| <textarea required name="Message"></textarea> | ||
| <label>Message</label> | ||
| </div> | ||
| </div> | ||
| <div class="col-xs-12"> | ||
| <input type="hidden" name="_autoresponse" value="Thank You! We shall get back on you!"> | ||
| <button class="btn-lrg submit-btn" id="btnShowMsg" type="submit" onClick="showMessage()">Send Message</button> | ||
| </div> | ||
| </form> | ||
| </div> | ||
| </div> | ||
|
|
||
| <script type="text/javascript"> | ||
| function showMessage() { | ||
| alert("Thank You! We shall get back to you!."); | ||
| } | ||
| </script> | ||
|
|
||
|
|
||
| <button onclick="totop()" id="mybtn" title="Go to top"> <i class="fa fa-arrow-up"></i> </button> | ||
| <!-- footer --> | ||
| <footer id="contact" class="footer"> | ||
| <div class="legal"> | ||
| <h2>Legal</h2> | ||
| <li> | ||
| <a href=""> | ||
| <i class="fa fa-user-secret" aria-hidden="true"></i> | ||
| Privacy | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href="https://raw.githubusercontent.com/SaptarshiSarkar12/Drifty/master/LICENSE"><i class="fa fa-gavel" aria-hidden="true"></i> | ||
| Terms | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href=""><i class="fa fa-lock" aria-hidden="true"></i> | ||
| Security | ||
| </a></li> | ||
| </div> | ||
| <div class="career"> | ||
| <h2>Support</h2> | ||
| <li> | ||
| <a href="https://discord.gg/DeT4jXPfkG" type="button"> | ||
| <i class="fa fa-users" aria-hidden="true"></i> | ||
| Community | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href="mailto:saptarshi.programmer@gmail.com"><i class="fa fa-envelope-square" aria-hidden="true"></i> | ||
| Get in touch</a> | ||
| </li> | ||
| </div> | ||
| <div class="social-container"> | ||
| <h2>Follow us</h2> | ||
| <div class="social"> | ||
| <a href="https://www.twitter.com/SSarkar2007" id="twitter"><i class="fab fa-twitter"></i></a> | ||
| <a href="https://github.com/SaptarshiSarkar12"><i class="fab fa-github"></i></a> | ||
| <a href="https://saptarshisarkar.hashnode.dev/"><i class="fa-brands fa-hashnode"></i></a> | ||
| <a href="https://www.bio.link/saptarshi"><i class="fa-sharp fa-solid fa-link"></i></a> | ||
| </div> | ||
| </div> | ||
| </footer> | ||
| <div class="copyright"> | ||
| <p>Copyright <i class="fa-solid fa-copyright"></i> Drifty <script>document.write(new Date().getFullYear())</script> - All rights reserved | ||
| </p> | ||
| </div> | ||
|
|
||
| <!-- Scripts --> | ||
| <script src="script.js"></script> | ||
| </body> | ||
|
|
||
| </html> |