File: /home/awaldron/_buildinmotion/bim_ci/app/Views/contact.php
<div id="splash" class="parallax-window subpage" data-parallax="scroll" data-image-src="/img/splash4.jpg">
<div class="overlay"></div>
<div class="container" id="splash-content">
<div class="row">
<div class="col-sm-12">
<h1 class="semi">Contact Us</h1>
</div>
</div>
</div>
</div>
<div class="container contactus">
<div class="row" style="margin-top:50px;">
<div class="col-md-4">
<h4 class="contact-header"><i class="fas fa-phone fa-fw"></i> Phone</h4>
<table class="table">
<tbody>
<tr>
<td style="border-top:0;"><a href="tel:18888304942"
onclick="ga('send', 'event', 'UIClick', 'Trigger Phone Call', 'Contact Us Page');">+1
(888) 830-4942</a></td>
<td style="border-top:0;">24 hrs / day</td>
</tr>
</tbody>
</table>
<!-- <br><br>-->
<!-- <h4 class="contact-header"><i class="fas fa-envelope fa-fw"></i> Mail</h4>-->
<!-- <table class="table">-->
<!-- <tbody>-->
<!-- <tr>-->
<!-- <td style="border-top:0;">-->
<!-- <b>Build in Motion</b>-->
<!-- <br/>700 River Avenue #423-->
<!-- <br/>Pittsburgh, PA 15212-->
<!-- </td>-->
<!-- </tr>-->
<!-- </tbody>-->
<!-- </table>-->
<br><br>
<h4 class="contact-header"><i class="fas fa-clock fa-fw"></i> Hours</h4>
<table class="table table-hover">
<tbody>
<tr>
<td style="border-top:0;">Monday</td>
<td style="border-top:0;">8am to 8pm</td>
</tr>
<tr>
<td>Tuesday</td>
<td>8am to 8pm</td>
</tr>
<tr>
<td>Wednesday</td>
<td>8am to 8pm</td>
</tr>
<tr>
<td>Thursday</td>
<td>8am to 8pm</td>
</tr>
<tr>
<td>Friday</td>
<td>8am to 8pm</td>
</tr>
<tr>
<td>Saturday</td>
<td>Office Closed</td>
</tr>
<tr>
<td>Sunday</td>
<td>Office Closed</td>
</tr>
</tbody>
</table>
<br><br>
</div>
<div class="col-md-8">
<h4 class="contact-header">
<i class="fas fa-envelope fa-fw"></i> Request a Quote
</h4>
<p>Do you have a technology project you'd like our help with? Use the form below to contact us and tell us
about your specific project requirements.</p>
<div id="contact-form">
<div class="input-group form-group">
<span class="input-group-text" id="basic-addon1"><i class="fas fa-user fa-fw"
aria-hidden="true"></i></span>
<input type="text" class="form-control" id="name" name="name" placeholder="Your Name"
required="required">
<span class="help-block" style="display: none;">Please enter your name.</span>
</div>
<div class="input-group form-group">
<span class="input-group-text" id="basic-addon1"><i class="fas fa-building fa-fw"
aria-hidden="true"></i></span>
<input type="text" class="form-control" id="company" name="company" placeholder="Company Name">
</div>
<div class="input-group form-group">
<span class="input-group-text" id="basic-addon1"><i class="fas fa-envelope fa-fw"
aria-hidden="true"></i></span>
<input type="email" class="form-control" id="email" name="email" placeholder="Email Address"
required="required">
<span class="help-block" style="display: none;">Please enter a valid e-mail address.</span>
</div>
<div class="input-group form-group">
<span class="input-group-text" id="basic-addon1"><i class="fas fa-phone fa-fw"
aria-hidden="true"></i></span>
<input type="phone" class="form-control" id="phone" name="phone" placeholder="Phone Number">
<span class="help-block" style="display: none;">Please enter a valid e-mail address.</span>
</div>
<div class="form-group">
<textarea rows="10" cols="100" class="form-control" id="message" name="message"
placeholder="Tell us about your project..." required="required"></textarea>
<span class="help-block" style="display: none;">Please enter a message.</span>
</div>
<div class="form-group">
<select class="form-control" id="referral" name="referral">
<option value="">How did you hear about us?</option>
<option value="Word of Mounth">Word of Mouth</option>
<option value="Referred by a Friend or Colleague">Referred by a Friend or Colleague</option>
<option value="I've used products built by BIM">I've used products built by BIM</option>
<option value="Google / Web Search">Google / Web Search</option>
<option value="Social Media">Social Media</option>
<option value="Other">Other</option>
</select>
</div>
<div class="form-group">
<div>
<div class="input-group">
<input name="comments" id="comments" class="form-control comments" type="text">
</div>
<span id="submit-button">
<button class="custom-submit" id="submitContact">
<i class="fa fa-send"></i> Submit Message
</button>
</span>
</div>
</div>
</div>
<!-- END CONTACT FORM -->
<div id="submit-success" style="display:none;">
<div class="alert alert-success" role="alert">Thank you for your
message. We will be in touch with you as soon as possible.
</div>
</div>
</div>
</div>
</div>
<div class="bg-gray" style="padding: 25px 0;margin-top:100px;">
<div class="container">
<div class="row text-center">
<div class="col-sm-12 text-center">
<h3 class="semi" style="margin-bottom:20px;">Recognition</h3>
<div class="row">
<div class="col-6 col-sm-6 col-md-3">
<a href="https://clutch.co/profile/build-motion" target="_blank"><img
src="/img/recognition/clutch.png" class="img-recognition" /></a>
</div>
<div class="col-6 col-sm-6 col-md-3">
<a href="https://www.expertise.com/pa/pittsburgh/web-developers" target="_blank"><img
src="/img/recognition/expertise.png" class="img-recognition" /></a>
</div>
<div class="col-6 col-sm-6 col-md-3">
<a href="https://upcity.com/profiles/build-in-motion/pittsburgh" target="_blank"><img
src="/img/recognition/upcity.png" class="img-recognition" /></a>
</div>
<div class="col-6 col-sm-6 col-md-3">
<a href="https://www.designrush.com/agency/software-development/pennsylvania" target="_blank"><img
src="/img/recognition/design-rush.png" class="img-recognition" /></a>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
.recognition {
display: flex;
flex-direction: row;
justify-content: center;
align-content: center;
}
.recognition img {
max-width: 180px;
display: inline-block;
margin: 0 20px;
}
.img-recognition {
max-width: 180px;
display: inline-block;
}
</style>