-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
245 lines (235 loc) · 13.9 KB
/
about.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
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
<!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>About us</title>
<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=Montserrat:wght@500&display=swap" rel="stylesheet" />
<link rel="shortcut icon" href="/assets/favicon.png" />
<link href="https://unpkg.com/[email protected]/css/boxicons.min.css" rel="stylesheet" />
<!-- <link rel="stylesheet" href="../styles/nav.css"> -->
<link rel="stylesheet" href="style.css" />
</head>
<body>
<dialog id="dialog" class="dia">
<button class="close" onclick="window.dialog.close();">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-x"
viewBox="0 0 16 16">
<path
d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z" />
</svg>
</button>
<div class="cflex">
<div class="card">
<div class="card-con">
<h1>VIP</h1>
<p>The benefits you can avail in VIP tickets are :-</p>
<p>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#00FF00" class="bi bi-check2"
viewBox="0 0 16 16">
<path
d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z" />
</svg>
Exclusive Front row seats
</p>
<p>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#00FF00" class="bi bi-check2"
viewBox="0 0 16 16">
<path
d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z" />
</svg>
Special TEDx Merchandise
</p>
<p>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#00FF00" class="bi bi-check2"
viewBox="0 0 16 16">
<path
d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z" />
</svg>
Lunch and Snacks Included
</p>
<h1>
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor"
class="bi bi-currency-rupee" viewBox="0 0 16 16">
<path
d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z" />
</svg>799
</h1>
</div>
</div>
<div class="card">
<div class="card-con">
<h1>Normal</h1>
<p>The benefits you can avail in Normal tickets are :-</p>
<p>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#00FF00" class="bi bi-check2"
viewBox="0 0 16 16">
<path
d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z" />
</svg>
Full day pass included.
</p>
<p>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#00FF00" class="bi bi-check2"
viewBox="0 0 16 16">
<path
d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z" />
</svg>
Lunch and Snacks Included.
</p>
<h1>
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor"
class="bi bi-currency-rupee" viewBox="0 0 16 16">
<path
d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z" />
</svg>399
</h1>
</div>
</div>
</div>
<h4 style="text-align: center;margin-top:20px;"><span
style="font-weight: bold;color:#e62b1e;font-size:large">*</span>Every previously reserved Normal ticket has
been converted to a VIP ticket.</h4>
<a href="form.html">
<p style="text-align: center">
<button class="book">Book your ticket now!</button>
</p>
</a>
</dialog>
<nav class="main-nav container">
<a href="index.html">
<div class="logo"></div>
</a>
<ul class="nav-list">
<li><a href="index.html" class="nav-link">Home</a></li>
<li><a href="about.html" class="nav-link">About us</a></li>
<li><a href="speaker.html" class="nav-link">Speaker</a></li>
<li><a href="team.html" class="nav-link">Team</a></li>
<li>
<a href="mailto: [email protected]">
<button class="nav-btn mobile">
Contact us<i class="bx bx-right-arrow-alt"></i></button></a>
</li>
<li class="close-icon mobile"><i class="bx bx-x"></i></li>
</ul>
<a href="mailto: [email protected]">
<button class="nav-btn">
Contact us<i class="bx bx-right-arrow-alt"></i></button></a>
<div style="display: flex; justify-content: center; align-items: center">
<div style="margin-right: 10px">
<input type="checkbox" class="checkbox" id="chk" />
<label class="label" for="chk">
<i class="bx bxs-moon" style="color: #ffffff"></i>
<i class="bx bxs-sun" style="color: #ffffff"></i>
<div class="ball"></div>
</label>
</div>
<div class="nav-items-right">
<i class="bx bx-menu" style="color: #e62b1e"></i>
</div>
</div>
</nav>
<section class="theme-section container">
<h1 class="title">About TEDx, x = independently organized event</h1>
<p class="theme-info">
In the spirit of ideas worth spreading, TEDx is a program of local,
self-organized events that bring people together to share a TED-like
experience. At a TEDx event, TED Talks video and live speakers combine
to spark deep discussion and connection. These local, self-organized
events are branded TEDx, where x = independently organized TED event.
The TED Conference provides general guidance for the TEDx program, but
individual TEDx events are self-organized. (Subject to certain rules and
regulations.)
</p>
</section>
<section class="theme-section container">
<h1 class="title">About TED</h1>
<p class="theme-info">
TED is a nonprofit organization devoted to Ideas Worth Spreading.
Started as a four-day conference in California 30 years ago, TED has
grown to support its mission with multiple initiatives. The two annual
TED Conferences invite the world's leading thinkers and doers to speak
for 18 minutes or less. Many of these talks are then made available,
free, at TED.com. TED speakers have included Bill Gates, Jane Goodall,
Elizabeth Gilbert, Sir Richard Branson, Nandan Nilekani, Philippe
Starck, Ngozi Okonjo-Iweala, Sal Khan and Daniel Kahneman.<br /><br />The
annual TED Conference takes place each spring in Vancouver, British
Columbia. TED's media initiatives include TED.com, where new TED Talks
are posted daily; TED Translators, which provides subtitles and
interactive transcripts as well as translations from volunteers
worldwide; the educational initiative TED-Ed. TED has established The
Audacious Project that takes a collaborative approach to funding ideas
with the potential to create change at thrilling scale; TEDx, which
supports individuals or groups in hosting local, self- organized
TED-style events around the world, and the TED Fellows program, helping
world-changing innovators from around the globe to amplify the impact of
their remarkable projects and activities.
</p>
</section>
<!---------------------------footer-------------------------->
<section style="height: 650px">
<div class="register">
<div class="regimg"></div>
<img src="./assets/pexels-matt-hardy-1533720.jpg" class="regimg1" />
<h1 class="regh">Ready for the Event</h1>
<div class="regbut">
<a onclick="window.dialog.showModal();"><button>Register Now</button></a>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="pt-2">
<div class="p1">
<img src="./assets/TEDxSIESGST_without_bg_white-1.png" />
</div>
<div class="f1" style="padding-left: 10px">
<div class="connect">
<a href="https://www.instagram.com/tedxsiesgst/?hl=en" target="_blank"><svg class="csvg"
xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="white" class="bi bi-instagram"
viewBox="0 0 16 16">
<path
d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" />
</svg></a>
<a href="https://www.facebook.com/tedxsiesgst/" target="_blank">
<svg class="csvg" xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="white"
class="bi bi-facebook" viewBox="0 0 16 16">
<path
d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z" />
</svg></a>
<a href="https://www.linkedin.com/company/tedxsiesgst/" target="_blank">
<svg class="csvg" xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="white"
class="bi bi-linkedin" viewBox="0 0 16 16">
<path
d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z" />
</svg></a>
<a href="https://mobile.twitter.com/tedxsiesgst" target="_blank">
<svg class="csvg" xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="white"
class="bi bi-twitter" viewBox="0 0 16 16">
<path
d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z" />
</svg></a>
<a href="mailto: [email protected]" target="_blank">
<svg class="csvg" xmlns="http://www.w3.org/2000/svg" width="27" height="27" fill="currentColor"
class="bi bi-envelope" viewBox="0 0 16 16">
<path
d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z" />
</svg></a>
</div>
</div>
</div>
<br />
<hr class="rulers" />
<div style="color: whitesmoke; text-align: center; margin-top: 5px">
<h3 class="f-text">
This independent TEDx event is operated under license from TED.
</h3>
</div>
</div>
</footer>
<script src="main.js"></script>
</body>
</html>