<!DOCTYPE html>
<html lang="en">
    @include('layouts.app')
<body class="header-fixed pg-contact">
    <!-- preloade -->
    <div class="preload preload-container">
        <div class="preload-logo"></div>
    </div>
    <!-- /preload -->
    <div id="wrapper">
            <!-- Topbar -->
            <div id="topbar">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="topbar-inner">
                                <div class="topbar-left">
                                    <ul>
                                        <li class="mail"><span>Helpagency@gmail.com</span></li>
                                        <li><span>Welcome to our digital maekting agency <span class="style">USA</span></span></li>
                                    </ul>
                                </div>
                                <div class="topbar-right">
                                    <div class="wrap-social">
                                        <p>Follow On Social</p>
                                        <ul class="social">
                                            <li>
                                                <a href="#"><i class="fab fa-facebook"></i></a>
                                            </li>
                                            <li>
                                                <a href="#"><i class="fab fa-linkedin-in"></i></a>
                                            </li>

                                            <li>
                                                <a href="#"><i class="fab fa-pinterest-p"></i></a>
                                            </li><li>
                                                <a href="#"><i class="fab fa-instagram"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                    <a href="contact.html" class="tf-button"><span>Get a Quote</span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Topbar -->          
            <!-- Header -->
            @include('layouts.header')
            <!-- end Header -->
        
            <section class="page-title">
                <div class="overlay"></div>
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 tf-animated-fadeup">
                                <div class="breadcrumbs">
                                    <h1 class="heading">Contact</h1>
                                    <ul>
                                        <li><a href="index.html">Home</a></li>
                                        <li><span>Contact</span></li>
                                    </ul>
                                </div>            
                        </div>
                    </div>
                </div>
            </section>
        
            <section class="tf-section tf-contact mobie-pd40">
                <div class="container">
                    <div class="row">
                            <div class="col-lg-7 col-md-12">
                                <div class="contact-form tf-animated-fadeup">
                                    <div class="title-section">
                                        <h3>Call Us or Fill The</h3>
                                        <p class="font-st2">Donec suscipit ante ipsum donec convallis quam at tortor hendrerit lorem contact us</p>
                                    </div>
                                    <form action="https://demothemesflat.com/mrakushtml/contact/contact-process2.php" class="contact-form animated-effect" id="contactform">
                                        <fieldset>
                                            <label>Name (required)</label>
                                            <input type="text" name="name" id="name" placeholder="Your name" required>
                                        </fieldset>
                                        <fieldset>
                                            <label>Email (required)</label>
                                            <input type="text" name="email" id="email" placeholder="Email Address" required>
                                        </fieldset>
                                        <fieldset class="message">
                                            <label>Message details</label>
                                            <textarea name="message" id="message" placeholder="Your Message" required></textarea>
                                        </fieldset>
                                        <fieldset class="btn-button">
                                            <button type="submit" class="tf-button style2"><span>Send Message</span></button>
                                        </fieldset>
                                    </form>
                                </div>
                            </div>        
                            <div class="col-lg-5 col-md-12 tf-animated-fadeup">
                                <div class="flat-map animated-effect">
                                    <iframe class="map-content" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4457.30210514409!2d144.9550716623184!3d-37.818421643591336!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad65d4dd5a05d97%3A0x3e64f855a564844d!2s121%20King%20St%2C%20Melbourne%20VIC%203000%2C%20%C3%9Ac!5e0!3m2!1svi!2s!4v1631871760998!5m2!1svi!2s" width="1720" height="655" style="border: 0px; visibility: visible; animation-name: fadeInUp;" allowfullscreen="" loading="lazy"></iframe>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="contact-box tf-animated-fadeup">
                                    <div class="box animated-effect">
                                        <div class="icon"><span class="icon-map-pin-svgrepo-com"></span></div>
                                        <div class="content">
                                            <span class="style">Location</span>
                                            <span>1, 2nd Floor, 7 St Roots uttara, Los Angeles</span>
                                        </div>
                                    </div>
                                    <div class="box animated-effect">
                                        <div class="icon"><span class="icon-phone-svgrepo-com"></span></div>
                                        <div class="content">
                                            <span class="style">Contact us
                                            </span>
                                            <span>Office : 11 22 55 33 00</span>
                                            <span>Personal : 77 11 22 100</span>
                                        </div>
                                    </div>
                                    <div class="box animated-effect">
                                        <div class="icon"><span class="icon-email-mail-svgrepo-com"></span></div>
                                        <div class="content">
                                            <span class="style">Send Email</span>
                                            <span>support@gmail.com </span>
                                            <span>  help2022@gmail.com </span>
                                                
                                        </div>
                                    </div>
                                </div>
                            </div>
                    </div>
                </div>
            </section>

            @include('layouts.footer')
        
    </div>
    <a id="scroll-top"></a>
    <script src="app/js/jquery.min.js"></script>
    <script src="app/js/app.js"></script>
    <script src="app/js/animated.js"></script>
    <script src="app/js/plugin.js"></script>
    <script src="app/js/jquery-validate.js"></script>
</body>
</html>