-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
151 lines (143 loc) · 6.61 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
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
<!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">
<meta property="og:image" content="https://wedovietnam.com/img/preview.png" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://wedovietnam.com/" />
<meta property="og:title" content="WeHack" />
<meta property="og:description" content="WeHack" />
<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
<title>Home</title>
<link rel="stylesheet" type="text/css" href="css/index.css">
<script src="js/loadhtml.js"></script>
<script src="https://cdn.lordicon.com/xdjxvujz.js"></script>
</head>
<body>
<div w3-include-html="common/navbar.html"></div>
<main>
<section id="landing">
<div class="countdown">
<h1 id="headline" class="title">Get ready for WeHack 2022!</h1>
<div id="countdown">
<ul>
<li><span id="days"></span>days</li>
<li><span id="hours"></span>Hours</li>
<li><span id="minutes"></span>Minutes</li>
<li><span id="seconds"></span>Seconds</li>
</ul>
</div>
</div>
<h2 class="title">Vietnam's First and Largest Inclusive Hackathon</h2>
<p class="description">WeHack is a non-profit organization hosting several hackathons to help develop students' creativity in Vietnam in STEM. In addition, WeHack also explicitly honors and upholds the role of women and non-binaries in the STEM field.</p>
<div class="hacks-wrapper">
<div class="hack">
<a href="/policyHack.html">Policy Hack</a>
<img src="/img/policyHack.png" alt=""/>
</div>
<div class="hack">
<a href="/researchHack.html">Research Hack</a>
<img src="/img/researchHack.png" alt=""/></div>
<div class="hack hack-3">
<a href="/codingHack.html">Coding Hack</a>
<img src="/img/codingHack.png" alt=""/>
</div>
</div>
<!-- <a class="scroll" href="#we-are-sponsor"><lord-icon
src="https://cdn.lordicon.com/iifryyua.json"
trigger="loop"
colors="primary:#101C25"
style="width:30px;height:30px">
</lord-icon></a> -->
</section>
<section id="we-are-sponsor">
<div class="we-are">
<h1 class="title">Mission</h1>
<p class="description">WeHack's mission is to become an interactive connection for women and non-binaries to be more confident, braver, and more robust in science and technology. In addition, WeHack hopes to bring hackathons to all cities and provinces in Vietnam so that students have more resources to learn and develop themselves.</p>
</div>
<div class="we-are">
<h1 class="title">Vision</h1>
<p class="description pb-1">WeHack aims to create a healthy playground for all genders to foster their leadership and imagination in science and engineering. Through the competitions, WeHack strongly encourages the development of women and non-binaries in Vietnam and around the world to specialize in STEM.</p>
</div>
<!-- <div class="sponsor">
<h1 class="title">Sponsors</h1>
<div class="grid">
<img class="brand" src="img/google.svg"/>
<img class="brand" src="img/netflix.svg"/>
<img class="brand" src="img/microsoft.svg"/>
<img class="brand" src="img/macdonald.svg"/>
</div>
</div> -->
</section>
<section id="our-sponsors">
<h1 class="title">Our Sponsors</h1>
<div class="illustration">
<div class="img-content-wrapper1">
<a href="https://eliteprepvn.com/services/bac-cu-nhan">
<img src="/img/logo1.jpeg" alt="" >
</a>
</div>
<div class="img-content-wrapper1">
<a href="http://care.edu.vn/">
<img src="/img/logo2.jpeg" alt="" >
</a>
</div>
<div class="img-content-wrapper2">
<a href="https://www.echo3d.co/">
<img src="/img/logo3.jpeg" alt="" >
</a>
</div>
<div class="img-content-wrapper2">
<a href="https://www.taskade.com/">
<img src="/img/logo4.png" alt="" >
</a>
</div>
</div>
</section>
</section>
<section id="our-team">
<h1 class="title">Our Team</h1>
<div class="illustration">
<div class="img-content-wrapper">
<img src="/img/kisspng-stock-photography-join-hands-clip-art-volunteer-5b178ad6e0ddb6.8840084615282695269211.png" alt=""/>
<div class="content-wrapper">
<h3>30+</h3>
<p>Volunteers</p>
</div>
</div>
<div class="img-content-wrapper">
<img src="/img/kisspng-computer-icons-icon-design-clip-art-map-pin-5afca4ec20c469.4415687515265067321342.png" alt=""/>
<div class="content-wrapper">
<h3>5</h3>
<p>Timezones</p>
</div>
</div>
<div class="img-content-wrapper">
<img src="/img/world map.png" alt=""/>
<div class="content-wrapper">
<h3>3</h3>
<p>Countries</p>
</div>
</div>
</div>
</section>
</main>
<div w3-include-html="common/footer.html"></div>
<script>
includeHTML();
</script>
<script src="/js/home.js"></script>
<script type="text/javascript">
function nav() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>
</body>
</html>