drop-vote/index.html at master · jatin-rathee/drop-vote · 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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Drop Vote</title>
    <link rel="icon" href="./images/icon.png" type="image/x-icon">
    <link rel="stylesheet" href="./styles/home.css">
    <link rel="stylesheet" href="./styles/animate.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css" rel="stylesheet" />
</head>

<body>

    <div class="header">

        <div class="background"></div>

        <div class="content">

            <div class="social-icons">
                <ul>
                    <li><i class="fab fa-facebook-f fb"></i></li>
                    <li><i class="fab fa-instagram insta"></i></li>
                    <li><i class="fab fa-twitter tweet"></i></li>
                    <li><i class="fab fa-google-plus-g plus"></i></li>
                    <li><i class="fab fa-linkedin-in linkedin"></i></li>
                </ul>
            </div>

            <nav>

                <div class="clear"></div>
                <div class="brand"><i class="fas fa-poll"></i> Drop Vote</div>
                <ul>
                    <li id="home">Home</li>
                    <li id="about">About</li>
                    <li id="testi">Testimonials</li>
                    <li id="faqs">FAQ's</li>
                    <li id="contactus">Contact</li>
                </ul>
                <div class="clear"></div>

            </nav>

            <div class="left">
                <h1 id="home-head">We Make Online Elections Easy and Affordable</h1>
                <p id="info">Drop Vote is a secure online voting platform that makes it easy to run elections at a
                    fraction of the
                    usual cost. We're the leading provider of ranked choice elections, which help achieve more
                    democratic outcomes by better representing the will of your voters.</p>
                <a href="./getstarted.html" id="read-more" class="signup-button get-started">Get Started >></a>
            </div>

            <div class="right">
                <img src="https://wfse.org/sites/default/files/styles/panopoly_image_original/public/article/featured/vote.png?itok=rdemeXhQ"
                    alt="">
            </div>
        </div>
    </div>

    <div class="about-us">

        <div class="tile about-us-grey">
            <div class="about-left">
                <div class="about-image">
                    <img src="./images/1.png" alt="">
                </div>
            </div>
            <div class="about-right">
                <div class="about-details">
                    <h2 class="about-head">Easy to Set up and vote</h2>
                    <p class="about-p about-details-para-fix">Lorem ipsum dolor sit amet consectetur adipisicing elit.
                        We make it super easy for you to set up an election and for your voters to cast their votes.
                        When your election starts, each of your voters will receive an email with a secret, single-use
                        voting link. Your voter then just clicks that link to be immediately taken to the voting page.
                        Because our process is so easy for voters, we get a higher percentage of voters to actually
                        vote.</p>
                </div>
            </div>
        </div>

        <div class="tile about-us-white">
            <div class="about-left about-inverse1">
                <div class="about-image">
                    <div class="about-details">
                        <h2 class="about-head">Transparent Results</h2>
                        <p class="about-p">Voters love the clear and transparent results DropVote will enable you to
                            provide them with. At the end of your election, you'll get the raw ballots as well as a
                            detailed report with counts automatically done for you. The step by step explanation of
                            these counts are based on the voting method you used, and interactive graphics allow you can
                            see the fine-grained details at each step.</p>
                    </div>

                </div>
            </div>
            <div class="about-right about-inverse2">
                <img src="./images/1.png" alt="">
            </div>
        </div>

        <div class="tile about-us-grey">
            <div class="about-left">
                <div class="about-image">
                    <img src="./images/1.png" alt="">
                </div>
            </div>
            <div class="about-right">
                <div class="about-details">
                    <h2 class="about-head">Vote Auditing</h2>
                    <p class="about-p about-details-para-fix">We provide the documentation you need to be transparent
                        for high-level legal and regulatory requirements. Or for simple, but potentially contentious
                        votes.</p>
                </div>
            </div>
        </div>

        <div class="tile about-us-white">
            <div class="about-left about-inverse3">
                <div class="about-image">
                    <h2 class="about-head">Also Works On-Site</h2>
                    <p class="about-p">Dropvote makes it super easy to combine having on-site and offsite voters in your
                        election. By using single-use code voters (which also come in handy when spouses share the same
                        email address), you can have voters who can make it to your venue(s) cast their vote in booths
                        using PCs or tablets, and voters who can't make it cast their vote by email on their own
                        devices.</p>
                </div>
            </div>
            <div class="about-right">
                <div class="about-details about-inverse4">
                    <img src="./images/1.png" alt="">
                </div>
            </div>
        </div>

    </div>

    <div class="testi-head">
        <div class="heading">
            <h1 id="test-head">Testimonials</h1>
        </div>
    </div>

    <div class="testimonials">

        <div class="card">
            <div class="layer"></div>
            <div class="content">
                <p>In one of our elections there were 6 candidates and the one with the 3rd most votes in the initial
                    round ended up winning. Drop Vote could not have better illustrated how ranked choice voting worked.
                </p>
                <div class="image">
                    <img src="./images/user1.jfif" alt="">
                </div>
                <div class="details">
                    <h2>Jatin Rathee</br><span>Someone Famous</span></h2>
                </div>
            </div>
        </div>

        <div class="card">
            <div class="layer"></div>
            <div class="content">
                <p>We use Drop Vote to elect our employee representative body. The fact that OpaVote is a trusted third
                    party gives us confidence that no one at our company can retrieve or manipulate the votes.</p>
                <div class="image">
                    <img src="./images/user3.jfif" alt="">
                </div>
                <div class="details">
                    <h2>Nincy Alisa Jacob</br><span>Someone Famous</span></h2>
                </div>
            </div>
        </div>

        <div class="card">
            <div class="layer"></div>
            <div class="content">
                <p>Drop Vote's security features made it easy for us to audit the election while maintaining the secrecy
                    of each voter's ballot. We had confidence the results accurately reflected the wishes of our voters.
                </p>
                <div class="image">
                    <img src="./images/user2.jfif" alt="">
                </div>
                <div class="details">
                    <h2>Sahil Balyan</br><span>Someone Famous</span></h2>
                </div>
            </div>
        </div>

    </div>

    <div class="news-l">
        <div class="newsletter-details">
            <p class="news-p">Subscribe to our weekly Newsletter chalked full of useful tips, techniques and stay tuned
                with our news and promotions.</p>
            <div class="news-btn-s">
                <button class="news-btn"> Subscribe </button>
            </div>
        </div>
    </div>

    <div class="faq-head">
        <h1 class="faq-h">Frequently Asked Questions</h1>
    </div>

    <div class="faq-s">
        <div class="ques1">

            <div class="ques"><span>Q.</span>
                <div class="span-q">How do voters access the ballot?</div>
            </div>

            <div class="ans"><span>A.</span>
                <div class="span-a">If hosting the election on the ElectionsOnline website as opposed to your own
                    website, each voter will need a username and password in order to access the ballot. If you already
                    have this data for your voters and wish to include it when submitting the voter roster, you may.
                    Otherwise, ElectionsOnline will generate a username and password for each voter that will be good
                    only for a single election.</div>
            </div>
        </div>

        <div class="ques1" style="margin-top: 80px">

            <div class="ques"><span>Q.</span>
                <div class="span-q">Can ElectionsOnline handle paper ballots?</div>
            </div>

            <div class="ans"><span style="position: relative; top: 20px;">A.</span>
                <div class="span-a">Elections Online will not print, mail and tabulate paper ballot for clients, but the
                    software does provide the ability to retrieve a paper ballot on demand for a specific voter. Details
                    on handling the paper ballot procedure are in the Evote Instruction Manual.</div>
            </div>
        </div>
    </div>


    <div class="contact-us">
        <div class="contact-left">
            <p>
                Connect with us:
                <br>
                <br>
                For support or any questions: <br>
                Email us at: <a href="#">support@dropvote.com</a>

                <div class="drop-vote-details">
                    <h3>India</h3>
                    <i class="fas fa-map-marker"></i>
                    <p>Vellore Institute of Technology, Vellore , India </p>
                    <br>
                    <div class="blank"></div>
                    <i class="fas fa-phone"></i>
                    <p>+91 9306428934</p>
                </div>
            </p>
        </div>
        <div class="contact-right">
            <div class="form-feedback">
                <form name="feedback" data-netlify="true" method="POST">
                    <p>Help us make it better. Give your Feedback here : </p>
                    <input type="text" name="name" id="feedback-name" placeholder="Name"><br>
                    <input type="text" name="email" id="feedback-email" placeholder="Email"><br>
                    <textarea name="feedback" id="feedback" cols="40" rows="10"
                        placeholder="Enter your feedback"></textarea>
                    <button id="sub-feed">Submit</button>
                </form>
            </div>
        </div>
    </div>

    <div class="copyright">
        <p>@ Made with love by front benchers</p>
    </div>

    <script src="./scripts/jquery.js"></script>
    <script src="./scripts/home.js"></script>
    <script src="https://kit.fontawesome.com/80b74730a0.js" crossorigin="anonymous"></script>
    <script>

        document.querySelector('.news-btn').addEventListener('click', () => {
            swal({
                position: 'middle',
                type: 'success',
                title: 'Thanks for subscribing Newsletter.',
                showConfirmButton: false,
                timer: 3000
            })
        })

        document.querySelector('.fb').addEventListener("click",()=>{
            window.open('http://facebook.com/jatinrathee9', '_blank');
        })

        document.querySelector('.insta').addEventListener("click",()=>{
            window.open('http://instagram.com/jatin_rathee_', '_blank');
        })

        document.querySelector('.tweet').addEventListener("click",()=>{
            window.open('http://twitter.com', '_blank');
        })

        document.querySelector('.plus').addEventListener("click",()=>{
            window.open('http://google.com', '_blank');
        })

        document.querySelector('.linkedin').addEventListener("click",()=>{
            window.open('https://www.linkedin.com/in/jatin-rathee', '_blank');
        })

    </script>
</body>

</html>