;
<section class="connect page-start">
    <div class="container container-full">

        <div class="col-sm-9">
            <h2 class="page-title">Let's build Something</h2>
            <ol class="breadcrumb text-center">
                <li>[</li>
                <li>Home</li>
                <li class="active">Contact Us</li>
                <li>]</li>
            </ol>

            <form action="" method="POST">

                
                    <div class="form-group col-sm-5 col-xs-12">
                        <input type="text" placeholder="Name" name="name" class="custom-input">
                        <hr class="input-border"
                            style="transform: scaleX(0); transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; border-color: rgb(0, 188, 212);">
                    </div>

                    <div class="form-group col-sm-5 col-sm-offset-2 col-xs-12">
                        <input type="email" placeholder="Email Address" name="email" class="custom-input">
                        <hr class="input-border"
                            style="transform: scaleX(0); transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; border-color: rgb(0, 188, 212);">
                    </div>

                    <div class="clearfix"></div>

                    <div class="form-group col-sm-5 col-xs-12">
                        <input type="text" placeholder="Phone No." name="phone" class="custom-input">
                        <hr class="input-border"
                            style="transform: scaleX(0); transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; border-color: rgb(0, 188, 212);">
                    </div>

                    <div class="form-group col-sm-5 col-sm-offset-2 col-xs-12">
                        <input type="text" placeholder="Company Name" name="company" class="custom-input">
                        <hr class="input-border"
                            style="transform: scaleX(0); transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; border-color: rgb(0, 188, 212);">
                    </div>

                    <div class="clearfix"></div>

                    <div class="form-group col-sm-5 col-xs-12">
                        <input type="text" placeholder="Project Timeline" name="timeline" class="custom-input">
                        <hr class="input-border"
                            style="transform: scaleX(0); transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; border-color: rgb(0, 188, 212);">
                    </div>

                    <div class="form-group col-sm-5 col-sm-offset-2 col-xs-12">
                        <input type="text" placeholder="Project Budget" name="budget" class="custom-input">
                        <hr class="input-border"
                            style="transform: scaleX(0); transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; border-color: rgb(0, 188, 212);">
                    </div>

                    <div class="clearfix"></div>

                    <div class="form-group col-sm-12 textarea">
                        <textarea class="custom-input" rows="1" name="bodyMessage"
                                  placeholder="Any Message?"></textarea>
                        <hr class="input-border"
                            style="transform: scaleX(0); transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; border-color: rgb(0, 188, 212);">
                    </div>
                    <input name="_token" type="hidden" value="sOIDfeFNeOlDfZC46943r2HBttbrPQuckdeiOYL4"/>

                    <div class="col-sm-12 text-right">
                        <input type="submit" value="Submit" class="round-btn">
                    </div>
            </form>
        </div>

        <div class="col-sm-3 map nomargin nopad">
            <div class="col-sm-9 contact-details-container">

                <div class="contact-details">
                    <p><strong>Our Office:</strong></p>

                    <p>13th Commercial Street, 44-C Phase II Ext.  <br>Karachi - Pakistan.</p><br>

                    <p><strong>Landline:</strong></p>

                    <p>+92 21 35244107</p><br>

                    <p><strong>Email:</strong></p>

                    <p>contact@inheritedarts.com</p>
                </div>
            </div>

            <div class="col-sm-3">

            </div>
        </div>

    </div>
</section>

<!DOCTYPE html>
<html>
<head>
    <title>Contact Us - Inherited Arts</title>
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
        <link rel="stylesheet" href="css/app.css">
    <script src="https://use.fonticons.com/38ae1cb4.js"></script>
</head>
<body>
<header class="main">
    <div class="col-md-12 relative">
        <ul class="list-inline text-center menu cl-effect-1" id="cl-effect-1">
            <li class="logo smallLogo"><a href="/"><img src="images/logoIA.png"></a></li>
            <li><a href="https://www.inheritedarts.com/about">About Us</a></li>
            <li><a href="https://www.inheritedarts.com/case-studies">Case Studies</a></li>
            <li><a href="https://www.inheritedarts.com/solutions">Solutions</a></li>
            <li><a href="https://www.inheritedarts.com/contact-us">Contact Us</a></li>
        </ul>

    </div>
</header>

<div id="primary-content">
    </div>

<footer>
    <div class="container">
        <div class="row">
            <div class="col-sm-4">
                <p>
                   &copy; Copyright All Rights Reserved 2015
                </p>
            </div>

            <div class="col-sm-8">
                <ul class="list-inline text-right footerList">
                    <li><a href="https://www.inheritedarts.com/careers">Careers</a></li>
                    <li><a href="https://www.inheritedarts.com/privacy-policy">Privacy Policy</a></li>
                    <li><a href="https://www.inheritedarts.com/terms-conditions">Terms &amp; Conditions</a></li>
                </ul>
            </div>
            <!-- End of col-sm8 -->
        </div>
        <!-- End of Row -->
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
        <script src="js/all.js"></script>

</footer>
</body>
</html>