<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- title -->
    <title>{$settings.site_name}</title>
        <!-- fav icon -->
    <link rel="icon" href="assets/images/logo/fav-icon.png">
    <meta name="keywords" content="consulting, digital consultancy, Multi-Purpose, html, shop, ecommerce, digital agency, finance, consult agency" />
    <meta name="description" content="{$settings.site_name} - Multi-Purpose Consulting Business HTML5 Template">

        <!-- font icon -->
    <link rel="stylesheet" href="assets/css/all.min.css">
    <link rel="stylesheet" href="assets/css/fontawesome.min.css">
        <!-- flaticon -->
    <link rel="stylesheet" href="assets/webfonts/flaticon/flaticon.css">  
        <!-- bootstrap css -->
    <link rel="stylesheet" href="assets/vendors/css/bootstrap.min.css">  
        <!-- slick slider  -->
    <link rel="stylesheet" href="assets/slick-slider/css/slick.css">
        <!-- animate css -->
    <link rel="stylesheet" href="assets/animate/css/aos.css">  
        <!-- popup-video -->
    <link rel="stylesheet" href="assets/popup-video/css/popup.css">  
        <!--  mobile menu css    -->
    <link rel="stylesheet" href="assets/css/menu.css"> 
        <!-- our own design  -->
    <link rel="stylesheet" href="assets/css/contact.css"> 
    <link rel="stylesheet" href="assets/css/style.css"> 
    <link rel="stylesheet" href="assets/css/responsive.css">

</head>
<body>
    <!-- preloader area start -->
    <div class="preloader" id="preloader">
        <div class="preloader-inner">
            <div class="spinner">
                <div class="dot1"></div>
                <div class="dot2"></div>
            </div>
        </div>
    </div>
    <!-- preloader area end -->
    <!-- Start Mobile Menu Area -->
    <div class="mobile-menu-area">
        <!--offcanvas menu area start-->
        <div class="off_canvars_overlay"></div>
        <div class="offcanvas_menu">
            <div class="offcanvas_menu_wrapper">
                <div class="canvas_close">
                    <a href="javascript:void(0)"><i class="far fa-times-circle"></i></a>  
                </div>
                <div class="mobile-logo text-center mb-30">
                    <a href="?a=home">
                        <img src="assets/images/logo/fav-icon.png" alt="logo">
                    </a>
                </div>
                <div id="menu" class="text-left ">
                    <ul class="offcanvas_main_menu">
                  <li class="menu-item-has-children"><a class="nav-link" href="?a=home">Home</a></li>
                        <li class="menu-item-has-children"><a class="nav-link" href="?a=about">About Us</a>
                        </li>
                        <li class="menu-item-has-children"><a class="nav-link" href="?a=faq">Faq's</a>
                         
                        </li>
                        {if $userinfo.logged != 1}
                        <li class="menu-item-has-children"><a class="nav-link" href="?a=login">Log In</a>
                          
                        </li>
                        <li class="menu-item-has-children"><a class="nav-link" href="?a=signup">Sign Up</a>
                          
                        </li>
                        {else}
                        <li class="menu-item-has-children"><a class="nav-link" href="?a=logout">Log Out</a>
                          
                        </li>
                        <li class="menu-item-has-children"><a class="nav-link" href="?a=account">Account</a>
                          
                        </li>
                        {/if}
                        <li class="menu-item-has-children"><a class="nav-link" href="?a=support">Contact Us</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--offcanvas menu area end-->
    <!-- header area start -->
    <div class="header-area"> 
        <header>
            <div class="top-header">
                <div class="container">
                    <div class="top-header-inner top-header-style-1">
                        <div class="header-location"> 
                            <p><i class="flaticon-location-pin pr-10"></i>123 Kings Road Ave, Kingwood, FL, USA</p> 
                        </div>
                        <div class="header-right-portion d-flex align-items-center justify-content-between">
                            <div class="header-contact">
                                <a href="tel:+1(123)456789"><i class="flaticon-phone-call pr-10"></i>(800) 123-6789</a>
                            </div>
                            <div class="header-email">
                                <a href="mailto:info@example.com"><i class="flaticon-email pr-10"></i>info@{$settings.site_name}.com</a>
                            </div>
                            <div class="social-icon header-socials float-end">
                                <ul>
                                    <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                    <li><a href="#"><i class="fab fa-instagram-square"></i></a></li>
                                    <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
                                    <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-menu-area" id="myHeader"> 
                <div class="container">
                    <div class="main-menu-inner pos-relative">
                        <div class="logo">
                            <a href="?a=home"><img src="assets/images/logo/logo.png" alt="logo here" class="img-fluid"></a>
                        </div>
                        <div class="main-menu text-center"> 
                            <ul class="nav-links">
                                 <li style="margin-left: 20px;"><a class="nav-link" href="?a=home">Home</a>
                                                                 
                                </li>
                                <li style="margin-left: 20px;"><a class="nav-link" href="?a=about">About Us</a>
                                 
                                </li>
                                <li style="margin-left: 20px;"><a class="nav-link" href="?a=faq">Faq's</a>
                              
                                </li>
                                {if $userinfo.logged != 1}
                                <li style="margin-left: 20px;"><a class="nav-link" href="?a=login">Log In</a>
                                    
                                </li>
                                <li style="margin-left: 20px;"> <a class="nav-link" href="?a=signup">Sign Up</a>
                                    
                                </li>
                            {else}
                            <li style="margin-left: 20px;"><a class="nav-link" href="?a=logout">Logout</a>
                                    
                                </li>
                                <li style="margin-left: 20px;"> <a class="nav-link" href="?a=account">Account</a>
                                    
                                </li>
                            {/if}
                            </ul>
                        </div>
                        <div class="main-menu-section">
                      
                            <a href="?a=support" class="b-primary btn-style-1">Contact Us<i class="fas fa-long-arrow-alt-right"></i></a>
                        </div>
                        <div class="canvas_open">
                            <a href="javascript:void(0)">
                                <span></span>
                                <span></span>
                                <span></span>
                            </a>
                        </div>
                    </div>
                    <!-- search popup start-->
                    <div class="td-search-popup" id="td-search-popup">
                        <form action="index.html" class="search-form">
                            <div class="form-group">
                                <input type="text" class="form-control" placeholder="Search.....">
                            </div>
                            <button type="submit" class="submit-btn"><i class="fa fa-search"></i></button>
                        </form>
                    </div>
                    <!-- search popup end-->
                    <div class="body-overlay" id="body-overlay"></div>
                </div>
            </div>
        </header>
    </div>
    <!-- header area Ends -->

    <!-- banner section start -->
    <div class="banner-section">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xl-6 p-0 text-center">
                    <div class="banner-content">
                        <h1 class="text-white">Contact Us</h1>
                        <span>Home &#8250; Contact Us</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- banner section Ends -->

    <!-- contact-section start -->
    <div class="contact-section-1 section-padding section-padding-mobile">
        <div class="container">
            <div class="row justify-content-center pb-50">
                <div class="col-xl-4 text-center">
                    <span class="sub-heading bar">Contact Us</span>
                    <h3>Contact Us For More Update & News</h3>      
                </div>
            </div>
            <div class="row justify-content-between">
                <div class="col-xl-7 col-lg-7 col-md-7">
                    <div class="contact-form">
                        <h4 id="warning" style="color: #FF5E15;" class="pb-10"></h4>
                        {if $say eq 'send'}
Message has been successfully sent. We will back to you in next 24 hours. Thank you.<br><br>
{else}

<script language=javascript>
{if $userinfo.logged == 1}
{literal}
function checkform() { 
  if (document.mainform.message.value == '') {
    alert("Please type your message!");
    document.mainform.message.focus();
    return false;
  }
  return true;
}
{/literal}
{else}
{literal}
function checkform() {
  if (document.mainform.name.value == '') {
    alert("Please type your full name!");
    document.mainform.name.focus();
    return false;
  }
  if (document.mainform.email.value == '') {
    alert("Please enter your e-mail address!");
    document.mainform.email.focus();
    return false;
  }
  if (document.mainform.message.value == '') {
    alert("Please type your message!");
    document.mainform.message.focus();
    return false;
  }
  return true;
}
{/literal}
{/if}
</script>

<form method=post name=mainform onsubmit="return checkform()">
<input type=hidden name=a value=support>
<input type=hidden name=action value=send>

 {if $errors}
  <ul style="color:red">
   {if $errors.turing_image == 1}
    <li>Invalid turing image</li>
   {/if}
   {if $errors.invalid_email == 1}
    <li>Invalid email address</li>
   {/if}
  </ul>
 {/if}
                             {if $userinfo.logged}
                            <input class="form-item m-md-0" type="text" value="{$userinfo.name}" disabled>
                            {else}
                            <input type="text" name="name" value="{$frm.name|escape:htmlall}" class="form-item m-md-0" placeholder="Your Name">
                            {/if}
        {if $userinfo.logged}
                            <input class="form-item m-md-0" value="{$userinfo.email}" disabled>
                            {else}
                            <input class="form-item m-md-0" type="text" name="email" value="{$frm.email|escape:htmlall}" placeholder="Email Address" >
                            {/if}
                     
                            <textarea name=message cols="30" rows="7" placeholder="Message" required>{$frm.message|escape:htmlall}</textarea>
                            {include file="captcha.tpl" action="support"}
                            <button class="b-primary mt-30" name="submit-btn" type="submit">Send Message<i class="fas fa-long-arrow-alt-right"></i></button>
                        </form>
                        {/if}
                    </div>
                </div>
                <div class="col-xl-4 col-lg-4 col-md-5">
                    <div class="contact-thumb-bg mt-5 mt-lg-0" data-aos="fade-left">
                      <div class="contact-thumb-content text-center">
                          <div class="chat-icon"><i class="fas fa-comments"></i></div>
                          <h4 class="text-white">Chat With Live</h4>
                          <p class="pb-30">Consetetur sadipscing elitr, sed diam Nonumy eirmod tempor</p>
                          <a href="#" class="b-primary">Live Chat <i class="fas fa-long-arrow-alt-right"></i></a>
                      </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- contact section Ends -->

    <!-- contact section start -->
    <div class="contact-section-2">
         <div class="container">
             <div class="row">
                <div class="col-xl-4 col-lg-4 col-md-4" data-aos="fade-left">
                     <div class="contact-box contact-box-style text-center mb-4 mb-lg-0">
                        <div class="contact-icon pos-relative">
                            <i class="flaticon-location-pin"></i>
                        </div>
                        <div class="address pt-30">
                             <h4>Address</h4>
                             <p class="pt-10">Sampling, FL, USA 2345</p>
                        </div>
                    </div>
                </div>               
                <div class="col-xl-4 col-lg-4 col-md-4">
                    <div class="contact-box contact-box-style text-center mb-4 mb-lg-0">
                        <div class="contact-icon">
                            <i class="flaticon-phone-call"></i>
                        </div>
                        <div class="address pt-30">
                            <h4>Phone Number</h4>
                            <p class="pt-10">(800) 123-6789</p>
                        </div>
                    </div>
                </div>                
                <div class="col-xl-4 col-lg-4 col-md-4" data-aos="fade-right">
                    <div class="contact-box contact-box-style text-center mb-4 mb-lg-0">
                        <div class="contact-icon">
                            <i class="flaticon-email"></i>
                        </div>
                        <div class="address pt-30">
                            <h4>Email Address</h4>
                            <p class="pt-10">info@{$settings.site_name}.com</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>   
    <!-- contact section Ends -->

    <!-- our map section start -->
    <div class="ourmap-section section-padding">
        <div class="container-fluid">
            <div class="row">
                <div class="col-xl-12">
                    <div class="map">
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d296318.02928622416!2d-95.52875471193246!3d34.8591765273828!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x87b5377332f99b3b%3A0x2c47ff54e42e5468!2sChoctaw%20Nation%2C%20OK%2C%20USA!5e0!3m2!1sen!2sbd!4v1630759291417!5m2!1sen!2sbd"></iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>
{include file="footer.tpl"}
