<title> Assigment 1 </title>

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<!---topbar stard ---> 
<div class="topbar">
    <div class="container">
        <div class="first_part1">
            <p> Wellcome To eForm Notary </p>
        </div>
        <div class="second_part2">

                        <i class="fa fa-search" style="font-size:24px"></i> 
                        <i class="fa fa-facebook" style="font-size:24px"></i> 
                        <i class="fa fa-twitter" style="font-size:24px"></i> 
                        <i class="fa fa-instagram" style="font-size:24px"></i>
                        <i class="fa fa-youtube-play" style="font-size:24px"></i> 
                        
                        <button class="l_button"> <b>LOGIN</b> </button>
            
        </div>

    </div>
</div>

<!---topbar end  --->


<!---header start --->

<header class="header_menu sticky">
    <div class="container">
        <div class="logo"> 
            <img src="image/notary1.jpg" alt="notary">
        </div>

        
         <nav class="menu"> 
            <ul>
                <li><a href="#">
                    Notaries a Document</a></li>
                <li><a href="#">How It Work</a></li>
                <li><a href="#">eForms</a></li>
                <li><a href="#"> Solutions</a></li>
                <li><a href="#"> Become a Notary Agent</a></li>
                <li><a href="#">Support</a></li>
            </ul>
         </nav>  
        
    </div>
</header>
<!---header end --->


<!---section start --->

<section class="banner">
    <div class="container">
        <div class="b_containt">
            <h1>Get Your
                Document Notarize
                Right Now</h1>
            <p>LogoIly Notarize Your Docurnortts Online Loss Than 15 Minutes.</p>
            <p>Contact With 0 Notary Public fly cn mpu tor, tablot or mobilo device.
                Online 24x7</p>
            <button> NOTARIZE A DOCUMENT NOW </button>
        </div> 
    </div>
</section>
<br/>
<br/>
<!---section  end --->

<!---how it works  start --->

<section class="how_it_work">
    <div class="container">
        <div class="first_part">
            <h1>How It Works</h1>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. 
                Officia ab quis ipsa, eveniet labore velit debitis beatae? 
                Quam neque similique alias iure deserunt?</p>
        </div>
    </div> 
</section>
<br/>
<br/> 

sing and Notarize in five minutes flat

        <div class="second_part">
            <div class="single_item">
                <img src="image/n2.jpg" alt="">
                <p>connect over live video with a notary public</p>
            </div>
        </div>

        <div class="second_part">
            <div class="single_item">
                <img src="image/n1.jpg" alt="">
                <p>Update Your Document And Prove Your Identity</p>
            </div>
        </div>
    </div>
</section>
<!---how it works  end --->

<br/>
<br/><br/>

Learn how the whole process works here

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nisi eveniet natus quibusdam? Autem quibusdam quam tempore doloribus ipsum nesciunt possimus excepturi molestias maxime neque amet eveniet quidem ad, et iste.

LEARN MORE

<iframe class="video" src="image/Video.mp4" frameborder="0"></iframe>

<section class="features">
    <div class="container">
        <div class="first_part">
            <h1>FEATURES</h1>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. 
                Officia ab quis ipsa, eveniet labore velit debitis beatae? 
                Quam neque similique alias iure deserunt?</p>
        </div>
    </div> 
</section>
<br/>
<br/> 

VideoChat & Conferencing

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eveniet recusandae error quae odio enim !

        <div class="second_part0">
            <div class="single_item0">
                <img src="image/f2.jpg" alt="">
                <h5>Secure Interactions</h5>
                <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eveniet recusandae error quae odio enim !</p>
            </div>
        </div>

        <div class="second_part0">
            <div class="single_item0">
                <img src="image/f3.jpg" alt="">
                <h5>Online Form Editing</h5>
                <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eveniet recusandae error quae odio enim !</p>
            </div>
        </div>
    </div>
</section>

Document Co-Editing

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eveniet recusandae error quae odio enim !

            <div class="second_part0">
                <div class="single_item0">
                    <img src="image/f22.jpg" alt="">
                    <h5>Media Test </h5>
                    <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eveniet recusandae error quae odio enim !</p>
                </div>
            </div>

            <div class="second_part0">
                <div class="single_item0">
                    <img src="image/f33.jpg" alt="">
                    <h5>Digital Signature </h5>
                    <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eveniet recusandae error quae odio enim !</p>
                </div>
            </div>
        </div>
    </section>

SEE ALL FEATURE

    <section class="footer">
        <div class="container">
            <div class="contact">
                <div class="cont2">
                     <h4 style="color:red ;">CONTACT US</h4>
                      <p>302154544, 2541544144</p>
                        <a href="#">[email protected]</a>
                         <p>shanto Nir, C&B Road, Barisal </p>
                    <div class="icon1">
                        <i class="fa fa-facebook" style="font-size:24px"></i> 
                        <i class="fa fa-twitter" style="font-size:24px"></i> 
                        <i class="fa fa-instagram" style="font-size:24px"></i>
                        <i class="fa fa-youtube-play" style="font-size:24px"></i> 
                    </div>
                </div>
            </div>
            <div class="contact">
                <div class="cont2">
                    <h4 style="color: red;">USEFULL LINE</h4>
                     <ul style="list-style-type:square;">
                        <li>Home</li>
                        <li>Terms and Condition</li>
                        <li>Privacy Policy</li>
                        <li>Knowladge Centre</li>
                        <li>FAQs</li>
                        <li>Contact</li>
                     </ul>
                </div>
            </div>
            <div class="contact">
                <div class="cont2">
                    <h4 style="color: red;">OUR NEWSLETTER</h4>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae,
                         ab ut animi labore dolores similique?</p>
                         <form  action="/action_page.php">
                            <input class="sub-form" type="email" id="email" name="email" autocomplete="email" placeholder="E-mail">
                           
                            <button class="sub-button">Subscribe</button>
                          </form>
                </div>
            </div>

        </div>
        
    </section>

copyright Lorem, ipsum dolor sit amet consectetur adipisicing elit. Placeat, quos?

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>