-
Notifications
You must be signed in to change notification settings - Fork 0
/
election-procedures.html
161 lines (155 loc) · 6.28 KB
/
election-procedures.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
153
154
155
156
157
158
159
160
161
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Election Procedures</title>
<link rel="stylesheet" href="styles.css">
<script src="https://kit.fontawesome.com/84e2199ce0.js" crossorigin="anonymous"></script>
<script src="custom.js" crossorigin="anonymous"></script>
</head>
<body>
<!-- Header Section -->
<section class="header">
<div class="top">
<div class="logo">
<div class="logo-img"></div>
<h2>CONFEDERATES <br> STUDENT COUNCIL</h2>
</div>
<nav>
<ul>
<li><a href="">Home</a></li>
<li><a href="">Alumni</a></li>
<li><a href="">Events</a></li>
<li>
<a href="">Join the Committees</a>
<i class="fa-solid fa-angle-down"></i>
</li>
<li><a href="">News</a></li>
<li><i class="fa-solid fa-bars"></i></li>
</ul>
</nav>
</div>
<div class="bottom">
<nav>
<ul>
<li><a href="">About Us</a></li>
<li><a href="">Elections</a></li>
<li><a href="">Resources</a></li>
<li><a href="">Services</a></li>
<li><a href="">Suggestion Box</a></li>
</ul>
</nav>
</div>
</section>
<!-- General Page Section -->
<section class="hero-general">
<!-- Breadcrumbs -->
<div class="breadcrumbs">
breadcrumbs > placeholder > here
</div>
<!-- Custom Content -->
<div class="content custom">
<header>Election Procedures</header>
<div class="container">
<aside>
<nav>
<ul>
<li><a href="">Guidelines</a></li>
<li><a href="">Poll Results</a></li>
<li><a href="">Procedures</a></li>
</ul>
</nav>
<button><a href="">Cast Your Vote</a></button>
</aside>
<article>
<p>Nunc placerat eros elementum libero rutrum, ut convallis lacus dictum. Suspendisse malesuada erat vel elit
placerat
scelerisque id et neque. Nullam.</p>
<div class="info">
<div class="header-details">
</div>
<div class="row single">
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius auctor diam, eu ullamcorper metus malesuada sed.
Maecenas et nisl accumsan, scelerisque urna sit amet, efficitur tortor. Maecenas eget vestibulum quam. Aliquam ut
viverra erat. Cras diam velit, bibendum sit amet ornare et, egestas lacinia nisl. Etiam metus dolor, porta consectetur
quam eget, dictum tristique erat. Nullam laoreet placerat eros ut fringilla. Nunc blandit eget leo ac accumsan. Cras
odio augue, vestibulum et lorem at, efficitur mollis odio. Morbi tincidunt suscipit nisi, sed maximus quam molestie sit
amet. Donec ut convallis metus. In hac habitasse platea dictumst. Integer id nunc metus.</p> <br>
<p>Duis dictum magna eu justo venenatis rhoncus. Nunc varius neque eget diam cursus lacinia. Aliquam cursus consequat
justo, in porta ligula dignissim ac.</p> <br>
<p>1.Lorem ipsum dolor sit amet, consectetur adipiscing elit.
2.Lorem ipsum dolor sit amet, consectetur adipiscing elit.
3.Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <br>
<p>Aliquam vel dapibus arcu. In sed felis tincidunt, cursus dui nec, tincidunt magna. Integer vel orci pellentesque,
condimentum magna ac, pellentesque felis. Quisque sagittis quis sapien pulvinar porttitor. Proin dapibus placerat
tempor. Nam dictum condimentum quam, a hendrerit nisi porttitor quis. Sed felis justo, varius in ullamcorper vitae,
sagittis non sem. Nam vehicula et felis eu fermentum. Praesent venenatis velit ante, vitae ultrices tortor fermentum ut.
Ut accumsan bibendum tortor, sit amet mollis elit suscipit quis. Pellentesque rhoncus finibus ipsum, eu efficitur nunc.
Integer in tristique justo. Nam congue massa odio, dignissim consequat lectus consectetur sed. Aliquam eleifend maximus
mauris, scelerisque suscipit enim dictum sit amet. In in malesuada felis, sed pellentesque purus.</p> <br>
</div>
</div>
</div>
</article>
</div>
</div>
</section>
<!-- Footer Section -->
<footer>
<div class="top">
<div class="logo-title">
<header>CONFEDERATES STUDENT COUNCIL</header>
<div class="logos">
<div class="icon"></div>
<div class="icon"></div>
<div class="icon"></div>
</div>
</div>
<div class="site-details">
<p>College of Computer Studies</p>
<p>Address Placeholder</p>
<p>Contact Number Placeholder</p>
<p>Email Placeholder</p>
</div>
<div class="redirects">
<a href="">Link Page 1</a>
<a href="">Link Page 2</a>
<a href="">Link Page 3</a>
<a href="">Link Page 4</a>
<a href="">Link Page 5</a>
<a href="">Link Page 6</a>
<a href="">Link Page 7</a>
<a href="">Link Page 8</a>
</div>
<div class="redirects">
<a href="">Link Page 1</a>
<a href="">Link Page 2</a>
<a href="">Link Page 3</a>
<a href="">Link Page 4</a>
<a href="">Link Page 5</a>
<a href="">Link Page 6</a>
</div>
<div class="subscription">
<header>Be updated and notified. Subscribe.</header>
<form action="">
<input type="email" name="email" placeholder="Email Address">
<button type="submit">Subscribe</button>
</form>
</div>
</div>
<div class="bottom">
<p>Copyright <i class="fa-regular fa-copyright"></i> Title 2022 | All Rights Reserved | Version </p>
<div class="social">
<i class="fa-brands fa-square-facebook"></i>
<i class="fa-brands fa-youtube"></i>
<i class="fa-brands fa-linkedin-in"></i>
<i class="fa-brands fa-discord"></i>
<i class="fa-brands fa-twitter"></i>
</div>
</div>
</footer>
</body>
</html>