  <?php
require 'admin/config/function.php';
$abt=mysqli_query($conn,"select * from cms_menu where page_url='contact-us'");
$abt1=mysqli_fetch_assoc($abt);
?>
<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="utf-8">
  <title><?=$abt1['page_title']?></title>
  <meta name="description" content="<?=$abt1['message']?>">
  <link rel="canonical" href="<?=base_url()?>">
  <meta name="author" content="">

  <!-- OG Title -->
  <meta name="og_title" property="og:title" content="<?=$abt1['page_title']?>" />
  <meta name="og_description" property="og:description" content="<?=$abt1['message']?>" />
  <meta name="og_url" property="og:url" content="<?=base_url()?>"/> 
  <meta name="og_type" property="og:type" content="website" />
  <meta name="og_site_name" property="og:site_name" content="SITENAME" />
  <meta name="twitter:card" property="twitter:card" content="summary" />
  <meta name="twitter:url" property="twitter:url" content="PAGE-URL" />
  <meta name="twitter:site" property="twitter:site" content="@SITENAME" />
  <meta name="twitter:title" property="twitter:title" content="PAGE-TITLE" />
  <meta name="twitter:description" property="twitter:description" content="DESCRIPTION-HERE" />
  <meta name="og_image" property="og:image" content="IMAGE-URL" />
  <meta name="msapplication-TileImage" content="IMAGE-URL"/>
  <meta property="og:image:type" content="image/jpeg" />
  <meta name="twitter:image" property="twitter:image" content="IMAGE-URL" />
  <!-- OG Title -->

  <meta name="viewport" content="width=device-width, initial-scale=1">
 
  <link rel="icon" type="image/x-icon" href="image/fav.png">
  <link href="https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;700&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
  <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>

  <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css'>
  <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick-theme.min.css'>


  <link rel="stylesheet" href="<?=base_url()?>style.css">
    
    
</head>
<body>
<?php include'header.php'; ?>
<!-- Breadcurm -->
<section class="breadcurm" style="margin-top: 50px;
    background-image: linear-gradient(#0000004d, #0f0f037d), url(<?=admin_base_url().'uploads/up_image/'.$abt1['up_image']?>);
    padding: 75px;
    text-align: center;
    color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 35%;">
    <div class="breadcurm-heading">
        <h1><?=$abt1['page_name']?></h1>
        <p><a href="<?=base_url()?>"><span>Home</span></a> | <span><?=$abt1['page_name']?></span></p>
    </div>
</section>
<!-- Breadcurm -->


<section class="main-contact pt-75 pb-75">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                <div class=" text-center">
                    <?=$abt1['sort_description']?>
                </div>
            <div class="contact_form">
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-lg-4 col-sm-4">
                        <div class="contact-info">
                            <h4>Contact Business Solutions Sales</h4>
                            <p>Already a customer or need help with a technicall issue? <a href="tel:+91-xxx-xxx-xxxx">Contact Support</a></p>
                            <div class="cont_info">
                                <ul>
                                    <li><a href="mailto:<?=$email?>"><i class="fa fa-envelope"></i> <?=$email?></a></li>
                                    <li><a href="mailto:support@viyutechlab.com"><i class="fa fa-phone"></i> +91-<?=$mobile?></a></li>
                                    <li><a href="mailto:support@viyutechlab.com"><i class="fa fa-map-marker"></i> <?=$address?></a></li>
                                </ul>
                            </div>
                            
                            <div class="offices">
                                <span>Noida</span> | <span>Mumbai</span>
                                <p>Fill out your details to be contacted.</p>
                            </div>
                            <div class="footer-socil-link contact_page_social_link">
                              <ul>
                                  <li><a href="<?=$facebook_link?>"><i class="fa-brands fa-facebook"></i></a></li>
                                  <li><a href="<?=$instagram_link?>"><i class="fa-brands fa-instagram"></i></a></li>
                                  <li><a href="<?=$youtube_link?>"><i class="fa-brands fa-youtube"></i></a></li>
                                  <li><a href="<?=$twittter_link?>"><i class="fa-brands fa-twitter"></i></a></li>
                              </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-lg-8 col-sm-8">
                        <form id="frmContact">
                            <div class="row">
                                <div class="col-md-6">
                                    <lable>First Name</lable>
                                    <input type="text" name="fname" id="fname" placeholder="First Name">
                                </div>
                                <div class="col-md-6">
                                    <lable>Last Name</lable>
                                    <input type="text" name="lname" id="lname" placeholder="Last Name">
                                </div>
                                <div class="col-md-6">
                                    <lable>Email</lable>
                                    <input type="email" name="email" id="email" placeholder="Email">
                                </div>
                                <div class="col-md-6">
                                    <lable>Phone</lable>
                                    <input type="phone" name="phone" id="phone" placeholder="Phone Number">
                                </div>
                                <div class="col-md-6">
                                    <lable>Enquiry for services</lable>
                                    <select>
                                        <option>Select Our Servies</option>
                                        <option>Web Design & Development</option>
                                        <option>Website Maintenance </option>
                                        <option>Graphics Design</option>
                                        <option>Mobile App Development</option>
                                        <option>  Digital Marketing</option>
                                        <option>Corporate Marketing</option>
                                        <option>Domain & Hosting </option>
                                        <option>Logo & Branding</option>
                                    </select>
                                </div>
                                <div class="col-md-6">
                                    <lable>Subject</lable>
                                    <input type="text" name="subject" id="subject" placeholder="subject">
                                </div>
        
                                <div class="col-md-12">
                                    <lable>Describe about your enquiry in brief.</lable>
                                    <textarea name="message" id="message" cols="10" rows="5" placeholder="Message"></textarea>
                                </div>
        
                                <div class="col-md-12">
                                    <div class="successRow">
                                        <span style="color: green;"></span>
                                    </div>
                                    <button type="submit" class="button-default">Submit your query</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>      
                 
            </div>
            
            
        </div>
    </div>
</section>
<iframe src="<?=$google_map?>" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

<section class="ourpresance  pt-75 pb-75">
    <div class="container">
        <center><h1>Our Pan India Presence</h1></center>
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2"></div>
            <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
                <div class="single-item">
                    <div class="single-item-text">
                        <div class="contact-text">
                            <h6>Viyu Tech Lab (Head Office)</h6>
                            <p><span><i class="fa fa-map-marker"></i>A-21, 2nd Floor, Office-No.208, Block A, Sector 67, Noida, Uttar Pradesh 201307 (India)</span></p>
                            <p><span class="c-icon"><i class="fa fa-envelope"></i><span class="c-text">info@viyutechlab.com</span></span></p>
                            <p><span class="c-icon"><i class="fa fa-phone"></i><span class="c-text"> +91-xxx-xxx-xxxx</span></span></p>
                            
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
                <div class="single-item">
                    <div class="single-item-text">
                        <div class="contact-text">
                            <h6>Branch Office</h6>
                            <p><span><i class="fa fa-map-marker"></i>Plot no.48, Ground Floor, Sector-2A, Kopar Khairane, Navi Mumbai, Pin - 400709 Maharashtra (India)</span></p>
                            <p><span class="c-icon"><i class="fa fa-envelope"></i><span class="c-text">+91-9594349228</span></span></p>
                            <p><span class="c-icon"><i class="fa fa-phone"></i><span class="c-text">info@viraajdigital.com</span></span></p>
                            
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2"></div>
        </div>
    </div>
</section>






<?php include'footer.php'; ?>