-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
193 lines (186 loc) · 10.2 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
<!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
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>
<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>
<div>
<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>
<a href="mailto: [email protected]">
<button class="nav-btn">
Contact us<i class="bx bx-right-arrow-alt"></i></button
></a>
<div class="nav-items-right">
<i class="bx bx-menu" style="color: #e62b1e"></i>
</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="register()"><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>
</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>