-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
84 lines (81 loc) · 6.67 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="/style.css">
<link rel="icon" href="./src/favicon.ico">
<title>Design Hack</title>
</head>
<body>
<div class="preload" id="preload" style="width: 100%; height:100%;">
<svg id="dhack" width="842" height="96" viewBox="0 0 842 96" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M2.60001 3H38C46.88 3 54.76 4.76 61.64 8.28C68.52 11.8 73.84 16.76 77.6 23.16C81.44 29.48 83.36 36.76 83.36 45C83.36 53.24 81.44 60.56 77.6 66.96C73.84 73.28 68.52 78.2 61.64 81.72C54.76 85.24 46.88 87 38 87H2.60001V3ZM37.28 76.56C44.08 76.56 50.04 75.24 55.16 72.6C60.36 69.96 64.36 66.28 67.16 61.56C69.96 56.76 71.36 51.24 71.36 45C71.36 38.76 69.96 33.28 67.16 28.56C64.36 23.76 60.36 20.04 55.16 17.4C50.04 14.76 44.08 13.44 37.28 13.44H14.6V76.56H37.28Z"
stroke="white" stroke-width="4"></path>
<path d="M162.701 76.56V87H101.741V3H161.021V13.44H113.741V39.24H155.861V49.44H113.741V76.56H162.701Z"
stroke="white" stroke-width="4"></path>
<path
d="M206.611 87.96C200.291 87.96 194.171 87 188.251 85.08C182.411 83.08 177.811 80.52 174.451 77.4L178.891 68.04C182.091 70.92 186.171 73.28 191.131 75.12C196.171 76.88 201.331 77.76 206.611 77.76C213.571 77.76 218.771 76.6 222.211 74.28C225.651 71.88 227.371 68.72 227.371 64.8C227.371 61.92 226.411 59.6 224.491 57.84C222.651 56 220.331 54.6 217.531 53.64C214.811 52.68 210.931 51.6 205.891 50.4C199.571 48.88 194.451 47.36 190.531 45.84C186.691 44.32 183.371 42 180.571 38.88C177.851 35.68 176.491 31.4 176.491 26.04C176.491 21.56 177.651 17.52 179.971 13.92C182.371 10.32 185.971 7.44 190.771 5.28C195.571 3.12 201.531 2.04 208.651 2.04C213.611 2.04 218.491 2.68 223.291 3.96C228.091 5.24 232.211 7.08 235.651 9.48L231.691 19.08C228.171 16.84 224.411 15.16 220.411 14.04C216.411 12.84 212.491 12.24 208.651 12.24C201.851 12.24 196.731 13.48 193.291 15.96C189.931 18.44 188.251 21.64 188.251 25.56C188.251 28.44 189.211 30.8 191.131 32.64C193.051 34.4 195.411 35.8 198.211 36.84C201.091 37.8 204.971 38.84 209.851 39.96C216.171 41.48 221.251 43 225.091 44.52C228.931 46.04 232.211 48.36 234.931 51.48C237.731 54.6 239.131 58.8 239.131 64.08C239.131 68.48 237.931 72.52 235.531 76.2C233.131 79.8 229.491 82.68 224.611 84.84C219.731 86.92 213.731 87.96 206.611 87.96Z"
stroke="white" stroke-width="4"></path>
<path d="M256.663 3H268.663V87H256.663V3Z" stroke="white" stroke-width="4"></path>
<path
d="M352.011 44.52H363.531V77.28C359.371 80.72 354.531 83.36 349.011 85.2C343.491 87.04 337.731 87.96 331.731 87.96C323.251 87.96 315.611 86.12 308.811 82.44C302.011 78.68 296.651 73.56 292.731 67.08C288.891 60.52 286.971 53.16 286.971 45C286.971 36.84 288.891 29.48 292.731 22.92C296.651 16.36 302.011 11.24 308.811 7.56C315.691 3.88 323.411 2.04 331.971 2.04C338.691 2.04 344.771 3.16 350.211 5.4C355.731 7.56 360.411 10.76 364.251 15L356.811 22.44C350.091 15.96 341.971 12.72 332.451 12.72C326.051 12.72 320.291 14.12 315.171 16.92C310.131 19.64 306.171 23.48 303.291 28.44C300.411 33.32 298.971 38.84 298.971 45C298.971 51.08 300.411 56.6 303.291 61.56C306.171 66.44 310.131 70.28 315.171 73.08C320.291 75.88 326.011 77.28 332.331 77.28C339.851 77.28 346.411 75.48 352.011 71.88V44.52Z"
stroke="white" stroke-width="4"></path>
<path d="M458.746 3V87H448.906L398.506 24.36V87H386.506V3H396.346L446.746 65.64V3H458.746Z" stroke="white"
stroke-width="4"></path>
<path d="M556.129 3V87H544.129V49.56H495.889V87H483.889V3H495.889V39.12H544.129V3H556.129Z" stroke="white"
stroke-width="4"></path>
<path
d="M634.792 66H590.152L580.912 87H568.552L606.592 3H618.472L656.632 87H644.032L634.792 66ZM630.592 56.4L612.472 15.24L594.352 56.4H630.592Z"
stroke="white" stroke-width="4"></path>
<path
d="M705.551 87.96C697.151 87.96 689.551 86.12 682.751 82.44C676.031 78.68 670.751 73.56 666.911 67.08C663.071 60.52 661.151 53.16 661.151 45C661.151 36.84 663.071 29.52 666.911 23.04C670.751 16.48 676.071 11.36 682.871 7.68C689.671 3.92 697.271 2.04 705.671 2.04C712.231 2.04 718.231 3.16 723.671 5.4C729.111 7.56 733.751 10.8 737.591 15.12L729.791 22.68C723.471 16.04 715.591 12.72 706.151 12.72C699.911 12.72 694.271 14.12 689.231 16.92C684.191 19.72 680.231 23.6 677.351 28.56C674.551 33.44 673.151 38.92 673.151 45C673.151 51.08 674.551 56.6 677.351 61.56C680.231 66.44 684.191 70.28 689.231 73.08C694.271 75.88 699.911 77.28 706.151 77.28C715.511 77.28 723.391 73.92 729.791 67.2L737.591 74.76C733.751 79.08 729.071 82.36 723.551 84.6C718.111 86.84 712.111 87.96 705.551 87.96Z"
stroke="white" stroke-width="4"></path>
<path
d="M782.069 49.68L766.709 65.28V87H754.709V3H766.709V49.92L812.309 3H825.989L790.109 40.8L828.269 87H814.229L782.069 49.68Z"
stroke="white" stroke-width="4"></path>
</svg>
</div>
<nav class="fixed">
<div class="logo">
<a href="index.html"> <img class="lg" src="/src/logo.png" style="width: 3em; height: auto;" alt=""> </a>
</div>
<ul class="nav-links">
<div class="cAlign">
<li><a href="/about.html" class="l_hover mclose" id="">About</a></li>
<li><a href="/work.html" class="l_hover mclose" id="">Work</a></li>
<li><a href="#" data-modal-target="#modal" class="l_hover mclose">Contacts</a></li>
</div>
</ul>
<div class="burger">
<div class="line1 d"></div>
<div class="line2 d"></div>
<div class="line3 d"></div>
</div>
<div id="modal" data-contact-toggle="" class="modal">
<a data-close-button="" href="#" class="close-button "></a>
<div class="modal_body">
<h1 class="cont">Contacts</h1>
<a href="mailto:[email protected]" class="email-text">
<span>[email protected]</span>
</a>
<div class="social"></div>
</div>
</div>
<div id="overlay"></div>
</nav>
<main data-router-wrapper>
<section data-router-view="about" class="about">
<div class="about-content">
<div class="about-presentation"></div>
<h1>test element at 2</h1>
</div>
</section>
</main>
</nav>
<script src="/script.js"></script>
</body>
</html>