-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
112 lines (86 loc) · 5.36 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="scss/style.css" />
<title>TEDxMVJCE</title>
</head>
<body>
<header class="header">
<div class="overlay has-fade"></div>
<nav class="container container--pall flex flex-jc-sb flex-ai-c">
<a href="/" class="header__logo">
<img src="/images/White.png" alt="TEDxMVJCE" />
</a>
<a id="btnhamburger" class="header__toggle hide-for-desktop" href="#">
<span></span>
<span></span>
<span></span>
</a>
<div class="header__links hide-for-mobile">
<a href="#">Home</a><a href="https://www.ted.com/about/programs-initiatives/tedx-program">About</a><a href="https://countdown.ted.com/">Theme</a><a href="#">Contact</a>
</div>
</nav>
<div class="header__menu has-fade">
<a href="#">Home</a>
<a href="https://www.ted.com/about/programs-initiatives/tedx-program">About</a>
<a href="https://countdown.ted.com/">Theme</a>
<a href="">Contact</a>
</div>
</header>
<section class="hero container">
<div class="container">
<div class="hero__image"></div>
</div>
</section>
<section class="feature">
<div class="feature__content container container--pall">
<div class="feature__intro2" id="about">
<h2>What is TEDx?</h2>
<p>
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>
</div>
<div class="feature__intro2 " id="theme">
<video style="max-width: 100%;" width="320" height="240" autoplay loop>
<source src="/images/cntvid.mp4" type="video/mp4"></video>
<p>Countdown is a global initiative to champion and accelerate solutions to the climate crisis, turning ideas into action. The goal: <span style="color: yellow;"> To build a better future by cutting greenhouse gas emissions in half by 2030</span> in the race to a zero-carbon world – a world that is safer, cleaner and fairer for everyone.</p>
</div>
<div class="feature__intro2" >
<h2 >When and Where ?</h2>
<p id="demo" style="color: yellow;"></p>
<p>
It is with great pleasure that we announce the official event for TEDxMVJCE will be conducted virtually through Zoom on October 17th 2020 at 6 p.m.
</p>
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<a href="#" class="footer__logo">
<img src="/images/White.png" alt="" />
</a>
<div class="footer__social">
<a href="https://twitter.com/TEDxMVJCE?s=09">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="18"><title>Twitter</title><path fill="#FFF" d="M20.667 2.797a8.192 8.192 0 01-2.357.646 4.11 4.11 0 001.804-2.27 8.22 8.22 0 01-2.606.996A4.096 4.096 0 0014.513.873c-2.649 0-4.595 2.472-3.997 5.038a11.648 11.648 0 01-8.457-4.287 4.109 4.109 0 001.27 5.478A4.086 4.086 0 011.47 6.59c-.045 1.901 1.317 3.68 3.29 4.075a4.113 4.113 0 01-1.853.07 4.106 4.106 0 003.834 2.85 8.25 8.25 0 01-6.075 1.7 11.616 11.616 0 006.29 1.843c7.618 0 11.922-6.434 11.662-12.205a8.354 8.354 0 002.048-2.124z"/></svg>
</a>
<a href="https://www.instagram.com/tedxmvjce/">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"><title>Instagram</title><path fill="#FFF" d="M10.333 1.802c2.67 0 2.987.01 4.042.059 2.71.123 3.976 1.409 4.1 4.099.048 1.054.057 1.37.057 4.04 0 2.672-.01 2.988-.058 4.042-.124 2.687-1.386 3.975-4.099 4.099-1.055.048-1.37.058-4.042.058-2.67 0-2.986-.01-4.04-.058-2.717-.124-3.976-1.416-4.1-4.1-.048-1.054-.058-1.37-.058-4.041 0-2.67.01-2.986.058-4.04.124-2.69 1.387-3.977 4.1-4.1 1.054-.048 1.37-.058 4.04-.058zm0-1.802C7.618 0 7.278.012 6.211.06 2.579.227.56 2.242.394 5.877.345 6.944.334 7.284.334 10s.011 3.057.06 4.123c.166 3.632 2.181 5.65 5.816 5.817 1.068.048 1.408.06 4.123.06 2.716 0 3.057-.012 4.124-.06 3.628-.167 5.651-2.182 5.816-5.817.049-1.066.06-1.407.06-4.123s-.011-3.056-.06-4.122C20.11 2.249 18.093.228 14.458.06 13.39.01 13.049 0 10.333 0zm0 4.865a5.135 5.135 0 100 10.27 5.135 5.135 0 000-10.27zm0 8.468a3.333 3.333 0 110-6.666 3.333 3.333 0 010 6.666zm5.339-9.87a1.2 1.2 0 10-.001 2.4 1.2 1.2 0 000-2.4z"/></svg>
</a>
</div>
<div class="footer__cta">
<a href="#" class="button">Coming Soon</a>
</div>
<div class="footer__copyright">
This independent TEDx event is operated under license from TED
</div>
</div>
</footer>
<script src="js/script.js"></script>
</body>
</html>