<div id="splash" class="parallax-window subpage"  data-parallax="scroll" data-image-src="/img/splash1.jpg">
    <div class="overlay"></div>
    <div class="container" id="splash-content">
        <div class="row">
            <div class="col-sm-12">
                <h1 class="semi">Services</h1>
            </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</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 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,
                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;">&nbsp;<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 class="container">
    <div class="row">
        <div class="col-sm-12 subsection-head">
            <div class="subsection-head">
                <h1>&nbsp;<br>Our Process</h1>
            </div>
        </div>
    </div>
    <div class="row" style="margin-top: 50px;">
        <div class="col-md-6">
            <img src="/img/st1.jpg" class="img-fluid" style="margin-bottom:32px;">
        </div>
        <div class="col-md-6">
            <h3>Discovery</h3>
            <p>&nbsp;<br>Our team of builders work with you to identify the best solution to your business
                challenges, avoid unplanned costs and maximize the ROI of your project. We help you validate the
                concept, set clear expectations, and identify potential bottlenecks.</p>
            <ul class="bullet-list">
                <li>Feasibility study and proof of concept</li>
                <li>Identification of new business and monetization models</li>
                <li>Developing a multi-platform strategy</li>
                <li>Crafting security and scalability roadmaps</li>
                <li>Choosing the right tech stack</li>
            </ul>
        </div>
    </div>

    <div class="row" style="margin-top:50px;border-top: solid 1px #EEE; padding-top:50px;">
        <div class="col-md-6 col-md-push-6">
            <img src="/img/st2.jpg" class="img-fluid" style="margin-bottom:32px;">
        </div>
        <div class="col-md-6 col-md-pull-6">
            <h3>User Experience Design</h3>
            <p>&nbsp;<br>Our design team will work with you to create attractive and intuitive software that aligns
                with your brand and creates a memorable user experience. The iterative design process allows
                stakeholders to visualize the application end-to-end, while incorporating team input, and creating a
                shared vision of the final product.</p>
            <ul class="bullet-list">
                <li>Identifying technical, business, or usage constraints</li>
                <li>Wireframing, mocking up, and prototyping</li>
                <li>Setting usability metrics</li>
                <li>A consistent user experience across all platforms</li>
                <li>A lightning-fast, pixel-perfect UI</li>
            </ul>
        </div>
    </div>

    <div class="row" style="margin-top:50px;border-top: solid 1px #EEE; padding-top:50px;margin-bottom:50px;border-bottom: solid 1px #EEE; padding-bottom:50px;">
        <div class="col-md-6">
            <img src="/img/st3.jpg" class="img-fluid" style="margin-bottom:32px;" />
        </div>
        <div class="col-md-6">
            <h3>Development and Testing</h3>
            <p>&nbsp;<br>We marry engineering and QA so you can reduce costs and time-to-market while building a
                product that is functional, scalable and secure. Then, we will stay on board to help you roll out
                cool new features and integrations, and increase your user base.</p>
            <ul class="bullet-list">
                <li>inMotion Catalyst framework</li>
                <li>Enterprise-grade information security</li>
                <li>DevOps-powered continuous delivery process</li>
                <li>Automatied testing framework for web, mobile, and APIs</li>
                <li>End-to-end manual testing, including functional, integration and UI</li>
            </ul>
        </div>
    </div>
</div>