Add the contact us form and update the router

This commit is contained in:
Leonard Smith 2021-04-07 07:27:19 -05:00
parent 2630acb608
commit 6ceb8a2162
3 changed files with 37 additions and 4 deletions

View File

@ -14,4 +14,5 @@ Router.map(function() {
this.route('contributors');
this.route('user-guide');
this.route('site-purpose');
this.route('contact-us');
});

View File

@ -12,19 +12,18 @@
<a class="nav-link" href="/">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="/contact.shtml">Contact Us</a>
<a class="nav-link" href="/contact-us">Contact Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
<a class="nav-link" href="site-purpose">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">How to Use the Site</a>
<a class="nav-link" href="user-guide">How to Use the Site</a>
</li>
</ul>
</div>
</nav>
<div class="jumbotron jumbotron-fluid p-2 m-0" id="page_header">
<img src="/assets/images/sample-logo-r.svg" class="mx-auto d-block" alt="" height="145">
<!--<h1 class="text-light">Biblical Resources for Translators</h1>-->

View File

@ -0,0 +1,33 @@
<div class="container mt-5">
<div class="row">
<div class="col-12 mb-4">
<h1>Contact Us</h1>
</div>
</div>
<form>
<div class="row">
<div class="col-6 col-lg-4 mb-4">
<input type="text" class="form-control" placeholder="First name">
</div>
<div class="col-6 col-lg-4 mb-4">
<input type="text" class="form-control" placeholder="Last name">
</div>
</div>
<div class="row">
<div class="col-12 col-lg-8 mb-4">
<input type="email" class="form-control" placeholder="Email Address">
</div>
</div>
<div class="row">
<div class="col-12 col-lg-8 mb-4">
<textarea class="form-control" id="Message" rows="7" placeholder="Your Message"></textarea>
</div>
</div>
<div class="row">
<div class="col-12 mb-4">
<input class="btn btn-secondary" type="submit" value="Send Message">
</div>
</div>
</form>
</div>