<?php /* Template Name: Contact Page */ ?>
<?php get_header(); ?>
<!-- Start Breadcrumb 
    ============================================= -->
    <div class="breadcrumb-area text-center shadow dark bg-fixed text-light" style="background-image: url(<?php echo get_field('web_banner'); ?>);">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 offset-lg-2">
                    <h1><?php echo get_field('banner_title'); ?></h1>
                    <ul class="breadcrumb">
                        <li><a href="<?php echo site_url() ?>"><i class="fas fa-home"></i> Home</a></li>
                        <li class="active">Outlets</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- End Breadcrumb -->
     <!-- Start Contact 
    ============================================= -->
    <div class="contact-area default-padding">
        
        <div class="container-full">
            <div class="contact-items">
                <div class="row align-center">
                    <div class="col-lg-3 contact-info">
                        
                        <ul>
                             <li>
                                <h4>Head Office</h4>
                                <span>73, Naramminiya Road,,<br> Kelaniya, Sri Lanka.</span>
                            </li>
                            <li>
                                <h4>Manufacturing Site</h4>
                                <span>Kekalana, Kotiyagala<br>
                                    Monaragala, Sri Lanka</span>
                                
                            </li>
                            <li>
                                <h4>Contact Info</h4>
                                <span>
                                    Tel: +94 112 906088</br>
                                    Fax: +94 112 906166</br>
                                    Email: info@staragri.lk</br>
                                    Mobile/ WhatsApp: +94 773 959397</br>
                                    <a href=" https://facebook.com/profile.php?id=100092522306627" target="_blank"><i class="fab fa-facebook-f"></i>
                                    </a>
                                    
                                </span>
                            </li>
                            
                        </ul>
                    </div>
                    <div class="col-lg-5">
                        <div class="form-content">
                            <h2>Leave a message</h2>
                            <form action="#" method="POST" class="contact-form">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <input class="form-control" id="name" name="name" placeholder="Name" type="text">
                                            <span class="alert-error"></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <input class="form-control" id="email" name="email" placeholder="Email*" type="email">
                                            <span class="alert-error"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="form-group">
                                            <input class="form-control" id="phone" name="phone" placeholder="Phone" type="text">
                                            <span class="alert-error"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="form-group comments">
                                            <textarea class="form-control" id="comments" name="comments" placeholder="Please describe what you need."></textarea>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12">
                                        <button type="submit" name="submit" id="submit">
                                            Send Now
                                        </button>
                                    </div>
                                </div>
                                <!-- Alert Message -->
                                <div class="col-md-12 alert-notification">
                                    <div id="message" class="alert-msg"></div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="google-maps">
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3960.415549813547!2d79.89646977480996!3d6.960208793040238!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ae2583f07f6150b%3A0x3fe1aab8be1a242b!2s73%20Naramminiya%20Rd%2C%20Kelaniya%2011600!5e0!3m2!1sen!2slk!4v1702639100883!5m2!1sen!2slk"  style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
         </div>
    </div>
    <!-- End Contact Area -->

<?php get_footer(); ?>