-
Notifications
You must be signed in to change notification settings - Fork 3
/
event.html
161 lines (140 loc) · 6.97 KB
/
event.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>
<title>technoriti</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- bootstrap link -->
<!-- (font of bootstrap) -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<!-- google font -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Kdam+Thmor+Pro&family=Lato:wght@300;400;700&display=swap"
rel="stylesheet">
<!-- css(home.js) link -->
<link rel="stylesheet" href="css/home.css">
<link rel="stylesheet" href="css/event/event.css">
</head>
<body>
<!-- header -->
<section class="section-a">
<!-- navbar -->
<nav class="navbar navbar-expand-lg bg_set">
<div class="container-fluid">
<a class="navbar-brands" href="index.html">TECHNORITI</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
<!-- <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Dropdown
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li> -->
<li class="nav-item">
<a class="nav-link" href="event.html">Event</a>
</li>
</ul>
<button class="btn btn-danger px-5 add_style" onclick="join()">JOIN</button>
<button class="btn btn-outline-danger px-5 add_style add_style_admin" onclick="adminLogin()">LOGIN</button>
</div>
</div>
</nav>
</section>
<section class="section-b">
<div class="container-fluid">
<div class="row search_filter">
<div>
<input type="text" class="form-control" id="eventBoxFilter" placeholder="Date,Category,Location">
</div>
</div>
<div class="row">
<div class="row button_filter text-center my-5">
<div style="margin: auto;">
<!-- button filter -->
<button class="btn btn-danger button_filter_event mt-3" onclick="technical()">Technical Event</button>
<button class="btn btn-danger button_filter_event mt-3" onclick="sport()">Sport Event</button>
<button class="btn btn-danger button_filter_event mt-3" onclick="cultural()">Cultural Event</button>
<button class="btn btn-danger button_filter_event mt-3" onclick="comingSoon()">Coming Event</button>
<button class="btn btn-danger button_filter_event mt-3">More</button>
</div>
</div>
<div class="row event_box tag_filter">
<div class="col-md-9" id="increseatsmall">
<div class="row justify-content-center" id="eventCard">
<!-- fetch data from event.js -->
<!-- <div class="col-md-5 text-center g-0 border-outline pb-5">
<div class="image_conatiner">
<img src="images/home/about_check.jpg" alt="blind_coding">
<span id="dateOfEvant">registration open till date <b>12 AM, 2 mar 2023</b></span>
</div>
<div class="content_event">
<h2>Unstops coder Blind coding</h2>
<span>start on <br> 3 mar 2023 </span>
<span>Entry fee <br> 1000 </span>
<span>Location <br> college campus</span>
<span>Venue <br>Offline </span>
<br>
<button class="btn btn-danger mt-3">Registration</button>
<button class="btn btn-danger mt-3" onclick="share()">share</button>
</div>
</div> -->
</div>
</div>
<div class="col-md-3" id="noneAtsmall">
<div class="bg_set_filter_btn" >
<h4 class="mt-2 tagFilter mb-4">Search by tag name </h4>
<button class="btn btn-danger filter-block" onclick="a()">Blind Coding</button>
<button class="btn btn-danger filter-block" onclick="b()">Hackathon</button>
<button class="btn btn-danger filter-block" onclick="c()">Arduino Effect</button>
<button class="btn btn-danger filter-block" onclick="d()">Bridge Making</button>
<button class="btn btn-danger filter-block" onclick="e()">AutoCad</button>
<button class="btn btn-danger filter-block" onclick="f()">Bug Hunting</button>
<button class="btn btn-danger filter-block" onclick="g()">cinematography</button>
<button class="btn btn-danger filter-block" onclick="h()">Boat Making-Mech</button>
<button class="btn btn-danger filter-block" onclick="i()">Competitive Programming</button>
<button class="btn btn-danger filter-block" onclick="j()">Free fire</button>
<button class="btn btn-danger filter-block" onclick="k()">General Quiz Competition</button>
<button class="btn btn-danger filter-block" onclick="l()">Mateys-Aqua bot</button>
<button class="btn btn-danger filter-block" onclick="m()">FPhotoGraphy</button>
<button class="btn btn-danger filter-block" onclick="n()">Web Development</button>
<button class="btn btn-danger filter-block" onclick="o()">Android</button>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- footer -->
<section class="section-f"></section>
<!-- bootstrap js link -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN"
crossorigin="anonymous"></script>
<!-- script tag -->
<script src="js/home.js"></script>
<script src="js/event/event.js"></script>
</body>
</html>
<!-- git init
git add .
git commit -m "first commit"
git push origin main
-->