created sign up

This commit is contained in:
RushilSidhu 2020-06-29 12:33:37 -04:00
parent 7f1c3247b3
commit d009a639ef
2 changed files with 81 additions and 73 deletions

View File

@ -8,7 +8,7 @@
<link href="influencecompstyle.css" rel="stylesheet" />
<head>
<title color="BLACK">Brancher for Influencers</title>
<title>Brancher for Business</title>
<link rel="icon" type="image/x-icon" href="./css/res/white_on_black.svg" />
</head>
@ -16,15 +16,14 @@
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#top"><img src="css/res/white_branch.svg" alt="" /></a><button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">Menu<i class="fas fa-bars ml-1"></i></button>
<a class="navbar-brand js-scroll-trigger" href="#top"><img src="css/res/white_on_black.svg" alt="" /></a><button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">Menu<i class="fas fa-bars ml-1"></i></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto">
<li> <a href="#services">Services</a></li>
<li> <a href="#portfolio">Get Started</a></li>
<li> <a href="index.html">Home Page</a></li>
<li> <a href="#contact">Contact</a></li>
<li> <a href="about.html">About</a></li>
<li> <a href="login.html">Log In</a></li>
<li> <a href="index.html">Home Page</a></li>
<li> <a href="#contactForm">Contact</a></li>
</ul>
</div>
</div>
@ -48,7 +47,9 @@
<div class="col-md-4">
<span class="fa-stack fa-4x"><i class="fas fa-circle fa-stack-2x text-primary"></i><i class="fas fa-project-diagram fa-stack-1x fa-inverse"></i></span>
<h4 class="my-3">Connect</h4>
<p class="text-muted">Connect with influencers and create connections with them to help build your business. Sponsorships will help create a social media prescense for your brand or business, building you up for the future.</p>
<p class="text-muted">Connect
Connect with influencers and create connections with them to help build your business. Sponsorships will help create a social media prescense for your brand or business, building you up for the future.</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x"><i class="fas fa-circle fa-stack-2x text-primary"></i><i class="fas fa-chart-line fa-stack-1x fa-inverse"></i></span>
@ -119,8 +120,8 @@
><div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/portfolio/04-thumbnail.jpg" width="400" height="400" alt=""
/></a>
<div class="portfolio-hover-content" style="text-align:center"> <i class="fa fa-search fa-10x"></i></div>
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Explore</div>
<div class="portfolio-caption-subheading text-muted">Find Influencers</div>
@ -133,7 +134,7 @@
><div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/portfolio/05-thumbnail.jpg" width="400" height="400" alt=""
<img class="img-fluid" src="css/res/contact_pic_260x280.jpg" width="400" height="400" alt=""
/></a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Contact</div>
@ -147,7 +148,7 @@
><div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/portfolio/06-thumbnail.jpg" width="400" height="400" alt=""
<img class="img-fluid" src="css/res/expandpic_260x280.jpg" width="400" height="400" alt=""
/></a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Expand</div>
@ -172,7 +173,7 @@
<img class="mx-auto rounded-circle" src="css/res/zaeem.PNG" alt="" />
<h4>Zaeem Qureshi</h4>
<p class="text-muted">Chief Operations Offiicer</p>
<a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/lightningzaqueem/"><i class="fab fa-instagram"></i></a><a class="btn btn-dark btn-social mx-2" href="https://www.facebook.com/zaeem.kureshi.39"><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/lightningzaqueem/"><i class="fab fa-instagram"></i></a><a class="btn btn-dark btn-social mx-2" href="https://www.facebook.com/zaeem.kureshi.39"><i class="fab fa-facebook-f"></i></a><a class="btn btn-dark btn-social mx-2" href="mailto:zaeem.kureshe11@gmail.com"><i class="fa fa-envelope"></i></a>
</div>
</div>
<div class="col-lg-4">
@ -180,7 +181,7 @@
<img class="mx-auto rounded-circle" src="css/res/adnan.PNG" alt="" />
<h4>Adnan Murtaza</h4>
<p class="text-muted">Lead Designer</p>
<a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/adnanmurtaza1/"><i class="fab fa-instagram"></i></a><a class="btn btn-dark btn-social mx-2" href="https://www.facebook.com/adnan.murtaza.378"><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/adnanmurtaza1/"><i class="fab fa-instagram"></i></a><a class="btn btn-dark btn-social mx-2" href="https://www.facebook.com/adnan.murtaza.378"><i class="fab fa-facebook-f"></i></a><a class="btn btn-dark btn-social mx-2" href="mailto:adnanamurtaza@gmail.com"><i class="fa fa-envelope"></i></a>
</div>
</div>
<div class="col-lg-4">
@ -188,7 +189,7 @@
<img class="mx-auto rounded-circle" src="css/res/rushil.PNG" alt="" />
<h4>Rushil Sidhu</h4>
<p class="text-muted">Chief Executive Officer</p>
<a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/rushil_sidhu/"><i class="fab fa-instagram"></i></a><a class="btn btn-dark btn-social mx-2" href="https://www.facebook.com/rushil.sidhu"><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/rushil_sidhu/"><i class="fab fa-instagram"></i></a><a class="btn btn-dark btn-social mx-2" href="https://www.facebook.com/rushil.sidhu"><i class="fab fa-facebook-f"></i></a><a class="btn btn-dark btn-social mx-2" href="mailto:rushilsidhu@gmail.com"><i class="fa fa-envelope"></i></a>
</div>
</div>
</div>
@ -198,7 +199,7 @@
<img class="mx-auto rounded-circle" src="css/res/taj.PNG" alt="" />
<h4>Taj Abdin</h4>
<p class="text-muted">Lead Consultant</p>
<a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/tma_taj/"><i class="fab fa-instagram"></i></a><a class="btn btn-dark btn-social mx-2" href="https://www.facebook.com/taj.abdin.9"><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/tma_taj/"><i class="fab fa-instagram"></i></a><a class="btn btn-dark btn-social mx-2" href="https://www.facebook.com/taj.abdin.9"><i class="fab fa-facebook-f"></i></a><a class="btn btn-dark btn-social mx-2" href="mailto:tajabdin123@gmail.com"><i class="fa fa-envelope"></i></a>
</div>
</div>
<div class="col-lg-4">
@ -206,7 +207,7 @@
<img class="mx-auto rounded-circle" src="css/res/abrar.PNG" alt="" />
<h4>Abrar Murtaza</h4>
<p class="text-muted">Lead Marketer</p>
<a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/abrar.m123/"><i class="fab fa-instagram"></i></a><a class="btn btn-dark btn-social mx-2" href="https://www.facebook.com/abrar.murtaza.16"><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/abrar.m123/"><i class="fab fa-instagram"></i></a><a class="btn btn-dark btn-social mx-2" href="https://www.facebook.com/abrar.murtaza.16"><i class="fab fa-facebook-f"></i></a><a class="btn btn-dark btn-social mx-2" href="mailto:abrarmurtaza3@gmail.com"><i class="fa fa-envelope"></i></a>
</div>
</div>
<div class="col-lg-4">
@ -214,70 +215,50 @@
<img class="mx-auto rounded-circle" src="css/res/rushilu.PNG" alt="" />
<h4>Rushil Umaretiya</h4>
<p class="text-muted">Lead Developer</p>
<a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/rushilwiz/"><i class="fab fa-instagram"></i></a><a class="btn btn-dark btn-social mx-2" href="https://www.facebook.com/rushil.umaretiya.12"><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/rushilwiz/"><i class="fab fa-instagram"></i></a><a class="btn btn-dark btn-social mx-2" href="https://www.facebook.com/rushil.umaretiya.12"><i class="fab fa-facebook"></i></a><a class="btn btn-dark btn-social mx-2" href="https://github.com/Rushilwiz"><i class="fab fa-github"></i></a>
</div>
</div>
</div>
<div class="text-center">
<a class="btn btn-primary btn-xl text-uppercase js-scroll-trigger" href="about.html">Want To Learn More?</a>
</div>
<div class="row">
<div class="col-lg-8 mx-auto text-center"><p class="large text-muted"></p></div>
</div>
</div>
</section>
<!-- Clients-->
<!--<div class="py-5">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6 my-3">
<a href="#!"><img class="img-fluid d-block mx-auto" src="assets/img/logos/envato.jpg" alt="" /></a>
</div>
<div class="col-md-3 col-sm-6 my-3">
<a href="#!"><img class="img-fluid d-block mx-auto" src="assets/img/logos/designmodo.jpg" alt="" /></a>
</div>
<div class="col-md-3 col-sm-6 my-3">
<a href="#!"><img class="img-fluid d-block mx-auto" src="assets/img/logos/themeforest.jpg" alt="" /></a>
</div>
<div class="col-md-3 col-sm-6 my-3">
<a href="#!"><img class="img-fluid d-block mx-auto" src="assets/img/logos/creative-market.jpg" alt="" /></a>
</div>
</div>
</div>
</div>-->
<!-- Contact-->
<section class="page-section" id="contact">
<section class="page-section" id="contactForm">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase">Contact Us</h2>
<h3 class="section-subheading text-muted">We would like to hear your feedback and questions!</h3>
</div>
<form id="contactForm" name="sentMessage" novalidate="novalidate">
<div class="row align-items-stretch mb-5">
<div class="col-md-6">
<div class="form-group">
<input class="form-control" id="name" type="text" placeholder="Your Name *" required="required" data-validation-required-message="Please enter your name." />
<p class="help-block text-danger"></p>
</div>
<div class="form-group">
<input class="form-control" id="email" type="email" placeholder="Your Email *" required="required" data-validation-required-message="Please enter your email address." />
<p class="help-block text-danger"></p>
</div>
<div class="form-group mb-md-0">
<input class="form-control" id="phone" type="tel" placeholder="Your Phone *" required="required" data-validation-required-message="Please enter your phone number." />
<p class="help-block text-danger"></p>
</div>
</div>
<div class="col-md-6">
<div class="form-group form-group-textarea mb-md-0">
<textarea class="form-control" id="message" placeholder="Your Message *" required="required" data-validation-required-message="Please enter a message."></textarea>
<p class="help-block text-danger"></p>
</div>
<form
action="https://formspree.io/xlepwbwz"
method="POST"
>
<div style="margin-left:60px">
<label>
<input type="text" name="_replyto" placeholder="Your Email *" style="width: 300px">
</label>
</div>
<div class="row" style="margin-left:60px">
<label>
<textarea name="message" placeholder="Your Message *" style="width:1000px;height:150px"></textarea>
</label>
</div>
<div class="text-center">
<div id="success"></div>
<button class="btn btn-primary btn-xl text-uppercase" id="sendMessageButton" type="submit">Send Message</button>
<button type="submit" class="btn btn-primary btn-xl text-uppercase" type="submit">Send Message</button>
</div>
</form>
</div>
<!-- your other form fields go here -->
</div>
</section>
<!-- Footer-->
<footer class="footer py-4">
@ -285,9 +266,12 @@
<div class="row align-items-center">
<div class="col-lg-4 text-lg-left">BrancherCo</div>
<div class="col-lg-4 my-3 my-lg-0">
<a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/brancher.co/"><i class="fab fa-instagram"></i></a><a class="btn btn-dark btn-social mx-2" href="https://www.youtube.com/channel/UCdxzpAHn_Xd6IfaF-o55xBQ"><i class="fab fa-youtube"></i></a><a class="btn btn-dark btn-social mx-2" href="mailto:BrancherCo@gmail.com"><i class="fa fa-envelope"></i></a>
<a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/brancher.co/"><i class="fab fa-instagram"></i></a><a class="btn btn-dark btn-social mx-2" href="https://www.youtube.com/channel/UCdxzpAHn_Xd6IfaF-o55xBQ"><i class="fab fa-youtube"></i></a><a class="btn btn-dark btn-social mx-2" href="mailto:BrancherCo@gmail.com"><i class="fa fa-envelope"></i></a><a class="btn btn-dark btn-social mx-2"
href="https://vm.tiktok.com/JdLtwpS/"><i class="fab fa-tiktok"></i></a><a class="btn btn-dark btn-social mx-2" href="https://www.snapchat.com/add/brancher_co"><i class="fab fa-snapchat"></i></a>
</div>
<div class="col-lg-4 text-lg-right"><a class="mr-3" href="#!">Privacy Policy</a><a href="#!">Terms of Use</a></div>
<div class="col-lg-4 text-lg-right"><a class="mr-3" href="privacy.html">Privacy Policy</a><a href="#!">Terms of Use</a></div>
</div>
</div>
</footer>
@ -337,7 +321,7 @@
<li>Send Us An Email At:</li>
<li>BrancherCo@gmail.com</li>
</ul>
<button class="btn btn-primary" data-dismiss="modal" type="button"><i class="fas fa-times mr-1"></i>Close</button>
<class="btn btn-primary" data-dismiss="modal" type=""><i class="fas fa-times mr-1"></i>Close</button>
</div>
</div>
</div>
@ -376,7 +360,7 @@
<div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div>
<div class="close-modal" data-dismiss="modal"><img src="assets/img/close-icon.svg" alt="" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
@ -430,7 +414,7 @@
<div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div>
<div class="close-modal" data-dismiss="modal"><img src="assets/img/close-icon.svg" alt="" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
@ -453,15 +437,16 @@
</div>
</div>
</div>
<!-- Bootstrap core JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js"></script>
<!-- Third party plugin JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<!-- Contact form JS-->
<script src="assets/mail/jqBootstrapValidation.js"></script>
<script src="assets/mail/contact_me.js"></script>
<script src="mail/jqBootstrapValidation.js"></script>
<script src="mail/contact_me.js"></script>
<!-- Core theme JS-->
<script src="js/compjs.js"></script>
<script src="compjs.js"></script>
</body>
</html>

23
signup.html Normal file
View File

@ -0,0 +1,23 @@
<link href='https://fonts.googleapis.com/css?family=Open+Sans:700,600' rel='stylesheet' type="text/css">
<link rel="stylesheet" type="text/css" href="css/login.css">
<form method="post" action="signup.html">
<div class="box">
<h1>Dashboard</h1>
<input type="email" name="email" value="email" onFocus="field_focus(this, 'email');" onblur="field_blur(this, 'email');" class="email" />
<input type="password" name="email" value="email" onFocus="field_focus(this, 'email');" onblur="field_blur(this, 'email');" class="email" />
<a href="#"><div class="btn">Register</div></a> <!-- End Btn -->
<a href="#"><div id="btn2">Sign Up</div></a> <!-- End Btn2 -->
</div> <!-- End Box -->
</form>
<p>Forgot your password? <u style="color:#f1c40f;">Click Here!</u></p>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/login.js"></script>