-
Notifications
You must be signed in to change notification settings - Fork 4
/
oldhome.html
147 lines (133 loc) · 6.97 KB
/
oldhome.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
<!-- <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>WWPHacks</title>
<link rel="shortcut icon" href="images/logo.svg">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="css/home.css">
<link rel="stylesheet" href="https://use.typekit.net/adl3llk.css">
<link href="https://fonts.googleapis.com/css2?family=Space+Mono&display=swap" rel="stylesheet">
</head>
<body data-spy="scroll" data-target=".navbar">
<nav class="navbar sticky-top navbar-expand-md navbar-dark" style="background-color: transparent">
<div id="nav-logo">
<a class="navbar-brand" href="/">
<img src="images/main-logo.svg" width="40" height="40" class="d-inline-block align-top" alt="">
</a>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse " id="navbarNav">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<li class="nav-item">
<a class="nav-link" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#details">Details</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#schedule">Schedule</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#faq">FAQ</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#team">Team</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#sponsors">Sponsors/Partners</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
</li>
</ul> -->
<!-- Navbar Button -->
<!-- </ul>
<ul class="navbar-nav ml-auto mt-2 mt-lg-0">
<li class="nav-item">
<a class="nav-link" href="#contact">Resources</a>
</li>
</ul>
</div>
</nav>
<div id="home-banner" class="homepage">
<div class="row">
<div class="col-lg-4 col-xl-4 d-flex logo">
<img id="bannaer-logo" class="rounded img-fluid" src="images/main-logo.svg" alt="Logo">
</div>
<div class="col-lg-8 col-xl-8 d-flex">
<div class="container">
<div class="row d-flex logo-text">
<h1 id="banner-title">WWPHacks</h1>
<h3 id="banner-date">October Xx-Xx</h3>
</div>
</div>
</div>
</div>
</div>
<div id="about">
<h1 id="about-title">About</h1>
<div class="container">
<div class="row">
<div class="col-lg-12 col-sm-12">
<p id="about-text">WWPHacks is a hackathon - a collaborative programming competition where teams of up to four individuals work
against the clock to build innovative technological solutions to significant real world problems.
Due to circumstances surroudning COVID-19, this year WWPHacks will be held completely virtually. Because of this we anticipate an even
larger audience than before - giving you a chance to make more meaningful connections with other hackers, and witness more awesome projects.
</p>
</div>
</div>
</div>
</div>
<div id="faq">
<h1 id="faq-title">FAQs</h1>
<div class="container">
<div class="row">
<div class="col-lg-12 col-sm-12">
<h3 id="question-text">How long will WWPHacks be?</h3>
<p id="answer-text">WWPHacks will be about two days, and will run from around 8pm on Friday to 2pm on Sunday.</p>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-sm-12">
<h3 id="question-text">Do I need to have programming experience to compete?</h3>
<p id="answer-text">Nope! WWPHacks is suitable for people of all experience levels - we welcome everyone
from seasoned developers to people who haven't written a line of code before. There will be plenty of workshops
throughout the event that you can attend to sharpen your skills or learn something new.
</p>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-sm-12">
<h3 id="question-text">How will projects be evaluated?</h3>
<p id="answer-text">Your projects will be evaluated based on a variety of features - real world application,
technical complexity, and visual appeal just to name a few.
</p>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-sm-12">
<h3 id="question-text">Are you looking for sponsors?</h3>
<p id="answer-text">Yes! Although WWPHacks will be online this year, we are confident we can provide great support
to both hackers and sponsors.
</p>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-sm-12">
<h3 id="question-text">How will prizes work this year?</h3>
<p id="answer-text">This year, many of our prizes will be virtual, but we will mail any physical prizes to you directly.
</p>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html> -->