-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #4 from TheExploration/main
Add Signup Button
- Loading branch information
Showing
2 changed files
with
180 additions
and
10 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
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,171 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
|
||
<head> | ||
<meta charset="utf-8"> | ||
<meta content="width=device-width, initial-scale=1.0" name="viewport"> | ||
|
||
<title>BNSS Engineering Club</title> | ||
<meta content="" name="description"> | ||
<meta content="" name="keywords"> | ||
|
||
<!-- Favicons --> | ||
<link href="assets/img/hero-img.png" rel="icon"> | ||
|
||
<!-- Google Fonts --> | ||
<link rel="preconnect" href="https://fonts.googleapis.com"> | ||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
<link | ||
href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600;1,700&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" | ||
rel="stylesheet"> | ||
|
||
<!-- Vendor CSS Files --> | ||
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> | ||
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet"> | ||
<link href="assets/vendor/aos/aos.css" rel="stylesheet"> | ||
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet"> | ||
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet"> | ||
|
||
<!-- Template Main CSS File --> | ||
<link href="assets/css/main.css" rel="stylesheet"> | ||
|
||
<!-- ======================================================= | ||
* Template Name: Impact - v1.1.0 | ||
* Template URL: https://bootstrapmade.com/impact-bootstrap-business-website-template/ | ||
* Author: BootstrapMade.com | ||
* License: https://bootstrapmade.com/license/ | ||
======================================================== --> | ||
</head> | ||
|
||
<body> | ||
|
||
<!-- ======= Header ======= --> | ||
<section id="topbar" class="topbar d-flex align-items-center"> | ||
<div class="container d-flex justify-content-center justify-content-md-between"> | ||
<div class="social-links d-none d-md-flex align-items-center"> | ||
<a href="https://www.instagram.com/bnss_engineering/" target="_blank" class="instagram"><i | ||
class="bi bi-instagram"></i></a> | ||
</div> | ||
</div> | ||
</section><!-- End Top Bar --> | ||
|
||
<header id="header" class="header d-flex align-items-center"> | ||
|
||
<div class="container-fluid container-xl d-flex align-items-center justify-content-between"> | ||
<a href="index.html" class="logo d-flex align-items-center"> | ||
<!-- Uncomment the line below if you also wish to use an image logo --> | ||
<!-- <img src="assets/img/logo.png" alt=""> --> | ||
<h1>BNSS<span>E</span></h1> | ||
</a> | ||
<nav id="navbar" class="navbar"> | ||
<ul> | ||
<li><a href="index.html">Home</a></li> | ||
<li><a href="index.html">About</a></li> | ||
<li><a href="blog.html">Blog</a></li> | ||
<li><a href="index.html">Team</a></li> | ||
</ul> | ||
</nav><!-- .navbar --> | ||
|
||
<i class="mobile-nav-toggle mobile-nav-show bi bi-list"></i> | ||
<i class="mobile-nav-toggle mobile-nav-hide d-none bi bi-x"></i> | ||
|
||
</div> | ||
</header><!-- End Header --> | ||
<!-- End Header --> | ||
|
||
<!-- ======= Hero Section ======= --> | ||
|
||
<body> | ||
<div class="col-lg-6 order-2 order-lg-1 d-flex flex-column justify-content-center text-center text-lg-start"> | ||
<h2>BNSS Engineering <span>Club</span></h2> | ||
<p> You will recieve emails about meeting times weekly once signed up. Check your junk mail.</p> | ||
</div> | ||
<br> | ||
<br> | ||
<br> | ||
<form action="https://formsubmit.co/bnss.engineering.club@gmail.com" method="POST" /> | ||
|
||
|
||
<input name="name" type="text" placeholder="Enter name" required /> | ||
<input name="email" type="email" placeholder="Enter email (School email is fine.)" required /> | ||
<input name="phone" type="text" placeholder="Enter phone" /> | ||
<input name="info" type="text" placeholder="ADD THIS STUDENT'S EMAIL TO THE WEEKLY EMAILS. THEY WANT TO SIGN UP!!" hidden/> | ||
<button type="submit">Sign Up!</button> | ||
</form> | ||
<br> | ||
|
||
<br> | ||
<br> | ||
<br> | ||
|
||
<br> | ||
|
||
</body> | ||
|
||
|
||
<!-- ======= Footer ======= --> | ||
<footer id="footer" class="footer"> | ||
|
||
<div class="container"> | ||
<div class="row gy-4"> | ||
<div class="col-lg-5 col-md-12 footer-info"> | ||
<a href="index.html" class="logo d-flex align-items-center"> | ||
<span>BNSSE Club </span> | ||
</a> | ||
<div class="social-links d-flex mt-4"> | ||
<a href="https://www.instagram.com/bnss_engineering/" target="_blank" class="instagram"><i | ||
class="bi bi-instagram"></i></a> | ||
</div> | ||
</div> | ||
|
||
<div class="col-lg-3 col-md-12 footer-contact text-center text-md-start"> | ||
<h4>Contact Us</h4> | ||
<p> | ||
751 Hammarskjold Dr <br> | ||
Burnaby, BC V5B 4A1 <br> | ||
Canada <br><br> | ||
<strong>Email:</strong> bnss.engineering.club@gmail.com<br> | ||
</p> | ||
|
||
</div> | ||
|
||
</div> | ||
</div> | ||
|
||
<div class="container mt-4"> | ||
<div class="copyright"> | ||
© Copyright <strong><span>BNSSE</span></strong>. All Rights Reserved | ||
|
||
</div> | ||
<div class="credits"> | ||
<!-- All the links in the footer should remain intact. --> | ||
<!-- You can delete the links only if you purchased the pro version. --> | ||
<!-- Licensing information: https://bootstrapmade.com/license/ --> | ||
<!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/impact-bootstrap-business-website-template/ --> | ||
<a href="https://bootstrapmade.com/" style="color:rgb(36, 36, 36)">BootstrapMade</a> | ||
</div> | ||
</div> | ||
|
||
</footer><!-- End Footer --> | ||
<!-- End Footer --> | ||
|
||
<a href="#" class="scroll-top d-flex align-items-center justify-content-center"><i | ||
class="bi bi-arrow-up-short"></i></a> | ||
|
||
<div id="preloader"></div> | ||
|
||
<!-- Vendor JS Files --> | ||
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> | ||
<script src="assets/vendor/aos/aos.js"></script> | ||
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script> | ||
<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script> | ||
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script> | ||
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script> | ||
<script src="assets/vendor/php-email-form/validate.js"></script> | ||
|
||
<!-- Template Main JS File --> | ||
<script src="assets/js/main.js"></script> | ||
|
||
</body> | ||
|
||
</html> |