working contact form, ignore contact.html

This commit is contained in:
1776123 2020-06-26 16:29:09 -04:00
parent a370c6521a
commit 2c33c5233a
3 changed files with 88 additions and 34 deletions

View File

@ -8,7 +8,7 @@
<link href="influencecompstyle.css" rel="stylesheet" /> <link href="influencecompstyle.css" rel="stylesheet" />
<head> <head>
<title color="BLACK">Brancher for Business</title> <title>Brancher for Business</title>
<link rel="icon" type="image/x-icon" href="./css/res/white_on_black.svg" /> <link rel="icon" type="image/x-icon" href="./css/res/white_on_black.svg" />
</head> </head>
@ -16,14 +16,14 @@
<!-- Navigation--> <!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav"> <nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
<div class="container"> <div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-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> <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"> <div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto"> <ul class="navbar-nav text-uppercase ml-auto">
<li> <a href="#services">Services</a></li> <li> <a href="#services">Services</a></li>
<li> <a href="#portfolio">Get Started</a></li> <li> <a href="#portfolio">Get Started</a></li>
<li> <a href="about.html">About</a></li> <li> <a href="about.html">About</a></li>
<li> <a href="index.html">Home Page</a></li> <li> <a href="index.html">Home Page</a></li>
<li> <a href="#contact">Contact</a></li> <li> <a href="#contactForm">Contact</a></li>
</ul> </ul>
</div> </div>
</div> </div>
@ -245,39 +245,29 @@
</div> </div>
</div>--> </div>-->
<!-- Contact--> <!-- Contact-->
<section class="page-section" id="contact"> <section class="page-section" id="contactForm">
<div class="container"> <div class="container">
<div class="text-center"> <div class="text-center">
<h2 class="section-heading text-uppercase">Contact Us</h2> <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> <h3 class="section-subheading text-muted">We would like to hear your feedback and questions!</h3>
</div> </div>
<form id="contactForm" name="sentMessage" novalidate="novalidate"> <form
<div class="row align-items-stretch mb-5"> action="https://formspree.io/xlepwbwz"
<div class="col-md-6"> method="POST"
<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." /> <label>
<p class="help-block text-danger"></p> Your email:
</div> <input type="text" name="_replyto" placeholder="Your Email *" style="width: 300px">
<div class="form-group"> </label>
<input class="form-control" id="email" type="email" placeholder="Your Email *" required="required" data-validation-required-message="Please enter your email address." /> <div class="row">
<p class="help-block text-danger"></p> <label>
</div> Your message:
<div class="form-group mb-md-0"> <textarea name="message" placeholder="Your Message *" style="width:1000px;height:250px"></textarea>
<input class="form-control" id="phone" type="tel" placeholder="Your Phone *" required="required" data-validation-required-message="Please enter your phone number." /> </label>
<p class="help-block text-danger"></p> </div>
</div> <div class="text-center">
</div> <button class="btn btn-primary btn-xl text-uppercase js-scroll-trigger" type="submit">Send Message</button>
<div class="col-md-6"> </div>
<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> </form>
</div> </div>
</section> </section>
@ -339,7 +329,7 @@
<li>Send Us An Email At:</li> <li>Send Us An Email At:</li>
<li>BrancherCo@gmail.com</li> <li>BrancherCo@gmail.com</li>
</ul> </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> </div>
</div> </div>
@ -455,6 +445,7 @@
</div> </div>
</div> </div>
</div> </div>
<!-- Bootstrap core JS--> <!-- Bootstrap core JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <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> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js"></script>

62
contact.html Normal file
View File

@ -0,0 +1,62 @@
<!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>Brancher Contact</title>
<link rel="icon" type="image/x-icon" href="./css/res/white_on_black.svg" />
</head>
<body>
<form
action="https://formspree.io/xlepwbwz"
method="POST"
>
<label>
Your email:
<input type="text" name="_replyto">
</label>
<label>
Your message:
<textarea name="message"></textarea>
</label>
<!-- your other form fields go here -->
<button type="submit">Send</button>
</form>
</body>
</html>
<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>

View File

@ -16,14 +16,15 @@
<!-- Navigation--> <!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav"> <nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
<div class="container"> <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> <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>
<div class="collapse navbar-collapse" id="navbarResponsive"> <div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto"> <ul class="navbar-nav text-uppercase ml-auto">
<li> <a href="#services">Services</a></li> <li> <a href="#services">Services</a></li>
<li> <a href="#portfolio">Get Started</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="index.html">Home Page</a></li>
<li> <a href="#contact">Contact</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>
</ul> </ul>
</div> </div>
</div> </div>