<?require('includes/cmain.inc.php'); ?> 
<?php include('header.php'); ?>

<style>
.bg-light {
    background-color: #f2f2f2 !important;
}
.mb-2 {
    margin-bottom: .5rem !important;
}
.mb-4 {
    margin-bottom: 1.5rem !important;
}
.dvl {
    margin-top: 110px;
}
.jhdu.mb-0 {
    margin-top: 10px;
    margin-bottom: 30px;
}
.section-title::before {
    content: "";
    width: 50px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    margin-right: -50px;
    border: 1px solid #000 !important;
}
.section-title::after {
    content: "";
    width: 50px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    margin-left: -50px;
    border: 1px solid #000 !important;
}
.section-title {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    color: #11418a;
    padding: 0 13px;
    font-weight: 700;
}
.text-primary {
    color: #13357b !important;
}
.rounded {
    border-radius: 10px !important;
}
.bg-white {
    background-color: #fff !important;
}.p-4 {
    padding: 1.5rem !important;
}
.text-center {
    text-align: center !important;
}
.mb-4 {
    margin-bottom: 1.5rem !important;
}
.text-primary {
    color: #13357b !important;
}
img.img-responsivehjkl {
    width: 100%;
    height: 350px;
}
.topv {
    margin-top: -265px;
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    padding-left: 170px;
    line-height: 45px;
    text-align: left;
}
.colorche {
    color: #fff;
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
    padding-bottom: 10px;
}
p.allsp, p.thkl {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    padding-bottom: 9px;
}
span.liness {
    color: #ffd479;
}
.fgocd.mx-auto.text-center.mb-5 {
    padding-top: 40px;
}
.skfj {
    padding-top: 25px;
}
h3.skdoa.mb-2 {
    padding-bottom: 10px;
    border-bottom: 1px solid #13357b;
    color: #13357b;
}
p.skjsop.mb-4 {
    font-size: 18px;
    line-height: 25px;
}
.form-control {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
    display: block !important;
    width: 100% !important;
    margin-bottom: 20px !important;
    padding: 10px 10px !important;
    height: unset !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #757575 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 10px !important;
    transition: border-color .15s 
ease-in-out, box-shadow .15s 
ease-in-out !important;
}
.sjdscv.col-12 {
    padding: 0px 15px;
}
.nchdc.form-control.border-0 {
    height: 160px !important;
}
.sjiia.bg-white.rounded.p-4 {
    padding: 50px 0px !important;
}
.samew.text-center.mb-4 {
    padding-bottom: 20px;
}
.sdehf {
    padding-top: 70px;
}
p.sndml.mb-0 {
    font-size: 18px;
}
h4.dhjdh {
    font-weight: 700;
}
</style>
<!-- Service section -->
<? //include('index_img_links.php'); ?>
<!-- Welcome sec -->
<section class="banner-section">
           <img data-src="<?php echo SITE_WS_PATH; ?>/images/metal-cont2.png" class="img-responsivehjkl lazyload"> 
           <div class="topv">
               <p class="colorche">Our End to End Solution </p>
               <p class="allsp">From Designing <span class="liness">|</span> Tooling <span class="liness">|</span> Production</p>
               <p class="thkl">Has Helped Many Businesses!</p> 
              <!-- <p class="colmk">Let's Discuss Your Requirement</p>
                  <div class="btntxt h">
       <a class="snkborder" href="<?// echo SITE_WS_PATH;?>/book-meeting">
        <span></span>
        <span></span>
        <span></span>
        <span></span>
       Book a 30 Min.Tech Discussion Call
    </a>
    </div>-->
               </div>
        
        </section>
        <section class="jfil dmnv dvl">
<div class="container-fluid contact bg-light py-5">
            <div class="container py-5">
                <div class="fgocd mx-auto text-center mb-5" >
                    <h5 class="section-title px-3">Contact Us</h5>
                    <h1 class="eoiof jhdu mb-0">Contact For Any Query</h1>
                </div>
                <div class="skfj row g-5 align-items-center">
                    <div class="col-lg-4">
                        <div class="sjiia bg-white rounded p-4">
                            <div class="samew text-center mb-4">
                                <i class="fa fa-map-marker fa-3x text-primary"></i>
                               <h4 class="dhjdh text-primary">Address</h4>
                                <p class="sndml mb-0">137-1140 Burnhamthorpe Rd. W <br>
Mississauga , ON L5C 0A3
Canada <br> New York, USA</p>
                            </div>
                            <div class="samew text-center mb-4">
                                <i class="fa fa-mobile fa-3x text-primary mb-3"></i>
                                <h4 class="dhjdh text-primary">Mobile</h4>
                                <p class="sndml mb-0">  (647) 294-5240 </p>
                                
                            </div>
                           
                            <div class="text-center">
                                <i class="fa fa-envelope-open fa-3x text-primary mb-3"></i>
                                <h4 class="dhjdh text-primary">Email</h4>
                                <p class="sndml mb-0">info@metalstamping-dies.com</p>
                                
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-8">
                        <h3 class="skdoa mb-2">Ready to See your Idea into Reality</h3>
                        <p class="skjsop mb-4">We have served 670+ Clients so far…Discuss your Requirements with Our Experts. Fill out the form we will get back to you soon!</p>
                        <form>
                            <div class="row g-3">
                                <div class="col-md-6">
                                    <div class="form-floating">
                                        <input type="text" class="form-control border-0" id="name" placeholder="Your Name">
                                       
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-floating">
                                        <input type="email" class="form-control border-0" id="email" placeholder="Your Email">
                                       
                                    </div>
                                </div>
                                <div class="sjdscv col-12">
                                    <div class="form-floating">
                                        <input type="text" class="form-control border-0" id="subject" placeholder="Subject">
                                        
                                    </div>
                                </div>
                                <div class="sjdscv col-12">
                                    <div class="form-floating">
                                        <textarea class="nchdc form-control border-0" placeholder="Leave a message here" id="message" style="height: 160px"></textarea>
                                       
                                    </div>
                                </div>
                                <div class="sjdscv col-12">
                                    <button class="btn btn-primary w-100 py-3" type="submit">Send Message</button>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="sdehf col-lg-12">
                        <div class="rounded">
                            <iframe class="rounded w-100" style="height: 450px; width: 100%;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d387191.33750346623!2d-73.97968099999999!3d40.6974881!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2sbd!4v1694259649153!5m2!1sen!2sbd" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </section>
        <?php include('footer.php'); ?>