<!DOCTYPE html>
<html lang="en">
<head>
    {% include 'head.html' %}

</head>
<body>
    {% include 'nav.html' %}
    <div class="smooth-scroll">
        <div class="banner" id="banner">
            <div class="img-sec">
                <img src="/static/images/about_us.jpg" alt="" width="100%" id="farmhouse_img">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 col-lg-12">
                            <div class="banner-content" id="banner-content">
                                <h2>Register Here</h2>
                            </div>
                        </div>
                    </div>
                </div>
                    <img src="/static/images/banner/smoke_1.png" alt="" width="100%" class="smoke">
                    <!-- <img src="/static/images/smoke.gif" alt="" width="100%" class="smoke_gif"> -->
                    <!-- <video><source src="/static/images/smoke_new.gif" type="video/mp4"></video> -->  
            </div>
        </div>

        <section class="regsitersec">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 col-md-12">
                        <div class="regi-div">
                            <form id="registrationForm" method='post' >
                                {% csrf_token %}
                                <h3>Register Here</h3>
                                <div class="row">
                                    <div class="col-lg-6 col-md-6">
                                        <label for="username">Name</label>
                                        <input type="text" placeholder="name" id="name">
                                    </div>
                                    <div class="col-lg-6 col-md-6">
                                        <label for="number">Mobile number</label>
                                        <input type="text" placeholder="Mobile" id="mobile_number">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-6 col-md-6">
                                        <label for="email">Email Id</label>
                                        <input type="email" placeholder="Email Id" id="email_id">
                                    </div>
                                    <div class="col-lg-6 col-md-6">
                                        <label for="dob">dob</label>
                                        <input type="date" placeholder="" id="dob">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12 col-md-12">
                                        <label for="address1">Address Line 1</label>
                                        <input type="text" placeholder="address" id="address1">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12 col-md-12">
                                        <label for="address2">Address Line 2</label>
                                        <input type="text" placeholder="address" id="address2">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-6 col-md-6">
                                        <label for="username">Password</label>
                                        <input type="password" placeholder="Password" id="Password">
                                    </div>
                                    <div class="col-lg-6 col-md-6">
                                        <label for="number">Confirm Password</label>
                                        <input type="text" placeholder="Confirm Password" id="Confirm_Password">
                                    </div>
                                </div>
                                <div class="social">
                                    <button href="javascript:void(0);" class="go">Login Here</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        {% include 'footer.html' %}
    </div>


    {% include 'script.html' %}
    <script src="/static/js/home.js"></script>
    <script src="/static/js/about.js"></script>
    <script src="/static/js/user_profile/registration.js"></script>


</body>
</html>