rushilwiz/brancher
1
0
Fork 0
mirror of https://github.com/Rushilwiz/brancher.git synced 2025-04-18 02:50:18 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge branch 'master' of https://github.com/RushilSidhu/brancher

Browse Source
This commit is contained in:
RushilSidhu 2020-06-23 22:43:25 -04:00
commit 3ae37bbbac
12 changed files with 486 additions and 543 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
company.html
View File

@ -16,7 +16,7 @@
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top"><img src="css/res/rainbow_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="#page-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>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto">
<li> <a href="#services">Services</a></li>
@ -284,7 +284,7 @@
<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="#!"><i class="fab fa-facebook-f"></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>
</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>
@ -458,9 +458,9 @@
<!-- 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>

19
influencecompstyle.css
View File

@ -2012,6 +2012,7 @@ pre code {
@media (prefers-reduced-motion: reduce) {
.form-control {
transition: none;
}
}
.form-control::-ms-expand {
@ -5419,6 +5420,7 @@ a.close.disabled {
.modal.fade .modal-dialog {
transition: transform 0.3s ease-out;
transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
@ -5479,11 +5481,12 @@ a.close.disabled {
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-color: #070707;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
outline: 0;
color : #fff;
}
.modal-backdrop {
@ -5497,9 +5500,12 @@ a.close.disabled {
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
opacity: 0.5;
opacity: 1;
filter: blur(5px);
}
.modal-header {
@ -10074,7 +10080,7 @@ img::-moz-selection {
#mainNav {
padding-top: 1rem;
padding-bottom: 1rem;
background-color: #212529;
color: #070707;
}
#mainNav .navbar-toggler {
padding: 0.75rem;
@ -10115,16 +10121,16 @@ img::-moz-selection {
}
#mainNav .navbar-brand {
font-size: 1.5em;
transition: font-size 0.3s ease-in-out;
transition: font-size 0.4s ease-in-out;
}
#mainNav .navbar-brand img {
height: 2rem;
transition: height 0.3s ease-in-out;
transition: 0.4s ease-in-out;
}
#mainNav.navbar-shrink {
padding-top: 1rem;
padding-bottom: 1rem;
background-color: #212529;
background-color: #070707;
}
#mainNav.navbar-shrink .navbar-brand {
font-size: 1.25em;
@ -10263,6 +10269,7 @@ header.masthead .masthead-heading {
height: 3rem;
cursor: pointer;
background-color: transparent;
}
.portfolio-modal .close-modal:hover {
opacity: 0.3;

466
influencer.html
View File

@ -0,0 +1,466 @@
<!DOCTYPE html>
<html>
<script src="https://use.fontawesome.com/releases/v5.13.0/js/all.js" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css" />
<link href="influencecompstyle.css" rel="stylesheet" />
<head>
<title color="BLACK">Brancher for Influencers</title>
<link rel="icon" type="image/x-icon" href="./css/res/white_on_black.svg" />
</head>
<body>
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-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>
<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="about.html">About</a></li>
<li> <a href="index.html">Home Page</a></li>
<li> <a href="#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Masthead-->
<header class="masthead">
<div class="container">
<div class="masthead-subheading">Brancher For Influencers</div>
<div class="masthead-heading text-uppercase">Use Your Platform</div>
<a class="btn btn-primary btn-xl text-uppercase js-scroll-trigger" href="login.html">Already Have An Account?</a>
</div>
</header>
<!-- Services-->
<section class="page-section" id="services">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase">Services</h2>
<h3 class="section-subheading text-muted">How We Help</h3>
</div>
<div class="row text-center">
<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>
</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>
<h4 class="my-3">Market</h4>
<p class="text-muted">Working with influencers will attract more eyes on your product or service. The more connections you gain the larger your audience will be and gain a steady customer base.</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-check-circle fa-stack-1x fa-inverse"></i></span>
<h4 class="my-3">Fact Check</h4>
<p class="text-muted">Working in the business of social media marketing can be risky. Working with Brancher ensures that both sides of the deal come to terms on the agreement and uphold their promises. Brancher does not tolerate any scams or frauds.</p>
</div>
</div>
</div>
</section>
<!-- Portfolio Grid-->
<section class="page-section bg-light" id="portfolio">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase">Get Started</h2>
<h3 class="section-subheading text-muted">How to get your company set up on Brancher.</h3>
</div>
<div class="row">
<div class="col-lg-4 col-sm-6 mb-4">
<div class="portfolio-item">
<a class="portfolio-link" data-toggle="modal" href="#portfolioModal1"
><div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="css/res/smallbranch.PNG" width="400" height="400" alt=""
/></a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Register</div>
<div class="portfolio-caption-subheading text-muted">Sign Up For Free Today!</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4">
<div class="portfolio-item">
<a class="portfolio-link" data-toggle="modal" href="#portfolioModal2"
><div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="css/res/rainbow_branch.png" width="400" height="400" alt=""
/></a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Customize</div>
<div class="portfolio-caption-subheading text-muted"></div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4">
<div class="portfolio-item">
<a class="portfolio-link" data-toggle="modal" href="#portfolioModal3"
><div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="css/res/customer.jpg" width="400" height="400" alt=""
/></a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Specialize</div>
<div class="portfolio-caption-subheading text-muted"></div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4 mb-lg-0">
<div class="portfolio-item">
<a class="portfolio-link" data-toggle="modal" href="#portfolioModal4"
><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-caption">
<div class="portfolio-caption-heading">Explore</div>
<div class="portfolio-caption-subheading text-muted">Find Influencers</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4 mb-sm-0">
<div class="portfolio-item">
<a class="portfolio-link" data-toggle="modal" href="#portfolioModal5"
><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=""
/></a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Contact</div>
<div class="portfolio-caption-subheading text-muted">Talk With Influencers</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="portfolio-item">
<a class="portfolio-link" data-toggle="modal" href="#portfolioModal6"
><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=""
/></a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Expand</div>
<div class="portfolio-caption-subheading text-muted">Keep At It!</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Team-->
<section class="page-section bg-light" id="team">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase">Our Amazing Team</h2>
<h3 class="section-subheading text-muted">We are here to serve you, so always feel free to contact us on social media or using the Brancher contact form down below.</h3>
</div>
<div class="row">
<div class="col-lg-4">
<div class="team-member">
<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>
</div>
</div>
<div class="col-lg-4">
<div class="team-member">
<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>
</div>
</div>
<div class="col-lg-4">
<div class="team-member">
<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>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="team-member">
<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>
</div>
</div>
<div class="col-lg-4">
<div class="team-member">
<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>
</div>
</div>
<div class="col-lg-4">
<div class="team-member">
<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>
</div>
</div>
</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">
<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>
</div>
</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>
</div>
</form>
</div>
</section>
<!-- Footer-->
<footer class="footer py-4">
<div class="container">
<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>
</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>
</div>
</footer>
<!-- Portfolio Modals--><!-- Modal 1-->
<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal"><img src="" alt="" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="modal-body">
<!-- Project Details Go Here-->
<h2 class="text-uppercase">Register</h2>
<p class="item-intro text-muted">Sign Up For Free Today!</p>
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/01-full.jpg" alt="" />
<p>Creating a company account on Brancher is your first step towards success! When creating an account you must provide some sort of verification that you are actually a company whether it be an Instagram page or website. Every verification is checked by a Brancher employee.</p>
<ul class="list-inline">
<li>Have Any Questions?</li>
<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>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal 2-->
<div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal"><img src="" alt="" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="modal-body">
<!-- Project Details Go Here-->
<h2 class="text-uppercase">Customize</h2>
<p class="item-intro text-muted"></p>
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/02-full.jpg" alt="" />
<p>Connect your website and other social media to your Brancher account for influencers to see. Edit your bio and make your company profile unique. Let your creativity run wild!</p>
<ul class="list-inline">
<li>Have Any Questions?</li>
<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>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal 3-->
<div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal"><img src="" alt="" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="modal-body">
<!-- Project Details Go Here-->
<h2 class="text-uppercase">Specialize</h2>
<p class="item-intro text-muted"></p>
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/03-full.jpg" alt="" />
<p>This step is similar to the previous one. The only difference is this time you will be choosing the avenues you want to go down. On your brancher profile fill out the quick survey that enables us to search for the best influencers that can sponsor your product. If you are a makeup company you will be reccomended makeup artists. If you choose to specialize you will also be a hgiher priority for influencers. Specializing is completely option however we do reccomended it. </p>
<ul class="list-inline">
<li>Have Any Questions?</li>
<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>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal 4-->
<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="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="modal-body">
<!-- Project Details Go Here-->
<h2 class="text-uppercase">Explore</h2>
<p class="item-intro text-muted"></p>
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/04-full.jpg" alt="" />
<p>Once you have set up your company profile the way you would like, it is time to post your first sponsorship oppurtunity. When you post your brand deal you will be prompted to write a breif description of the terms of the agrrement you would like to have. If you are specialized than these oppurtnities will be promoted and presented to influencers in your industry. If you don't want to post a brand deal than be sure to look at the influencer profiles that are reccomended to you and contact them.</p>
<ul class="list-inline">
<li>Have Any Questions?</li>
<li>Send Us An Email Us 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>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal 5-->
<div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal"><img src="" alt="" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="modal-body">
<!-- Project Details Go Here-->
<h2 class="text-uppercase">Contact</h2>
<p class="item-intro text-muted">Talk With Influencers</p>
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/05-full.jpg" alt="" />
<p>Whether you created your own brand deal post or found a post from an influencer, your next step is to contact the influencer. If you had your own post, than you can look at the those who applied or are interested. Each influencer has their social media accounts attached to their profile and those that are Brancher verified have already been background checked. You can directly contact Brancher to help out with the brand deal. Direct messaging is also available on the website.</p>
<ul class="list-inline">
<li>Have Any Questions?</li>
<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>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal 6-->
<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="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="modal-body">
<!-- Project Details Go Here-->
<h2 class="text-uppercase">Expand</h2>
<p class="item-intro text-muted">Keep At It!</p>
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/06-full.jpg" alt="" />
<p>The more influencers you talk to the larger your reach will grow! Social media is the future. If you want a successful business, promoting through influencers is the way to go. If you ever have any questions or need assistance feel free to talk directly to our team or use teh email below. Good luck!</p>
<ul class="list-inline">
<li>Have Any Questions?</li>
<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>
</div>
</div>
</div>
</div>
</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>
<!-- Core theme JS-->
<script src="js/compjs.js"></script>
</body>
</html>

2
mail/contact_me.js
View File

@ -21,7 +21,7 @@ $(function () {
$this = $("#sendMessageButton");
$this.prop("disabled", true); // Disable submit button until AJAX call is complete to prevent duplicate messages
$.ajax({
url: "/assets/mail/contact_me.php",
url: "mail/contact_me.php",
type: "POST",
data: {
name: name,

2
mail/contact_me.php
View File

@ -6,7 +6,7 @@ if(empty($_POST['name']) ||
empty($_POST['message']) ||
!filter_var($_POST['email'],FILTER_VALIDATE_EMAIL))
{
echo "No arguments Provided!";
echo "Please fill out all boxes";
return false;
}

159
php-user-registration-form/DataSource.php
View File

@ -1,159 +0,0 @@
<?php
namespace Phppot;
/**
* Generic datasource class for handling DB operations.
* Uses MySqli and PreparedStatements.
*
* @version 2.3
*/
class DataSource
{
// PHP 7.1.0 visibility modifiers are allowed for class constants.
// when using above 7.1.0, declare the below constants as private
const HOST = 'localhost';
const USERNAME = 'root';
const PASSWORD = 'test';
const DATABASENAME = 'phpsamples';
private $conn;
/**
* PHP implicitly takes care of cleanup for default connection types.
* So no need to worry about closing the connection.
*
* Singletons not required in PHP as there is no
* concept of shared memory.
* Every object lives only for a request.
*
* Keeping things simple and that works!
*/
function __construct()
{
$this->conn = $this->getConnection();
}
/**
* If connection object is needed use this method and get access to it.
* Otherwise, use the below methods for insert / update / etc.
*
* @return \mysqli
*/
public function getConnection()
{
$conn = new \mysqli(self::HOST, self::USERNAME, self::PASSWORD, self::DATABASENAME);
if (mysqli_connect_errno()) {
trigger_error("Problem with connecting to database.");
}
$conn->set_charset("utf8");
return $conn;
}
/**
* To get database results
* @param string $query
* @param string $paramType
* @param array $paramArray
* @return array
*/
public function select($query, $paramType="", $paramArray=array())
{
$stmt = $this->conn->prepare($query);
if(!empty($paramType) && !empty($paramArray)) {
$this->bindQueryParams($sql, $paramType, $paramArray);
}
$stmt->execute();
$result = $stmt->get_result();
if ($result->num_rows > 0) {
while ($row = $result->fetch_assoc()) {
$resultset[] = $row;
}
}
if (! empty($resultset)) {
return $resultset;
}
}
/**
* To insert
* @param string $query
* @param string $paramType
* @param array $paramArray
* @return int
*/
public function insert($query, $paramType, $paramArray)
{
print $query;
$stmt = $this->conn->prepare($query);
$this->bindQueryParams($stmt, $paramType, $paramArray);
$stmt->execute();
$insertId = $stmt->insert_id;
return $insertId;
}
/**
* To execute query
* @param string $query
* @param string $paramType
* @param array $paramArray
*/
public function execute($query, $paramType="", $paramArray=array())
{
$stmt = $this->conn->prepare($query);
if(!empty($paramType) && !empty($paramArray)) {
$this->bindQueryParams($stmt, $paramType="", $paramArray=array());
}
$stmt->execute();
}
/**
* 1. Prepares parameter binding
* 2. Bind prameters to the sql statement
* @param string $stmt
* @param string $paramType
* @param array $paramArray
*/
public function bindQueryParams($stmt, $paramType, $paramArray=array())
{
$paramValueReference[] = & $paramType;
for ($i = 0; $i < count($paramArray); $i ++) {
$paramValueReference[] = & $paramArray[$i];
}
call_user_func_array(array(
$stmt,
'bind_param'
), $paramValueReference);
}
/**
* To get database results
* @param string $query
* @param string $paramType
* @param array $paramArray
* @return array
*/
public function numRows($query, $paramType="", $paramArray=array())
{
$stmt = $this->conn->prepare($query);
if(!empty($paramType) && !empty($paramArray)) {
$this->bindQueryParams($stmt, $paramType, $paramArray);
}
$stmt->execute();
$stmt->store_result();
$recordCount = $stmt->num_rows;
return $recordCount;
}
}

86
php-user-registration-form/Member.php
View File

@ -1,86 +0,0 @@
<?php
namespace Phppot;
use \Phppot\DataSource;
class Member
{
private $dbConn;
private $ds;
function __construct()
{
require_once "DataSource.php";
$this->ds = new DataSource();
}
function validateMember()
{
$valid = true;
$errorMessage = array();
foreach ($_POST as $key => $value) {
if (empty($_POST[$key])) {
$valid = false;
}
}
if($valid == true) {
// Password Matching Validation
if ($_POST['password'] != $_POST['confirm_password']) {
$errorMessage[] = 'Passwords should be same.';
$valid = false;
}
// Email Validation
if (! isset($error_message)) {
if (! filter_var($_POST["userEmail"], FILTER_VALIDATE_EMAIL)) {
$errorMessage[] = "Invalid email address.";
$valid = false;
}
}
// Validation to check if Terms and Conditions are accepted
if (! isset($error_message)) {
if (! isset($_POST["terms"])) {
$errorMessage[] = "Accept terms and conditions.";
$valid = false;
}
}
}
else {
$errorMessage[] = "All fields are required.";
}
if ($valid == false) {
return $errorMessage;
}
return;
}
function isMemberExists($username, $email)
{
$query = "select * FROM registered_users WHERE user_name = ? OR email = ?";
$paramType = "ss";
$paramArray = array($username, $email);
$memberCount = $this->ds->numRows($query, $paramType, $paramArray);
return $memberCount;
}
function insertMemberRecord($username, $displayName, $password, $email)
{
$passwordHash = md5($password);
$query = "INSERT INTO registered_users (user_name, display_name, password, email) VALUES (?, ?, ?, ?)";
$paramType = "ssss";
$paramArray = array(
$username,
$displayName,
$passwordHash,
$email
);
$insertId = $this->ds->insert($query, $paramType, $paramArray);
return $insertId;
}
}

90
php-user-registration-form/css/style.css
View File

@ -1,90 +0,0 @@
body {
font-family: Arial;
color: #333;
font-size: 0.95em;
}
.form-head {
color: #191919;
font-weight: normal;
font-weight: 400;
margin: 0;
text-align: center;
font-size: 1.8em;
}
.error-message {
padding: 7px 10px;
background: #fff1f2;
border: #ffd5da 1px solid;
color: #d6001c;
border-radius: 4px;
margin: 30px 0px 10px 0px;
}
.success-message {
padding: 7px 10px;
background: #cae0c4;
border: #c3d0b5 1px solid;
color: #027506;
border-radius: 4px;
margin: 30px 0px 10px 0px;
}
.demo-table {
background: #ffffff;
border-spacing: initial;
margin: 15px auto;
word-break: break-word;
table-layout: auto;
line-height: 1.8em;
color: #333;
border-radius: 4px;
padding: 20px 40px;
width: 380px;
border: 1px solid;
border-color: #e5e6e9 #dfe0e4 #d0d1d5;
}
.demo-table .label {
color: #888888;
}
.demo-table .field-column {
padding: 15px 0px;
}
.demo-input-box {
padding: 13px;
border: #CCC 1px solid;
border-radius: 4px;
width: 100%;
}
.btnRegister {
padding: 13px;
background-color: #5d9cec;
color: #f5f7fa;
cursor: pointer;
border-radius: 4px;
width: 100%;
border: #5791da 1px solid;
font-size: 1.1em;
}
.response-text {
max-width: 380px;
font-size: 1.5em;
text-align: center;
background: #fff3de;
padding: 42px;
border-radius: 3px;
border: #f5e9d4 1px solid;
font-family: arial;
line-height: 34px;
margin: 15px auto;
}
.terms {
margin-bottom: 5px;
}

105
php-user-registration-form/index.php
View File

@ -1,105 +0,0 @@
<?php
namespace Phppot;
use \Phppot\Member;
if (! empty($_POST["register-user"])) {
$username = filter_var($_POST["userName"], FILTER_SANITIZE_STRING);
$displayName = filter_var($_POST["firstName"], FILTER_SANITIZE_STRING);
$password = filter_var($_POST["password"], FILTER_SANITIZE_STRING);
$email = filter_var($_POST["userEmail"], FILTER_SANITIZE_STRING);
require_once ("Member.php");
/* Form Required Field Validation */
$member = new Member();
$errorMessage = $member->validateMember($username, $displayName, $password, $email);
if (empty($errorMessage)) {
$memberCount = $member->isMemberExists($username, $email);
if ($memberCount == 0) {
$insertId = $member->insertMemberRecord($username, $displayName, $password, $email);
if (! empty($insertId)) {
header("Location: thankyou.php");
}
} else {
$errorMessage[] = "User already exists.";
}
}
}
?>
<html>
<head>
<title>PHP User Registration Form</title>
<link href="./css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form name="frmRegistration" method="post" action="">
<div class="demo-table">
<div class="form-head">Sign Up</div>
<?php
if (! empty($errorMessage) && is_array($errorMessage)) {
?>
<div class="error-message">
<?php
foreach($errorMessage as $message) {
echo $message . "<br/>";
}
?>
</div>
<?php
}
?>
<div class="field-column">
<label>Username</label>
<div>
<input type="text" class="demo-input-box"
name="userName"
value="<?php if(isset($_POST['userName'])) echo $_POST['userName']; ?>">
</div>
</div>
<div class="field-column">
<label>Password</label>
<div><input type="password" class="demo-input-box"
name="password" value=""></div>
</div>
<div class="field-column">
<label>Confirm Password</label>
<div>
<input type="password" class="demo-input-box"
name="confirm_password" value="">
</div>
</div>
<div class="field-column">
<label>Display Name</label>
<div>
<input type="text" class="demo-input-box"
name="firstName"
value="<?php if(isset($_POST['firstName'])) echo $_POST['firstName']; ?>">
</div>
</div>
<div class="field-column">
<label>Email</label>
<div>
<input type="text" class="demo-input-box"
name="userEmail"
value="<?php if(isset($_POST['userEmail'])) echo $_POST['userEmail']; ?>">
</div>
</div>
<div class="field-column">
<div class="terms">
<input type="checkbox" name="terms"> I accept terms
and conditions
</div>
<div>
<input type="submit"
name="register-user" value="Register"
class="btnRegister">
</div>
</div>
</div>
</form>
</body>
</html>

14
php-user-registration-form/sql/registered_users.sql
View File

@ -1,14 +0,0 @@
--
-- Table structure for table `registered_users`
--
CREATE TABLE IF NOT EXISTS `registered_users` (
`id` int(8) NOT NULL AUTO_INCREMENT,
`user_name` varchar(255) NOT NULL,
`first_name` varchar(255) NOT NULL,
`last_name` varchar(255) NOT NULL,
`password` varchar(25) NOT NULL,
`email` varchar(55) NOT NULL,
`gender` varchar(20) NOT NULL,
PRIMARY KEY (`id`)
);

12
php-user-registration-form/thankyou.php
View File

@ -1,12 +0,0 @@
<DOCTYPE html>
<html>
<head>
<title>Thank you for registering with us</title>
<link href="./css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="response-text">
Thank you for registering with us!
</div>
</body>
</html>

64
php-user-registration-form/try.html
View File

@ -1,64 +0,0 @@
<!--[Command: php C:\Users\light\github\brancher\php-user-registration-form\index.php]-->
<html>
<head>
<title>PHP User Registration Form</title>
<link href="./css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form name="frmRegistration"action="index.php" method="POST" >
<div class="demo-table">
<div class="form-head">Sign Up</div>
<div class="field-column">
<label>Username</label>
<div>
<input type="text" class="demo-input-box"
name="userName"
value="">
</div>
</div>
<div class="field-column">
<label>Password</label>
<div><input type="password" class="demo-input-box"
name="password" value=""></div>
</div>
<div class="field-column">
<label>Confirm Password</label>
<div>
<input type="password" class="demo-input-box"
name="confirm_password" value="">
</div>
</div>
<div class="field-column">
<label>Display Name</label>
<div>
<input type="text" class="demo-input-box"
name="firstName"
value="">
</div>
</div>
<div class="field-column">
<label>Email</label>
<div>
<input type="text" class="demo-input-box"
name="userEmail"
value="">
</div>
</div>
<div class="field-column">
<div class="terms">
<input type="checkbox" name="terms"> I accept terms
and conditions
</div>
<div>
<input type="submit"
name="register-user" value="Register"
class="btnRegister">
</div>
</div>
</div>
</form>
</body>
</html>