Nirvachan.github.io/index.html at master · prokrishpatel/Nirvachan.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- icon -->
    <link rel="shortcut icon" type="image/x-icon" href="Media/logo.png">

    <!-- css  -->
    <link rel="stylesheet" href="Working/style.css">
    <title>Nirvachan Online Voting System</title>


    <!-- Animate -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
</head>
<body class="no-mar-pad">
    <div class="welcome-bg">
        <div class="overlay">
            <nav class="logo-side">
                <div id="Nirvachan-logo">
                    <h2 class="gradient-text">Nirvachan</h2>
                    <hr class="no-mar-pad">
                    <h4>Online Voting System</h4>
                </div>
                <div id="EC-logo">
                    <img src="Media/logo1.png">
                </div>
            </nav>

            <main class="welcome-main centered-flex">
                <div class="about-display ">
                    <div class="module-headding">
                        <b>Welcome to <span class="gradient-text"> Nirvachan</span></b> Empowering Democracy Through Technology
                    </div>
                    <hr>
                    <div class="module-content">
                        <p>Nirvachan is your gateway to a new era of democratic participation. We are committed to modernizing the way you engage with elections, allowing you to make your voice heard effortlessly. Our Online Voting System, powered by cutting-edge technology, brings elections to your fingertips, ensuring accessibility, security, and transparency.</p>
                    </div>

                    <div class="slideshow-container">
                        <div class="slide animate__animated animate__backInLeft">
                            <div class="slide-head">
                                <h2>Join Us and Make Your Voice Count:</h2>
                            </div>
                            <div class="slide-content overlay">
                                <p>
                                    Ready to participate in shaping the future? Join our community of engaged citizens who are embracing the convenience and power of modern voting. Experience the ease of voting from anywhere, anytime, and be part of a movement that celebrates transparency and inclusivity in the democratic process.
                                </p>
                            </div>
                        </div>
                        <div class="slide animate__animated animate__backInLeft ">
                            <div class="slide-head">
                                <h2>Log In or Register Now: </h2>
                            </div>
                            <div class="slide-content overlay">
                                <p>
                                    To get started, simply log in to your existing account or register to become a part of the Nirvachan community. Your participation matters, and by taking this step, you're contributing to a more connected, informed, and empowered democracy. Let your voice be heard with Nirvachan.
                                </p>
                            </div>
                        </div>


                    </div>
                </div>
                <div class="login-diplay dark-bg">
                    <!-- Tab -->
                    <div class="tab">
                        <button id="default-login"  class="tablinks" onclick="openCity(event, 'Login')">Login</button>

                        <button  class="tablinks" onclick="openCity(event, 'Register')">Register</button>
                    </div>
                    <!-- Tab content  -->
                    <div id="Login" class="tabcontent">

                        <h1><u>LOGIN</u></h1>
                        <form id="Login-form" action="Working/dashboard.html">
                            <input id="luser" type="text" maxlength="10" minlength="10" placeholder="Registered Mobile No." required>

                            <input id="lpass" type="password" required placeholder="Password" maxlength="6" minlength="6">

                            <button class="submit-button" type="submit">Submit</button>
                        </form>

                    </div>

                    <div id="Register" class="tabcontent">
                        <h1><u>REGISTER</u></h1>
                        <form id="Register-form" action="">

                            <input type="text" id="first-name" placeholder="First Name">

                            <input type="text" id="last-name" placeholder="Last Name">

                            <input type="tel" id="mobile-number" placeholder="Mobile No.">

                            <input type="email" id="email" placeholder="Email">

                            <input type="text"
                            id="adn" placeholder="Aadhar No." maxlength="12" minlength="12">

                            <input type="text"
                            id="vid" placeholder="Voter ID">


                            <input type="password" placeholder="Set 6 Digit Password" required maxlength="6" minlength="6" id="new-pass">

                            <input type="password" placeholder="Confirm Password" required maxlength="6" minlength="6" id="confirm-pass">


                            <p class="upload-details">Aadhar Card: </p>

                            <input type="file" id="aadhar-card" accept="image/*" required>

                            <p class="upload-details">Voter ID Card:</p>

                            <input type="file" id="voter-card" accept="image/*" required>


                            <button class="submit-button" type="submit">Submit</button>

                        </form>
                        <div class="alert">* Make sure to enter your details as mentioned in your AADHAR</div>
                    </div>
                </div>


            </main>
        </div>
    </div>
</body>
<script src="Working/script.js"></script>
</html>