-
Notifications
You must be signed in to change notification settings - Fork 0
/
homepage.html
129 lines (124 loc) · 5.09 KB
/
homepage.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="homepage.css" rel="stylesheet">
<title>CodeQuest</title>
</head>
<body>
<header>
<nav>
<div class="logo">
<p id="logotext"><span id="blue">< > Code</span>Quest </p>
</div>
<div class="anchors">
<a href="homepage.html">About</a>
<a href="contests.html">Contests</a>
</div>
</nav>
</header>
<section>
<div id="intro">
<div class="animationbox">
<div class="container">
<div class="top">
<div class="square">
<div class="square">
<div class="square">
<div class="square">
<div class="square"><div class="square">
</div></div>
</div>
</div>
</div>
</div>
</div>
<div class="bottom">
<div class="square">
<div class="square">
<div class="square">
<div class="square">
<div class="square"><div class="square">
</div></div>
</div>
</div>
</div>
</div>
</div>
<div class="left">
<div class="square">
<div class="square">
<div class="square">
<div class="square">
<div class="square"><div class="square">
</div></div>
</div>
</div>
</div>
</div>
</div>
<div class="right">
<div class="square">
<div class="square">
<div class="square">
<div class="square">
<div class="square"><div class="square">
</div></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="content reveal">
<p class="headingbody"><span id="blue">Code</span>Quest:<span style="letter-spacing: 20%; font-size: 24px;"> Your Ultimate Resource for Coding Challenge Schedules</span></p>
<p class="mainbody">
<span id="blue">CodeQuest</span> is your go-to platform for streamlining and organizing coding challenge schedules. We meticulously aggregate data from diverse sources and present it in a user-friendly format, offering a one-stop hub for tracking coding competition dates.
</p>
</div>
</div>
</section>
<div class="features reveal">
<div class="card">
<div class="textinside">
<p class="heading">One stop for all your coding challenge dates
</p><p class="para">
CodeQuest is the only website you need to keep track of all your upcoming coding challenges. We list contests from all over the world, for the perfect one for your skill level and interests.
</p>
<button class="btn" onclick="window.open('contests.html')">Start now</button>
</div>
</div>
<div class="card">
<div class="textinside">
<p class="heading">Easy to use
</p><p class="para">
CodeQuest is designed to be easy to use, even for beginners. Our search filters make it easy to find the perfect contest, and our event calendar keeps you up-to-date on the latest dates and deadlines.
</p>
<button class="btn" onclick="window.open('contests.html')">Start now</button>
</div>
</div>
<div class="card">
<div class="textinside">
<p class="heading">Free to use
</p><p class="para">
CodeQuest is completely free to use. We don't charge any fees to browse our listings or register for contests. Lorem ipsum dolor sit amet consectetur. Lorem ipsum dolor sit amet consectetur adipisicing.
</p>
<button class="btn" onclick="window.open('contests.html')">Start now</button>
</div>
</div>
</div>
<div class="middle">
<div class="wrapper">
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="shadow"></div>
<div class="shadow"></div>
<div class="shadow"></div>
</div>
</div>
</body>
<script src="homepage.js"></script>
</html>