-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
146 lines (142 loc) · 6.84 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" >
<link rel="stylesheet" type="text/css" href="css/styles.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<link rel="shortcut icon" href="images/logo2.jpeg">
<title>Polling Assistant</title>
</head>
<body>
<header>
<div class="container">
<img src="images/logo2.jpeg" alt="logo" class="logo">
<nav>
<ul>
<li> <a href="#Home">Home</li>
<li> <a href="index1.html">Vote</li>
<li> <a href="#About Us">About Us</li>
<li> <a href="#Contact Us">Contact Us </li>
</ul>
</nav>
</div>
</header>
<a name="Home"></a>
<h1>Polling Assistant</h1>
<p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae, pariatur. Quis in cum cupiditate dolorum facilis molestiae architecto accusamus, saepe blanditiis expedita hic, provident voluptatem aliquid exercitationem, veniam a asperiores!Lorem</p>
<a name="Vote"></a>
<h2>Vote</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores, aspernatur. Recusandae ad impedit sint. Nesciunt itaque voluptates, minus nemo exercitationem illum dolor inventore incidunt, cupiditate fugit, possimus id eligendi atque?</p>
<a name="About Us"></a>
<h2>About Us</h2>
<p>The voting process has inherently been marred with irregularities and claims of system rigging. Year after year, some of the participating candidates protest of their votes being rigged due to flawed processes. As a result we came up with a solution that will ensure that each vote counts, systems are transparent and the true will of the people prevails. </p>
<a name="Contact Us"></a>
<div class=" container-fluid text-white text-center" id="form">
<h4>CONTACT US <br>We'd love some feedback</h4>
<form>
<div class="form-group row">
<input type="text" class="form-control m-2 col-sm-5" placeholder="Name..." id="name">
<input type="text" class="form-control m-2 col-sm-5" placeholder="Email..." id="email">
</div>
<div class="form-group">
<textarea name="" id="message" rows="6" placeholder="Your text here..." class="form-control col-sm-11" ></textarea>
</div>
<div class="text-right">
<!-- <button type="submit" class="btn btn-primary text-white text-center">Submit</button> -->
<input type="submit" class="btn btn-primary text-white text-center" value="Submit">
</div>
</form>
</div>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="styles/styles.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<title>Polling Assistant</title>
</head>
<body>
<div class="container-fluid" id="contain">
<div class="row justify-content-center">
<div class="col-md-3">
<div class="shadow" style="width: 20rem;">
<div class="inner"><img src="/images/raila.jpeg" class="card-img-top"></div>
<div class="card-body">
<h5 class="card-title">Raila Odinga</h5>
<p class="card-text color:white;">Party-NASA. <br>Deputy Kalonzo Musyoka. <br>motto NASA HAO</p>
<a href="index2.html" class="btn btn-primary">Vote Raila</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="shadow" style="width: 20rem;">
<div class="inner"><img src="/images/uhuru.jpeg" class="card-img-top"></div>
<div class="card-body">
<h5 class="card-title">Uhuru Kenyatta</h5>
<p class="card-text">Party <strong>JUBILEE</strong> <br>Deputy William Ruto <br> motto WE LEAD .</p>
<a href="index2.html" class="btn btn-primary">Vote Kenyatta</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="shadow" style="width: 20rem;">
<div class="inner"> <img src="/images/duba.jpeg" class="card-img-top"></div>
<div class="card-body">
<h5 class="card-title">Abduba Dida</h5>
<p class="card-text">Party <strong>KULA MAWE</strong> <br> Deputy Abdi Fatar <br>motto CHEZA CHINI.</p>
<a href="index2.html" class="btn btn-primary">Vote Duba Dida</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="shadow" style="width: 20rem;">
<div class="inner"> <img src="/images/maliti.jpeg" class="card-img-top"></div>
<div class="card-body">
<h5 class="card-title">Maliti Mark</h5>
<p class="card-text">Party <strong>UDPP</strong> <br>Deputy Joice Leboso <br> motto WE LEAD .</p>
<a href="index2.html" class="btn btn-primary">Vote Malitti</a>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="image" id="form">
<form>
<div class="form-row">
<div class="form-group col-md-6">
<label for="fname">First Name</label>
<input type="name" class="form-control" id="inputFname">
</div>
<div class="form-group col-md-6">
<label for="sname">Second Name</label>
<input type="sname" class="form-control" id="inputSname">
</div>
</div>
<div class="form-group">
<label for="id">Identification Number</label>
<input type="text" class="form-control" id="inputIdentificationNumber" placeholder="1234 no">
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="inputCounty">County</label>
<input type="text" class="form-control" id="inputCounty">
</div>
<div class="form-group col-md-2">
<label for="inputCountyCode"> your County code </label>
<input type="text" class="form-control" id="inputZip">
</div>
</div>
<div class="form-group">
<div class="form-check">
<input class="form-check-input" type="checkbox" id="gridCheck">
<label class="form-check-label" for="gridCheck">
Check me out
</label>
</div>
</div>
<button type="submit" class="btn btn-primary" id="vote">Vote</button>
</form>
</div>
</div>
<script src="js/scripts.js" charset="UTF-8"></script>
<script src="https://code.jquery.com/jquery-3.4.0.js" integrity="sha256-DYZMCC8HTC+QDr5QNaIcfR7VSPtcISykd+6eSmBW5qo=" crossorigin="anonymous"></script>
</body>
</html>