-
Notifications
You must be signed in to change notification settings - Fork 8
/
Copy path404.html
85 lines (74 loc) · 6.52 KB
/
404.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
<!-- Page Content -->
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="apple-touch-icon" sizes="180x180" href="./favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./favicon/favicon-16x16.png">
<link rel="manifest" href="./favicon/site.webmanifest">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Codezilla</title>
<link href="../vector.css" rel="stylesheet" type="text/css" />
<link href="../menu.css" rel="stylesheet" type="text/css" />
</head>
<body onload="myFunction()">
<style>
html,
body {
color: #fff;
background: #1f1f1f;
}
h1 {
margin: 0;
position: absolute;
top: 50%;
transform: translateY(-55%);
width: 100%;
text-align: center;
letter-spacing: 7rem;
font-size: 15rem;
}
</style>
<input type="checkbox" id="navi-toggle" class="checkbox" />
<label for="navi-toggle" class="button">
<span class="icon"> </span>
</label>
<div class="background"></div>
<nav class="nav">
<ul class="list">
<li class="item"> <a href="./home.html" class="link">
<svg class="nav-icon" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.0001 16.0002V11.0002H12.0001V16.0002C12.0001 16.5502 12.4501 17.0002 13.0001 17.0002H16.0001C16.5501 17.0002 17.0001 16.5502 17.0001 16.0002V9.00021H18.7001C19.1601 9.00021 19.3801 8.43022 19.0301 8.13022L10.6701 0.600215C10.2901 0.260215 9.7101 0.260215 9.3301 0.600215L0.970098 8.13022C0.630098 8.43022 0.840098 9.00021 1.3001 9.00021H3.0001V16.0002C3.0001 16.5502 3.4501 17.0002 4.0001 17.0002H7.0001C7.5501 17.0002 8.0001 16.5502 8.0001 16.0002Z" fill="white"/>
</svg>
Home
</a></li>
<li class="item"> <a href="./about.html" class="link">
<svg class="nav-icon" viewBox="0 0 22 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.5 0.5C14.55 0.5 12.45 0.9 11 2C9.55 0.9 7.45 0.5 5.5 0.5C4.05 0.5 2.51 0.72 1.22 1.29C0.49 1.62 0 2.33 0 3.14V14.42C0 15.72 1.22 16.68 2.48 16.36C3.46 16.11 4.5 16 5.5 16C7.06 16 8.72 16.26 10.06 16.92C10.66 17.22 11.34 17.22 11.93 16.92C13.27 16.25 14.93 16 16.49 16C17.49 16 18.53 16.11 19.51 16.36C20.77 16.69 21.99 15.73 21.99 14.42V3.14C21.99 2.33 21.5 1.62 20.77 1.29C19.49 0.72 17.95 0.5 16.5 0.5V0.5ZM20 13.23C20 13.86 19.42 14.32 18.8 14.21C18.05 14.07 17.27 14.01 16.5 14.01C14.8 14.01 12.35 14.66 11 15.51V4C12.35 3.15 14.8 2.5 16.5 2.5C17.42 2.5 18.33 2.59 19.2 2.78C19.66 2.88 20 3.29 20 3.76V13.23Z" fill="white"/>
</svg>
Our Story
</a> </li>
<li class="item"> <a href="./contact.html" class="link">
<svg class="nav-icon" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 0H2C0.9 0 0.00999999 0.9 0.00999999 2L0 20L4 16H18C19.1 16 20 15.1 20 14V2C20 0.9 19.1 0 18 0ZM5 7H15C15.55 7 16 7.45 16 8C16 8.55 15.55 9 15 9H5C4.45 9 4 8.55 4 8C4 7.45 4.45 7 5 7ZM11 12H5C4.45 12 4 11.55 4 11C4 10.45 4.45 10 5 10H11C11.55 10 12 10.45 12 11C12 11.55 11.55 12 11 12ZM15 6H5C4.45 6 4 5.55 4 5C4 4.45 4.45 4 5 4H15C15.55 4 16 4.45 16 5C16 5.55 15.55 6 15 6Z" fill="white"/>
</svg>
Contact Us
</a> </li>
<li class="item"> <a href="./activities.html" class="link">
<svg class="nav-icon" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13 9.53C12.71 9.24 12.23 9.24 11.94 9.53L7.59 13.88L6 12.29C5.71 12 5.23 12 4.94 12.29C4.65 12.58 4.65 13.06 4.94 13.35L6.88 15.29C7.27 15.68 7.9 15.68 8.29 15.29L12.99 10.59C13.29 10.3 13.29 9.82 13 9.53V9.53ZM16 2H15V1C15 0.45 14.55 0 14 0C13.45 0 13 0.45 13 1V2H5V1C5 0.45 4.55 0 4 0C3.45 0 3 0.45 3 1V2H2C0.89 2 0.00999999 2.9 0.00999999 4L0 18C0 19.1 0.89 20 2 20H16C17.1 20 18 19.1 18 18V4C18 2.9 17.1 2 16 2ZM15 18H3C2.45 18 2 17.55 2 17V7H16V17C16 17.55 15.55 18 15 18Z" fill="white"/>
</svg>
Activities
</a> </li>
</ul>
</nav>
<main>
<!-- Optimized svg w/ merged paths -->
<h1>4 4</h1>
<svg class="sketch" viewBox="0 0 332 800" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="m164.55 0c-1.469 68.326 3.266 266.23-17.958 310.81-5.344 11.225 2.292 14.203 5.878 16.325 19.315 5.299 38.86 7.365 57.221 16.162 44.184 21.172 60.392 86.917 21.141 121.14-28.127 24.521-71.385 33.082-105.46 16.326-25.912-12.741-41.608-32.935-43.263-61.303-0.2794-4.789 0-17.535-1.6414-16.734-14.667-3.651-26.938-6.341-36.169-21.876-7.2191-12.149 31.723-10.346 36.169-10.346 19.434 0 30.821 11.515 50.128 12.679 5.963 0.359 28.214-0.914 33.957-3.617 5.424-2.553-21.332-12.622-21.713-12.919m0 0c-12.856-10.024-25.603-20.41-39.344-29.223-5.6765-3.64-9.7659-4.988-12.944-5.317-3.5329-0.365-12.759 0.211-16.55-0.805-7.7881-2.086-7.5441-17.644-7.427-23.088 0.0888-4.131 0-6.577-1.3414-13.153-1.6428-8.054-9.6191 0-16.634 6.576-9.1603 8.588-22.009 24.706-28.085 38.481-14.183 32.157-18.436 55.656-17.349 90.414 0.67048 21.455 17.649 58.114 31.817 74.969 21.186 25.204 35.437 39.009 66.749 53.815 28.278 13.372 70.743 17.31 100.62 8.054 28.307-8.771 59.098-22.036 80.012-43.017 22.566-22.64 37.804-50.37 42.855-81.107 7.24-44.063 6.247-76.599-28.388-123.54-6.565-8.897-13.838-18.074-6.247 1.107 14.358 36.279 11.947 69.489-0.972 93.492-22.712 54.583-84.41 85.808-142.72 70.805-18.742-4.823-35.731-17.099-45.266-33.759-1.6781-4.842-12.057-17.536-6.7959-33.21 9.7549-15.42 27.62-21.592 56.337-20.495 7.891-9.426 11.09-7.592 16.656-16.801 0-3.257-15.346-10.146-24.979-14.203zm0 0c-12.244-9.592-21.135-15.14-30.202-24.652m0 0c8.3-10.693 44.469-9.888 48.324-18.856 1.04-5.013 0-5.39 3.591-21.502 5.378-30.141 32.669-46.472 32.669-46.472s16.331-10.193 27.84-11.399c6.832-0.715 7.453 0 4.932 6.905-3.836 17.647 8.746 25.668 15.371 35.817 7.9 12.104 16.628 23.637 23.019 36.651 7.723 15.727 15.696 32.091 21.223 48.732 9.033 27.196 17.746 56.517 10.508 84.089-8.243 31.395-31.091 56.207-60.173 71.681-30.676 16.322-62.981 26.524-103.8 16.331-66.608-14.358-124.91-61.34-133.13-125.83 0.14962-44.608 19.498-105.44 58.079-126.28 5.9977-5.678 6.2127 27.354 6.2127 29.059 0 10.172 5.6602 10.946 5.6602 10.946 9.8825-11.037 18.658-19.982 31.175-28.244 8.496-4.404 7.125-4.733 4.933 4.584-1.425 11.289-1.425 9.474-1.425 20.167 0 4.512 2.048 16.362 4.988 13.614zm0 0c8.481-7.925 20.573-9.335 31.59-10.693 5.844-0.72 2.66-0.955 18.469 11.346 36.169 31.657 20.934 62.565 14.264 97.954-5.292 28.072-11.768 67.273-12.408 96.465-0.741 33.84 0 224.14 0 262.94" stroke="white" stroke-width="5" stroke-linecap="round" />
</svg>
</main>
<script src="script.js"></script>
</html>