File: /home/awaldron/_buildinmotion/bim_ci/app/Views/local.php
<div class="bg-gray home-padding">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div id="home-services" class="home-services-desktop">
<div class="roundy">
<?php
foreach ($features as $f) {
echo '
<div>
<span class="fa-stack fa-2x">
'.(!empty($f['icon-1']) ?
'<i class="'.$f['icon-2'].' fa-stack-2x"></i><i class="'.$f['icon-1'].' fa-stack-1x"></i>'
:
'<i class="'.$f['icon-2'].'"></i>').'
</span>
<h1>'.$f['title'].'</h1>
<div><p>'.$f['desc'].'</p></div>
<div class="auto-align">
<a href="/services" class="bim-btn btn-outlined">
<i class="far fa-long-arrow-right"></i>
</a>
</div>
</div>
';
}
?>
</div>
<div class="roundy-reverse">
<h2>Get Started</h2>
<p>Ready to get started? Build in Motion is ready to help.</p>
<a href="/contact" class="bim-btn btn-white">Get a Quote</a>
</div>
</div>
<div id="home-services" class="home-services-mobile">
<?php
foreach ($features as $f) {
echo '<div class="roundy">
<div class="mob-view">
<span class="fa-stack fa-2x">
'.(!empty($f['icon-1']) ?
'<i class="'.$f['icon-2'].' fa-stack-2x"></i><i class="'.$f['icon-1'].' fa-stack-1x"></i>'
:
'<i class="'.$f['icon-2'].'"></i>').'
</span>
<div>
<h1>'.$f['title'].'</h1>
<p>'.$f['desc'].'</p>
</div>
</div>
<div class="auto-align">
<a href="/services" class="bim-btn btn-outlined">
<i class="far fa-long-arrow-right"></i>
</a>
</div>
</div>';
}
?>
<div class="roundy-reverse">
<h2>Get Started</h2>
<p>Ready to get started? Build in Motion is ready to help.</p>
<a href="/contact" class="bim-btn btn-white">Get a Quote</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-12 subsection-head">
<div class="subsection-head">
<h1>Custom Software Development in <?=$city?>, <?=$state?></h1>
<br>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<img src="/img/infrastructure.png" class="img-fluid" style="margin-bottom:32px;">
</div>
<div class="col-md-8">
<p>Build in Motion offers businesses in <?=$city?>, <?=$state?> custom software development and consulting services to help you
pull off your next project with less stress and less cost. Our builders have the technology prowess
to power you at every stage of your product development lifecycle, from discovery to ongoing
post-launch enhancement.</p>
<p>We have had customer success across disciplines including web-based software, mobile applications, artificial intelligence (AI) enabled applications,
e-commerce, and smart-home / internet-of-things. We minimize risk and drive success no matter your
project’s specifics.</p>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-12 subsection-head">
<div class="subsection-head">
<h1 style="font-size:24px;"> <br>Additional Services</h1>
<br><br>
</div>
</div>
</div>
<div class="row">
<?php
foreach ($services as $s) {
echo '
<div class="col-md-4 col-sm-6 other-service">
<h5 class="semi">'.$s['title'].'</h5>
<p>'.$s['desc'].'</p>
</div>
';
}
?>
</div>
</div>
<div id="map"></div>
<div class="block dkblue contact-cta ng-scope">
<div class="container">
<div class="row">
<div class="col-sm-9">
<h2 style="font-size:1.7em;margin-top:10px;"><span>Ready to start?</span> We want to hear about your
project!</h2>
</div>
<div class="col-sm-3">
<a href="/contact" class="btn btn-secondary btn-lg">Get a Quote <i
class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</div>
</div>
<?php
include 'testimonials.php';
?>
<div class=" bg-gray" style="padding: 30px 0;">
<div class="container container-padding-50">
<div class="row">
<div class="col-sm-12 col-md-8 offset-md-2">
<h1 class="semi text-center">Service today in <?=$city?>, <?=$state?>!</h1>
<p class="text-center">We're ready to engage with amazing clients like you in <?=$city?>, <?=$state?>.</p>
</div>
</div>
</div>
</div>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAz7XoV6qt-By9J4WfwVsDClZ3YlERG9u8&callback=initMap&libraries=&v=weekly" async></script>
<script>
// Initialize and add the map
function initMap() {
// Define city and state
const city = '<?=$city?>';
const state = '<?=$state?>';
const address = `${city}, ${state}`;
// Geocode to get latitude and longitude
const geocoder = new google.maps.Geocoder();
geocoder.geocode({ address: address }, (results, status) => {
if (status === "OK") {
const location = results[0].geometry.location;
const lat = location.lat();
const lng = location.lng();
// The map, centered at the geocoded location
const map = new google.maps.Map(document.getElementById("map"), {
zoom: 10,
center: { lat: lat, lng: lng },
mapId: "4626fcc9785c5648",
disableDefaultUI: true
});
// The marker, positioned at the geocoded location
const marker = new google.maps.Marker({
position: { lat: lat, lng: lng },
map: map,
});
const contentString =
'<div id="content">' +
`<h6 id="firstHeading" class="firstHeading">Service Available Today<br/>in ${city}, ${state}</h6>` +
"</div>";
const infowindow = new google.maps.InfoWindow({
content: contentString,
});
infowindow.open({
anchor: marker,
map,
shouldFocus: false,
});
// The circle, centered at the geocoded location
const cityCircle = new google.maps.Circle({
strokeColor: "#21E0FF",
strokeOpacity: 0.8,
strokeWeight: 2,
fillColor: "#21E0FF",
fillOpacity: 0.35,
map,
center: { lat: lat, lng: lng },
radius: <?=($radius/2 >= 50000 ? 50000 : $radius/2)?>, // Radius in meters
});
} else {
console.error("Geocode was not successful for the following reason: " + status);
}
});
}
</script>