contact.html

<!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">
   <title>Contact Us </title>
   <!-- Favicon -->
   <link rel="icon" href="assets/images/favicon.png" type="image/x-icon" />
   <!-- Bootstrap CSS -->
   <link href="assets/css/bootstrap.min.css" rel="stylesheet">
   <!-- Animate CSS -->
   <link href="assets/vendors/animate/animate.css" rel="stylesheet">
   <!-- Icon CSS-->
   <link rel="stylesheet" href="assets/vendors/font-awesome/css/font-awesome.min.css">
   <link rel="stylesheet" href="assets/vendors/font-awesome/css/solid.min.css">
   <link rel="stylesheet" href="assets/vendors/font-awesome/css/brands.min.css">


   <!-- Owlcarousel CSS-->
   <link rel="stylesheet" type="text/css" href="assets/vendors/owl_carousel/owl.carousel.css" media="all">
   <!--Template Styles CSS-->
   <link rel="stylesheet" type="text/css" href="assets/css/style.css" media="all" />
   <link
      href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i,800,800i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese"
      rel="stylesheet">
</head>

<body>
   <div class="bg-all">
      <div class="bg-banner-img clip-ellipse">
         <div class="ovrllay">

            <!-- Header_Area -->
            <nav class="navbar navbar-default header_aera affix-top">
               <div class="container m-s">
                  <!-- Brand and toggle get grouped for better mobile display -->
                  <div class="col-md-4 p0">
                     <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                           data-target="#min_navbar">
                           <span class="sr-only">Toggle navigation</span>
                           <span class="icon-bar"></span>
                           <span class="icon-bar"></span>
                           <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand logo-biss" href="index.html"> Coding and Decoding</a>
                     </div>
                  </div>
                  <!-- Collect the nav links, forms, and other content for toggling -->
                  <div class="col-md-8 p0">
                     <div class="collapse navbar-collapse" id="min_navbar">
                        <ul class="nav navbar-nav navbar-right">
                           <li class="dropdown submenu">
                              <a href="index.html" class="">Home</a>
                           </li>
                           <li class="dropdown submenu">
                              <a href="about.html" class="">About</a>
                           </li>
                           <li class="dropdown submenu">
                              <a href="services.html" class=""> Services</a>
                           </li>
                           <li class="dropdown submenu">
                              <a href="blog.html" class="">Blog</a>
                           </li>
                           <li class="dropdown submenu">
                              <a href="contact.html" class="">Contact</a>
                           </li>

                        </ul>
                     </div>
                     <!-- /.navbar-collapse -->
                  </div>
               </div>
               <!-- /.container -->
            </nav>
            <!-- #banner start -->
            <section id="banner" class="pt-0">
               <div class="container ">
                  <div class="row wow fadeInUp">
                     <!-- #banner-text start -->
                     <div id="banner-text" class="col-md-12 text-c text-center ">
                        <h5 class="wow fadeInUp main-h" data-wow-delay="0.2s">Contact Us</h5>
                        <p class="banner-text wow fadeInUp main-h3" data-wow-delay="0.8s">We innovate and create unique
                           and hassel free solutions for your unique problems! <br> Our aim is to provide you the best
                           experience while working with us!</p>
                     </div>
                     <!-- /#banner-text End -->
                  </div>
               </div>
            </section>
         </div>
      </div>
      <!-- /#banner end -->
      <!-- #contact  Area start -->
      <section>
         <div class="container">
            <div class="row">
               <div class="col-lg-6">
                  <div class="section-heading left">
                     <h4>We would love to work with you!</h4>
                  </div>
                  <div class="contact-form-box margin-30px-top">
                     <div class="no-margin-lr" id="success-contact-form" style="display: none;"></div>
                     <form id="contactForm" class="contact-form">
                        <div class="row">
                           <div class="col-md-12">
                              <input type="text" class="medium-input" maxlength="50" placeholder="Name *" required
                                 id="name" name="name" />
                           </div>
                           <div class="col-xs-12 col-sm-6 col-md-6">
                              <input type="email" class="medium-input" maxlength="70" placeholder="E-mail *"
                                 required="required" id="email" name="email">
                           </div>
                           <div class="col-xs-12 col-sm-6 col-md-6">
                              <input type="text" class="medium-input" maxlength="70" placeholder="Subject *"
                                 required="required" id="subject" name="subject">
                           </div>
                           <div class="col-md-12">
                              <textarea class="medium-textarea" rows="12" maxlength="1000" placeholder="Message *"
                                 required="required" id="message" name="message"></textarea>
                           </div>
                           <div class="col-md-12 sm-margin-30px-bottom">
                              <div class="top-contact wow fadeInRight text-left"
                                 style="visibility: visible; animation-name: fadeInRight;">
                                 <button class="btn btn-primary wow fadeInUp  js-scroll-trigger"
                                    style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">Send
                                    Message</button>
                              </div>
                           </div>
                        </div>
                     </form>
                  </div>
               </div>
               <div class="col-lg-6">
                  <div class="contact-info-box padding-30px-left sm-no-padding">
                     <div class="row">
                        <div class="col-12">
                           <div class="contact-info-section no-padding-top margin-10px-top">
                              <h4>Get in Touch</h4>
                              <p> We are an innovative digital agency that helps businesses and individuals around the
                                 word to gain leverage via the internet and reach millions of
                                 customers online. Our talented folks create impactful, bespoke digital solutions with
                                 visually stimulating design that engage and influence the audience.</p>
                           </div>
                        </div>
                        <div class="col-12">
                           <div class="contact-info-section">
                              <h4>We will work <strong>24x7x365</strong> to build an amazing experience for you!</h4>
                              <ul class="list-style-1 no-margin-bottom">
                                 <li>
                                    <p><i class="fa fa-globe text-center"></i> <strong>Born in</strong> India</p>
                                 </li>
                                 <li>
                                    <p><i class="fa fa-phone text-center"></i> <strong>Reach us via:</strong> <a
                                          href="tel:+918793212686" class="email_color_site">(+91) 8793 212
                                          686</a></p>
                                 </li>
                                 <li>
                                    <p><i class="fa fa-envelope text-center"></i> <strong>or email us @</strong> <a
                                          href="mailto:thecodingdecoding@gmail.com"
                                          class="email_color_site">thecodingdecoding@gmail.com</a></p>
                                 </li>
                              </ul>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
   </div>
   </section>

   <!--#start Our footer Area -->
   <div class="our_footer_area">
      <div class="book_now_aera ">
         <div class="container wow fadeInUp">
            <div class="row book_now">
               <div class="col-md-4">
                  <div class="">
                     <a class=" logo-biss" href="index.html"> Coding &amp; Decoding </a>
                  </div>
                  <p class="footer-h">An innovative digital media company in India that helps businesses and individuals
                     leverage the internet and reach millions of customers online.</p>
                  <div class="bigpixi-footer-social">
                     <a href="https://www.facebook.com/codinganddecoding" target="_blank"><i id="social-fb"
                           class="fab fa-facebook-square fa-3x social"></i></a>
                     <a href="https://www.twitter.com/coding_decoding" target="_blank"><i id="social-tw"
                           class="fab fa-twitter fa-3x social"></i></a>
                     <a href="https://reddit.com/r/codinganddecoding" target="_blank"><i id="social-em"
                           class="fab fa-reddit fa-3x social"></i></a>
                     <a href="https://www.instagram.com/codinganddecoding/" target="_blank"><i id="social-em"
                           class="fab fa-instagram fa-3x social"></i></a>
                     <a href="https://www.linkedin.com" target="_blank"><i id="social-em"
                           class="fab fa-linkedin fa-3x social"></i></a>
                     <a href="https://www.youtube.com/codinganddecoding" target="_blank"><i id="social-em"
                           class="fab fa-youtube fa-3x social"></i></a>
                  </div>
               </div>
               <div class="col-md-1 ">
               </div>
               <div class="col-md-3">
                  <h2 class="footer-top">SOLUTIONS </h2>
                  <ul class="footer-menu">
                     <li><a href=""> Web </a></li>
                     <li><a href=""> Mobile </a> </li>
                     <li><a href=""> Design </a> </li>
                     <li><a href=""> Branding </a> </li>
                     <li><a href=""> Promotions </a> </li>
                     <li><a href=""> Media </a></li>
                  </ul>
               </div>
               <div class="col-md-4">
                  <ul class="location">
                     <li class="footer-left-h"><i class="fa fa-map-marker"></i>Made with &nbsp;<i
                           class="fa fa-heart"></i>in India.</li>
                     <li class="footer-left-h"><i class="fa fa-phone"></i>Call Us <br><a href="tel:+918793212686"> +91
                           879-321-2686</a></li>
                     <li class="footer-left-h"><i class="fa fa-envelope"></i>Email<br>
                        <a href="mailto:thecodingdecoding@gmail.com"> thecodingdecoding@gmail.com </a>
                     </li>
                  </ul>
               </div>
            </div>
            <div class="row book_now">
               <div class="col-md-12 text-center mt-50">
                  <p class="footer-h">Providing amazing experiences, creating and crafting unique solutions and
                     realizing ideas since 2020.</p>
                  <p class="footer-h">&copy; 2020 Coding and Decoding<br> Made with&nbsp;<i class="fa fa-heart"> in
                        India</i></p>
               </div>
            </div>
         </div>
      </div>
   </div>
   <!--#End Our footer Area -->
   <!-- jQuery JS -->
   <script src="assets/js/jquery-1.12.0.min.js"></script>
   <script src="assets/vendors/popup/lightbox.min.js"></script>
   <!-- Bootstrap JS -->
   <script src="assets/js/bootstrap.min.js"></script>

   <script src="assets/js/main.js"></script>

   <!-- Animate JS -->
   <script src="assets/vendors/animate/wow.min.js"></script>

   <script src="assets/vendors/owl_carousel/owl.carousel.min.js"></script>

   <!-- Theme JS -->
   <script src="assets/js/theme.min.js"></script>
</body>

</html>