<?php if (isset($_POST['serach_email'])) {
    extract($_POST);
    //var_dump($_FILES);exit();
    $sql="INSERT into newslatter(email_id) values ('$email_id')";
    $res=mysqli_query($conn,$sql) or die(mysqli_error());
    if($res){
          echo "<script>alert('Thank You! We will get back to!!'); </script>";
        }
} ?>
<footer class="main-footer background-black">
    <div class="main-footer__bg background-black" style="background-image: url(https://tjra.in/assets/images/backgrounds/footer-bg-1-1.jpg);"></div>
    <div class="container">
        <div class="main-footer__top">
            <div class="row">
                <div class="col-md-6 wow fadeInUp" data-wow-delay="00ms">
                    <div class="main-footer__top__left">
                        <div class="main-footer__top__left__icon"><i class="icon-messages"></i></div>
                        <h5 class="main-footer__top__left__title">Our Newslatter</h5>
                    </div>
                </div>
                <div class="col-md-6 wow fadeInUp" data-wow-delay="100ms">
                    <form action="" method="post" class="main-footer__newsletter mc-form">
                        <input type="text" name="email_id" placeholder="Enter email address">
                        <button type="submit" name="serach_email" class="fas fa-paper-plane">
                            <span class="sr-only">submit</span><!-- /.sr-only -->
                        </button>
                    </form>
                    <div class="mc-form__response"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-md-6 col-xl-4 wow fadeInUp" data-wow-delay="100ms">
                <div class="footer-widget footer-widget--about">
                    <a href="index.php" class="footer-widget__logo">
                        <img src="https://tjra.in/assets/images/logo.png" width="135" alt="Ilwf">
                    </a>
                    <div class="footer-widget__box">
                        <div class="footer-widget__box__icon"><i class="icon-phone-call"></i></div>
                        <p class="footer-widget__box__text">Hotline 24/7 <a href="tel:09700240600">+91-9700240600</a> <a href="tel:08885610056">+91-8885610056</a></p>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-xl-4 wow fadeInUp" data-wow-delay="200ms">
                <div class="footer-widget footer-widget--links-two">
                    <h2 class="footer-widget__title">Quick Link</h2>
                    <ul class="list-unstyled footer-widget__links">
                        <li><a href="https://tjra.in/about-us.php">About TJRA</a></li>
                        <li><a href="https://tjra.in/faq.php">Faq</a></li>
                        <li><a href="https://tjra.in/blog/">Blog</a></li>
                        <li><a href="https://tjra.in/membership.php">Membership</a></li>
                        <li><a href="https://tjra.in/photo-gallery.php">Photo Gallery</a></li>
                        <li><a href="https://tjra.in/video-gallery.php">Video Gallery</a></li>
                        <li><a href="https://tjra.in/contact-us.php">Contact Us</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-md-6 col-xl-4 wow fadeInUp" data-wow-delay="250ms">
                <div class="footer-widget footer-widget--contact">
                    <h2 class="footer-widget__title">Contact Info</h2>
                    <ul class="list-unstyled footer-widget__info">
                        <li style="--accent-color: #ffa415;">
                            <span class="footer-widget__info__icon"><i class="icofont-clock-time"></i></span>
                            Open Hours : Mon - Sunday : 10:00 AM - 08.00 PM
                        </li>
                        <li style="--accent-color: #ff5528;">
                            <span class="footer-widget__info__icon"><i class="icofont-location-pin"></i></span>
                            Rangeela Shah Mohalla, Yakhutpura, Hyderabad, Telangana - 500023
                        </li>
                        <li style="--accent-color: #8139e7;">
                            <span class="footer-widget__info__icon"><i class="icofont-email"></i></span>
                            <a href="mailto:info@tjra.in">info@tjra.in</a>
                        </li>
                    </ul> 
                    <div class="footer-widget__social">
                        <a href="https://facebook.com/" style="--accent-color: #ffa415;">
                            <i class="fab fa-facebook-f" aria-hidden="true"></i>
                            <span class="sr-only">Facebook</span>
                        </a>
                        <a href="https://twitter.com/" style="--accent-color: #fc5528;">
                            <i class="fab fa-twitter" aria-hidden="true"></i>
                            <span class="sr-only">Twitter</span>
                        </a>
                        <a href="https://instagram.com/" style="--accent-color: #44c895;">
                            <i class="fab fa-instagram" aria-hidden="true"></i>
                            <span class="sr-only">Instagram</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="main-footer__bottom wow fadeInUp" data-wow-delay="300ms">
        <div class="container">
            <div class="main-footer__bottom__inner">
                <p class="main-footer__copyright">
                    &copy; Copyright <span class="dynamic-year"></span> Telangana Journalist Reporter Association, All Right Reserved | Design & Developed By <a href="https://www.jhweb.in" target="_blank">J H Web Solutions</a>
                </p>
            </div>
        </div>
    </div>
</footer>
<div class="mobile-nav__wrapper">
    <div class="mobile-nav__overlay mobile-nav__toggler"></div> 
    <div class="mobile-nav__content">
        <span class="mobile-nav__close mobile-nav__toggler"><i class="fa fa-times"></i></span> 
        <div class="logo-box">
            <a href="index.php" aria-label="logo image"><img src="assets/images/logo.png" width="155" alt="" /></a>
        </div> 
        <div class="mobile-nav__container"></div> 
        <ul class="mobile-nav__contact list-unstyled">
            <li>
                <i class="fa fa-envelope"></i>
                <a href="mailto:info@tjra.in">info@tjra.in</a>
            </li>
            <li>
                <i class="fa fa-phone-alt"></i>
                <a href="tel:09700240600">+91-9700240600</a>
            </li>
        </ul> 
        <div class="mobile-nav__social">
            <a href="https://facebook.com/" style="--accent-color: #ffa415;">
                <i class="fab fa-facebook-f" aria-hidden="true"></i>
                <span class="sr-only">Facebook</span>
            </a>
            <a href="https://twitter.com/" style="--accent-color: #fc5528;">
                <i class="fab fa-twitter" aria-hidden="true"></i>
                <span class="sr-only">Twitter</span>
            </a>
            <a href="https://pinterest.com/" style="--accent-color: #8139e7;">
                <i class="fab fa-pinterest-p" aria-hidden="true"></i>
                <span class="sr-only">Pinterest</span>
            </a>
            <a href="https://instagram.com/" style="--accent-color: #44c895;">
                <i class="fab fa-instagram" aria-hidden="true"></i>
                <span class="sr-only">Instagram</span>
            </a>
        </div>
    </div>
</div>
<div class="search-popup">
    <div class="search-popup__overlay search-toggler"></div>
    <div class="search-popup__content">
        <form role="search" method="get" class="search-popup__form" action="#">
            <input type="text" id="search" placeholder="Search Here..." />
            <button type="submit" aria-label="search submit" class="careox-btn">
                <span><i class="icon-magnifying-glass"></i></span>
            </button>
        </form>
    </div>
</div>

<aside class="sidebar-one">
    <div class="sidebar-one__overlay"></div>
    <div class="sidebar-one__content">
        <div class="sidebar-one__close"><i class="icofont-close-line"></i></div>
        <div class="sidebar-one__logo">
            <a href="index.php" aria-label="logo image"><img src="assets/images/logo.png" alt="" width="135"></a>
        </div>
        <p class="sidebar-one__text">
            Mauris ut enim sit amet lacus ornare ullamcor. Praesent placerat nequ
            puru rhoncu tincidunt odio ultrices. Sed feugiat feugiat felis.
        </p>
        <h4 class="sidebar-one__title">Contact Info:</h4>
        <ul class="sidebar-one__info">
            <li>
                <span class="fas fa-map-marker-alt"></span>
                Rangeela Shah Mohalla, Yakhutpura, Hyderabad, Telangana - 500023
            </li>
            <li>
                <span class="fas fa-envelope"></span>
                <a href="mailto:info@tjra.in">info@tjra.in</a>
            </li>
            <li>
                <span class="fas fa-phone-alt"></span>
                <a href="tel:09700240600">+91-09700240600</a>
            </li>
        </ul>
        <div class="sidebar-one__social">
            <a href="https://facebook.com/" style="--accent-color: #ffa415;">
                <i class="fab fa-facebook-f" aria-hidden="true"></i>
                <span class="sr-only">Facebook</span>
            </a>
            <a href="https://twitter.com/" style="--accent-color: #fc5528;">
                <i class="fab fa-twitter" aria-hidden="true"></i>
                <span class="sr-only">Twitter</span>
            </a>
            <a href="https://instagram.com/" style="--accent-color: #44c895;">
                <i class="fab fa-instagram" aria-hidden="true"></i>
                <span class="sr-only">Instagram</span>
            </a>
        </div>
        <h4 class="sidebar-one__title">Newsletter:</h4>
        <form action="" method="post">
            <input type="email" name="email_id" placeholder="Email address" required>
            <button type="submit" name="serach_email" class="fas fa-paper-plane">
                <span class="sr-only">submit</span><!-- /.sr-only -->
            </button>
        </form>
    </div>
</aside> 
<a href="#" data-target="html" class="scroll-to-target scroll-to-top">
    <span class="scroll-to-top__text">back top</span>
    <span class="scroll-to-top__wrapper"><span class="scroll-to-top__inner"></span></span>
</a>