-
Notifications
You must be signed in to change notification settings - Fork 11
/
Copy pathindex.html
152 lines (134 loc) · 6.72 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>E-Vox Voting System</title>
<link rel="stylesheet" href="assets/css/index.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
</head>
<body>
<!------------- NAVIGATION BAR ------------->
<nav class="navbar">
<div class="navbar-container container">
<input type="checkbox" name="" id="">
<div class="hamburger-lines">
<span class="line line1"></span>
<span class="line line2"></span>
<span class="line line3"></span>
</div>
<ul class="menu-items">
<li><a href="#hero">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="admin/index.php">Admin</a></li>
<li><a href="login-page.php">Voters</a></li>
</ul>
<h1 class="logo">E-Vox Voting</h1>
</div>
</nav>
<!------------- HERO SECTION ------------->
<section id="hero">
<div id="hero-container">
<div id="bg">
<div id="color-overlay"></div>
</div>
<div class="sitetitle">
<h1 id="hero-title">Welcome to E-Vox!</h1>
<p id="hero-content">
We are thrilled to have you as part of our democratic journey, where your voice matters. With E-Vox, we have revolutionized the way we participate in elections by bringing the power of technology and convenience to your fingertips.
<br />
<br />
E-Vox Voting System ensures the highest standards of security and privacy. We have implemented robust encryption protocols and advanced authentication mechanisms to safeguard your information and maintain the integrity of the voting process. Rest assured that your vote is anonymous, and your personal data remains confidential.
</p>
<br />
<br />
<a href="login-page.php" class="hero-button">Vote Now!</a>
</div>
</div>
</section>
<!------------- ABOUT US SECTION ------------->
<section id="about">
<div class="main">
<img src="assets/img/about.png" alt="Ballot box">
<div class="about-text">
<h1>Choose Wisely!</h1>
<p>Through E-Vox, we strive to make the electoral process more inclusive and accessible to all. Whether you are a seasoned voter or a first-time participant, our user-friendly interface and intuitive design will guide you seamlessly through the voting journey. We prioritize transparency and have incorporated features that allow you to verify your vote, track the progress of the election, and witness the democratic process unfold in real-time.
<br />
<br />
Thank you for choosing E-Vox as your trusted e-voting partner. Together, let us embark on this exciting digital voyage and create a future where every citizen's voice is heard and every vote matters.
</p>
<br />
<br />
<a href="login-page.php" class="about-button">Vote Now!</a>
</div>
</div>
</section>
<!------------- CONTACT US SECTION ------------->
<section id="contact">
<div class="section-header">
<div class="container">
<h2>Contact Us</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
</div>
</div>
<div class="container">
<div class="row">
<div class="contact-info">
<div class="contact-info-item">
<div class="contact-info-icon">
<i class="material-icons">home</i>
</div>
<div class="contact-info-content">
<h4>Address</h4>
<p>Paraiso, Barangay Barra,<br/> Lucena City, Quezon <br/>4301</p>
</div>
</div>
<div class="contact-info-item">
<div class="contact-info-icon">
<i class="material-icons">phone</i>
</div>
<div class="contact-info-content">
<h4>Phone</h4>
<p>+63 912-345-6789</p>
</div>
</div>
<div class="contact-info-item">
<div class="contact-info-icon">
<i class="material-icons">email</i>
</div>
<div class="contact-info-content">
<h4>Email</h4>
<p>[email protected]</p>
</div>
</div>
</div>
<div class="contact-form">
<form action="" id="contact-form">
<h2>Send Message</h2>
<div class="input-box">
<input type="text" required="true" name="">
<span>Full Name</span>
</div>
<div class="input-box">
<input type="email" required="true" name="">
<span>Email</span>
</div>
<div class="input-box">
<textarea required="true" name=""></textarea>
<span>Type your Message...</span>
</div>
<div class="input-box">
<input type="submit" value="Send" name="">
</div>
</form>
</div>
</div>
</div>
</section>
<!------------- FOOTER ------------->
<footer>
<p>Developed by <a href="https://www.github.com/rovicbalingbing">John Rovie Balingbing</a> © 2023 | Algo Filipino</p>
</footer>
</body>
</html>