<header>

    <div class="overlay-bg"></div>

    <nav class="navbar" id="navbar">

        <div class="container">

            <a href="index.php">
                <div class="brand-logo">
                    <img src="assets/img/newlogo.jpg" width="50px" alt="" class="logo">
                </div>
            </a>

            <ul class="nav-items">
                <li class="nav-item"><a href="index.php" class="text-white text-decoration-none">Home</a></li>
                <li class="nav-item"><a href="about.php" class="text-white text-decoration-none">About Us</a></li>

                <li class="nav-item dropdown">
                   <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
            Services
          </a>
                    <ul class="dropdown-menu">
                        <li><a class="dropdown-item" href="marriageprediction.php">Marriage Predictions</a></li>
                        <li><a class="dropdown-item" href="careerprediction.php">Career Predictions</a></li>
                        <li><a class="dropdown-item" href="businessprediction.php">Business Predictions</a></li>
                        <li><a class="dropdown-item" href="entirehoroscope.php">Entire Horoscope</a></li>
                        <li><a class="dropdown-item" href="lifeprediction.php">Life Predictions</a></li>
                        <li><a class="dropdown-item" href="astroclasses.php">Astro Classes</a></li>

                    </ul>
                </li>
                <li class="nav-item"><a href="https://suyogini.com/blog" class="text-white text-decoration-none">Blog</a></li>
                <li class="nav-item"><a href="contactus.php" class="text-white text-decoration-none">Contact Us</a></li>
            </ul>

            <div class="bar_icon" id="bar_icon">
                <span></span>
                <span></span>
                <span></span>
            </div>

        </div>

    </nav>

    <section class="hero">

        <div class="container-fluid">

            <div class="row">

                <div class="col-lg-5 col-md-12 col-sm-12 text-start" data-aos="fade-left">

                    <h1> Accurate Predictions <br> By Astro Ashok</h1>

                    <p>
                        Fill the form and within 24 hour, we will give you your marriage. Prediction absolutely free.


                    </p>


                </div>

                <div class="col-lg-4 col-md-12 col-sm-12" data-aos="fade-right">

                    <figure class="form_bg">
                        <h3>Get your Free marriage, Prediction.  </h3>
                        <form class="headerform" method="post" action="formcode.php">

                            <div id="form1">
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">Your Question</label>
                                    <textarea class="form-control" rows="5" name="question" placeholder="Explain Your Question Here" required="required"></textarea>
                                </div>
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">Your Email address</label>
                                    <input type="text" class="form-control" name="email" placeholder="Enter your Email" required="required">
                                </div>
                                <button type="submit" class="btn custom-btn" onclick="myFunction()">Send</button>
                            </div>

                            <div id="form2" style="display:none;">
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">Your Name</label>
                                    <input type="text" class="form-control" name="Name" placeholder="Enter your Name" required>
									</div>
                          


                                        <div class="mb-3">
                                            <label for="exampleInputEmail1" class="form-label">Date of Birth</label>
                                            <input type="date" class="form-control" name="date" aria-describedby="emailHelp" required>

                                        </div>
                                        <div class="mb-3">
                                            <label for="exampleInputEmail1" class="form-label">Time of Birth</label>
                                            <input type="time" class="form-control" name="time" aria-describedby="emailHelp" required>

                                        </div>
                                        <div class="mb-3">
                                            <label for="exampleInputEmail1" class="form-label">Birth Place</label>
                                            <input type="text" class="form-control" name="city" placeholder="Enter your Birth Place" required>
                                        </div>
                                        <div class="mb-3">
                                            <label for="exampleInputEmail1" class="form-label">Phone</label>
                                            <input type="text" class="form-control" name="phone" placeholder="Enter your Phone no" required>
                                        </div>

                                        <button type="submit" name="send" class="btn custom-btn">Send</button>
                                    </div>
                        </form>
                    </figure>

                    </div>

        
                <div class="col-lg-3 col-md-12 col-sm-12" data-aos="fade-right">
                    
					<<div class="p_img">
					
					<img src="assets/img/pp.png" width="800px" alt="">
                </div>
                </div>
                </div>
                </div>
    </section>

</header>
<aside class="sidebar" id="sidebar">
      
        <ul class="nav-items p-0" data-aos="fade-left">
        <li class="nav-item"><a href="index.php" class="text-white text-decoration-none">Home</a></li>
        <li class="nav-item"><a href="about.php" class="text-white text-decoration-none">About Us</a></li>
        <li><a class="dropdown-item" href="marriageprediction.php">Marriage Predictions</a></li>
                        <li><a class="dropdown-item" href="careerprediction.php">Career Predictions</a></li>
                        <li><a class="dropdown-item" href="businessprediction.php">Business Predictions</a></li>
                        <li><a class="dropdown-item" href="entirehoroscope.php">Entire Horoscope</a></li>
                        <li><a class="dropdown-item" href="lifeprediction.php">Life Predictions</a></li>
                        <li><a class="dropdown-item" href="astroclasses.php">Astro Classes</a></li>

                        <li class="nav-item"><a href="blog.php" class="text-white text-decoration-none">Blog</a></li>
                        <li class="nav-item"><a href="contactus.php" class="text-white text-decoration-none">Contact Us</a></li>

        </ul>
    </aside>