-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathindex.html
More file actions
67 lines (64 loc) · 15.2 KB
/
index.html
File metadata and controls
67 lines (64 loc) · 15.2 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Abel&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<title>Document</title>
</head>
<body>
<header id="header-el">
<div id="logo"><img id="logo-pic" src="Images/outertune.webp" alt=""><b>OuterTune</b></div>
<ul id="items">
<li id="hideonDisplay"><button onclick="copyEmail('outertune@protonmail.com')" id="header-btn"><a href="#">Contact </a></button></li>
<li id="hideonDisplay"><button onclick="redirectGithub('https://github.com/DD3Boh/OuterTune/tree/dev')" id="header-btn"><a href="#">Github</a></button></li>
<li id="hideonDisplay"><button id="header-btn"><a href="#testimonials" >Testimonials </a></button></li>
<li class="view-menu" onclick=showSidebar()><a href="#"><svg xmlns="http://www.w3.org/2000/svg" height="28px" viewBox="0 -960 960 960" width="28px" fill="black"><path d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z"/></svg></a></li>
</ul>
</header>
<ul id="sidebar">
<li id="close-btn"><a href=""><svg id="a" xmlns="http://www.w3.org/2000/svg" height="28px" viewBox="0 -960 960 960" width="28px" fill="black"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg></a><li>
<li><a href="" onclick="copyEmail('outertune@protonmail.com')">Contact</a><li>
<li><a href="" onclick="redirectGithub('https://github.com/DD3Boh/OuterTune/tree/dev')" >Github</a><li>
<li><a href="#testimonials">Testimonials</a><li>
</ul>
<main id="hero-section">
<div id="textandButton">
<div id="center-text">
Outertune
<b>Music. Redefined.</b>
</div>
<button id="download-btn">Download Latest</button><br>
<p id="inspiration">Inspired by InnerTune</p>
</div>
<div id="image">
<img id="ui" src="Images/UI.jpg" alt="">
</div>
</main>
<p id="f-title">Why OuterTune?</p>
<main id="features">
<div class="feature-el"><svg id="f-img" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 122.88 122.88" style="enable-background:new 0 0 122.88 122.88" xml:space="preserve"><g><path d="M61.44,0c8.31,0,16.24,1.66,23.49,4.66c7.53,3.12,14.29,7.68,19.96,13.34s10.22,12.43,13.34,19.96 c3,7.24,4.66,15.18,4.66,23.49c0,8.31-1.66,16.24-4.66,23.49c-3.12,7.53-7.68,14.29-13.34,19.96 c-5.66,5.66-12.43,10.22-19.96,13.34c-7.24,3-15.18,4.66-23.49,4.66c-8.31,0-16.24-1.66-23.49-4.66 c-7.53-3.12-14.29-7.68-19.96-13.34C12.34,99.22,7.78,92.45,4.66,84.93C1.66,77.68,0,69.75,0,61.44c0-8.31,1.66-16.24,4.66-23.49 C7.78,30.43,12.34,23.66,18,18c5.66-5.66,12.43-10.22,19.96-13.34C45.2,1.66,53.13,0,61.44,0L61.44,0z M52.15,70.86h-9.84 l-1.41,4.63h-8.86l10.58-28.1h9.5l10.53,28.1h-9.09L52.15,70.86L52.15,70.86z M50.31,64.78l-3.07-10.1l-3.08,10.1H50.31 L50.31,64.78z M64.27,47.39h12.91c2.54,0,4.6,0.35,6.16,1.03c1.56,0.69,2.86,1.68,3.89,2.97c1.02,1.3,1.76,2.79,2.22,4.51 c0.46,1.71,0.69,3.53,0.69,5.44c0,3-0.34,5.33-1.03,6.99c-0.68,1.65-1.63,3.04-2.85,4.16c-1.22,1.12-2.52,1.86-3.91,2.24 c-1.9,0.51-3.63,0.77-5.17,0.77H64.27V47.39L64.27,47.39z M72.94,53.75v15.35h2.13c1.82,0,3.11-0.2,3.89-0.6 c0.77-0.41,1.37-1.11,1.81-2.11c0.44-1.01,0.65-2.63,0.65-4.88c0-2.98-0.48-5.01-1.46-6.11c-0.97-1.1-2.59-1.65-4.85-1.65H72.94 L72.94,53.75z M102.19,31.54L89.95,43.79l-11.11-4.31l16-16c-4.3-3.8-9.25-6.86-14.65-9.02c-5.78-2.31-12.11-3.57-18.74-3.57 c-6.84,0-13.36,1.36-19.31,3.82c-6.18,2.56-11.74,6.32-16.41,10.98c-4.66,4.66-8.42,10.23-10.98,16.41 c-2.46,5.94-3.82,12.46-3.82,19.31c0,6.62,1.27,12.93,3.57,18.71c2.16,5.42,5.23,10.38,9.02,14.68l12.21-12.21l12.17,3.26 l-16.32,16.32c3.99,2.93,8.43,5.29,13.18,6.95c5.22,1.83,10.83,2.82,16.68,2.82c6.84,0,13.36-1.36,19.31-3.82 c6.18-2.56,11.74-6.32,16.41-10.98c4.66-4.66,8.42-10.23,10.98-16.41c2.46-5.94,3.82-12.46,3.82-19.31 c0-5.87-0.99-11.48-2.81-16.69C107.48,39.97,105.12,35.54,102.19,31.54L102.19,31.54z"/></g></svg><p>No ads! </p></div>
<div class="feature-el"><svg id="f-img" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 96.44"><title>open-book</title><path d="M12,73.51q.2-34.74.39-69.38A3.21,3.21,0,0,1,15,1h0C23.4-.75,36.64-.31,45.63,3.14a35.46,35.46,0,0,1,16,11.65,37.34,37.34,0,0,1,16-11.15C86.12.4,99-.38,108.23,1A3.2,3.2,0,0,1,111,4.14h0V73.8A3.21,3.21,0,0,1,107.77,77a3.49,3.49,0,0,1-.74-.09A53.45,53.45,0,0,0,83.58,79.1a71,71,0,0,0-15.77,8.26,69.09,69.09,0,0,1,21.24-3.1,125.42,125.42,0,0,1,27.41,3.48V14.84h3.21a3.21,3.21,0,0,1,3.21,3.21V91.94a3.21,3.21,0,0,1-3.21,3.21,3.18,3.18,0,0,1-1-.17A121.77,121.77,0,0,0,89,90.65a61.89,61.89,0,0,0-25.76,5.26,3.39,3.39,0,0,1-3.64,0,61.86,61.86,0,0,0-25.76-5.26A121.77,121.77,0,0,0,4.24,95a3.18,3.18,0,0,1-1,.17A3.21,3.21,0,0,1,0,91.94V18.05a3.21,3.21,0,0,1,3.21-3.21H6.42v72.9a125.42,125.42,0,0,1,27.41-3.48,68.84,68.84,0,0,1,22.71,3.57A48.7,48.7,0,0,0,41,79.39c-7-2.3-17.68-3.07-25.49-2.4A3.21,3.21,0,0,1,12,74.06a5,5,0,0,1,0-.55ZM73.64,64.4a2.3,2.3,0,1,1-2.5-3.85,51.46,51.46,0,0,1,11.8-5.4,53.73,53.73,0,0,1,13-2.67,2.29,2.29,0,1,1,.25,4.58,49.42,49.42,0,0,0-11.79,2.46A46.73,46.73,0,0,0,73.64,64.4Zm.2-17.76a2.29,2.29,0,0,1-2.46-3.87,52.71,52.71,0,0,1,11.74-5.3A54.12,54.12,0,0,1,95.9,34.85a2.3,2.3,0,0,1,.25,4.59,49.3,49.3,0,0,0-11.63,2.4,48,48,0,0,0-10.68,4.8Zm.06-17.7a2.3,2.3,0,1,1-2.46-3.89,52.54,52.54,0,0,1,11.72-5.27,53.71,53.71,0,0,1,12.74-2.6,2.29,2.29,0,1,1,.25,4.58,49.35,49.35,0,0,0-11.59,2.39A47.91,47.91,0,0,0,73.9,28.94ZM51.74,60.55a2.3,2.3,0,1,1-2.5,3.85,46.73,46.73,0,0,0-10.72-4.88,49.42,49.42,0,0,0-11.79-2.46A2.29,2.29,0,1,1,27,52.48a53.73,53.73,0,0,1,13,2.67,51.46,51.46,0,0,1,11.8,5.4ZM51.5,42.77A2.29,2.29,0,0,1,49,46.64a48,48,0,0,0-10.68-4.8,49.3,49.3,0,0,0-11.63-2.4A2.3,2.3,0,0,1,27,34.85a54.12,54.12,0,0,1,12.78,2.62,52.71,52.71,0,0,1,11.74,5.3Zm-.06-17.72A2.3,2.3,0,1,1,49,28.94a47.91,47.91,0,0,0-10.66-4.79,49.35,49.35,0,0,0-11.59-2.39A2.29,2.29,0,1,1,27,17.18a53.71,53.71,0,0,1,12.74,2.6,52.54,52.54,0,0,1,11.72,5.27ZM104.56,7c-7.42-.7-18.06.12-24.73,2.65A30,30,0,0,0,64.7,21.46V81.72a76.76,76.76,0,0,1,16.72-8.66,62.85,62.85,0,0,1,23.14-2.87V7ZM58.28,81.1V21.37c-3.36-5.93-8.79-9.89-14.93-12.24-7-2.67-17.75-3.27-24.56-2.3l-.36,63.56c7.43-.27,17.69.68,24.52,2.91a54.94,54.94,0,0,1,15.33,7.8Z"/></svg><p>It's open source</p></div>
<div class="feature-el"><svg id="f-img" xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 482 511.93"><path fill-rule="nonzero" d="m277.15 355.47-129.39-67.81L115.79 327c47.18 24.94 89.8 47.83 137 72.79l24.36-44.32zM191.5 208.38c4.84 0 8.77 3.92 8.77 8.76s-3.93 8.77-8.77 8.77-8.76-3.93-8.76-8.77 3.92-8.76 8.76-8.76zm185.52 9.13c4.84 0 8.76 3.92 8.76 8.76s-3.92 8.77-8.76 8.77c-4.85 0-8.77-3.93-8.77-8.77s3.92-8.76 8.77-8.76zm74.65-148.53c5.38 0 9.74 4.36 9.74 9.75 0 5.38-4.36 9.74-9.74 9.74s-9.74-4.36-9.74-9.74c0-5.39 4.36-9.75 9.74-9.75zm-274.01 9.88c6.35 0 11.49 5.15 11.49 11.5s-5.14 11.49-11.49 11.49c-6.35 0-11.5-5.14-11.5-11.49 0-6.35 5.15-11.5 11.5-11.5zm-34.45 89.91c7.17 0 12.98 5.81 12.98 12.98 0 7.16-5.81 12.97-12.98 12.97-7.16 0-12.97-5.81-12.97-12.97 0-7.17 5.81-12.98 12.97-12.98zM231.86 0l17.02 29.17 32.89-2.76-21 24.78 12.54 30.75-30.13-12.48-24.72 21.12 2.21-32.72-28.62-17.44 33.19-7.38L231.86 0zm118.07 161.29c4.84 0 8.77 3.92 8.77 8.77 0 4.84-3.93 8.76-8.77 8.76s-8.77-3.92-8.77-8.76c0-4.85 3.93-8.77 8.77-8.77zm82.72 38.11-1.25-.35c2.88-10.22 1.58-20.22-3.91-30-5.48-9.79-13.33-16.12-23.54-19l.35-1.25c10.22 2.88 20.21 1.58 30-3.93 9.79-5.5 16.13-13.34 18.99-23.52l1.26.35c-2.88 10.22-1.58 20.21 3.9 30 5.49 9.79 13.34 16.12 23.55 19l-.35 1.25c-10.22-2.88-20.22-1.58-30 3.9-9.79 5.49-16.12 13.34-19 23.55zm-61.45-98.38h-1.62c0-13.19-4.93-24.73-14.8-34.59-9.86-9.87-21.4-14.8-34.6-14.8v-1.62c13.2 0 24.74-4.93 34.6-14.82 9.87-9.89 14.8-21.42 14.8-34.58h1.62c0 13.2 4.93 24.73 14.8 34.6 9.87 9.87 21.4 14.8 34.6 14.8v1.62c-13.2 0-24.73 4.93-34.6 14.8-9.87 9.86-14.8 21.4-14.8 34.59zM68.87 128.06l-1.44.75c-6.12-11.69-15.84-19.62-29.16-23.78s-25.82-3.18-37.52 2.94L0 106.54c11.7-6.13 19.62-15.85 23.77-29.18 4.15-13.34 3.17-25.85-2.93-37.5l1.43-.75C28.4 50.8 38.12 58.73 51.44 62.89c13.31 4.16 25.82 3.18 37.51-2.94l.75 1.43C78.01 67.5 70.08 77.23 65.92 90.54c-4.16 13.32-3.18 25.83 2.95 37.52zM291.4 287.62a6.511 6.511 0 0 1-5.98 3.69c-1.08.75-2.4 1.17-3.81 1.14-.48-.01-.94-.07-1.39-.18a6.5 6.5 0 0 1-8.2-3.94c-14.91-41.24-38.21-76.53-67.05-105.6-31.26-31.53-69.05-55.8-109.73-72.53-3.32-1.36-4.9-5.16-3.54-8.48 1.37-3.32 5.17-4.9 8.48-3.54 42.24 17.37 81.5 42.6 114.01 75.38 20.91 21.08 39.03 45.29 53.37 72.53L244.59 98.46c-.55-3.55 1.88-6.87 5.42-7.41a6.495 6.495 0 0 1 7.41 5.42l22.67 145.62c2.81-14.15 6.76-28.09 11.66-41.7 10.98-30.51 26.68-59.38 44.9-85.52a6.495 6.495 0 0 1 9.06-1.63c2.96 2.05 3.68 6.11 1.63 9.06-17.66 25.35-32.83 53.21-43.36 82.47-7.01 19.47-11.99 39.6-14.31 60.05 10.23-15.34 25.53-33.46 45.01-50.01 20.18-17.15 44.95-32.73 73.34-41.94 3.42-1.11 7.09.76 8.2 4.18a6.507 6.507 0 0 1-4.18 8.2c-26.61 8.64-49.91 23.31-68.95 39.49-26 22.09-43.97 46.81-51.69 62.88zM187.97 261.3l-30.77 14.87 126.99 66.84 127.01-66.97-27.9-13.98c4.13-3.04 8.31-5.97 12.49-8.8l23.44 10.08 37.73-35.71-12.34-6.54c3.18-2.29 6.18-4.55 8.94-6.82l19.76 10.44c.44.24.85.54 1.22.92a4.982 4.982 0 0 1-.06 7.06l-44.81 44.02 43.4 51.94a5.015 5.015 0 0 1-.63 7.04c-.32.26-.66.49-1.02.66l-38.96 20.6v77.21a5.01 5.01 0 0 1-3.09 4.62l-140.86 71.5a4.97 4.97 0 0 1-3.7 1.65c-1.96 0-3.65-1.12-4.47-2.76l-141.13-70.55a4.984 4.984 0 0 1-2.76-4.46l-.02-76.83-39.69-20.98c-.36-.17-.69-.4-1.01-.66a4.997 4.997 0 0 1-.63-7.04l42.28-50.59-49.05-46.48c-1.82-2.07-1.6-5.22.47-7.04.31-.26.62-.49.96-.66l22.88-12.95c3.05 2.91 5.97 5.39 8.53 7.34l-15.75 8.8 41.39 37.97 36.57-17.7c1.5 4.72 3.04 9.43 4.59 13.96zm232.81 27.53-126.5 63.38 27.88 48.05 133.28-69.41-34.66-42.02z"/></svg><p>Feature Rich</p></div>
<div class="feature-el"><svg id="f-img" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 92.31 122.88" style="enable-background:new 0 0 92.31 122.88" xml:space="preserve"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><g><path class="st0" d="M46.16,69.11l3.6,8.8l9.48,0.7l-7.26,6.15L54.24,94l-8.09-5l-8.09,5l2.26-9.24l-7.26-6.15l9.48-0.7 L46.16,69.11L46.16,69.11z M46.84,3.6c0.32-1.64,1.17-2.69,2.33-3.23c0.94-0.43,2.03-0.48,3.17-0.18c0.99,0.26,2.03,0.79,3.03,1.55 c2.7,2.05,5.23,5.93,5.55,10.77c0.1,1.49,0.07,3.08-0.07,4.77c-0.09,1.12-0.24,2.29-0.43,3.51H71.9l0.05,0.01 c1.87,0.07,3.67,0.53,5.2,1.33c1.32,0.69,2.43,1.63,3.2,2.81c0.79,1.21,1.23,2.65,1.16,4.29c-0.05,1.22-0.37,2.54-1.04,3.96 c0.38,1.59,0.56,3.29,0.31,4.79c-0.21,1.27-0.7,2.4-1.59,3.24c0.05,2.1-0.23,3.86-0.8,5.39c-0.58,1.57-1.45,2.87-2.57,4.02 c-0.1,1.01-0.26,1.97-0.51,2.87c-0.32,1.13-0.78,2.17-1.43,3.08l0,0c-1.96,2.76-3.52,2.7-6,2.6c-0.34-0.01-0.72-0.03-1.29-0.03 l-22.47,0c-2.02,0-3.61-0.29-5.06-1.02c-1.44-0.72-2.66-1.82-3.97-3.46l-0.34-0.95V27.5l1.14-0.31c2.9-0.78,5.18-3.26,6.95-6.22 c1.82-3.05,3.1-6.62,3.97-9.5V3.89L46.84,3.6L46.84,3.6L46.84,3.6z M13.09,24.77h16.74c1.27,0,2.3,1.04,2.3,2.3v30.61 c0,1.27-1.04,2.3-2.3,2.3l-16.74,0c-1.27,0-2.3-1.04-2.3-2.3V27.07C10.79,25.8,11.82,24.77,13.09,24.77L13.09,24.77L13.09,24.77z M50.45,3.15c-0.25,0.11-0.45,0.4-0.57,0.9v7.64l-0.07,0.44c-0.93,3.09-2.31,7.01-4.35,10.42c-1.92,3.21-4.41,5.96-7.64,7.24v23.38 c0.89,1.05,1.71,1.77,2.6,2.21c0.99,0.49,2.15,0.69,3.69,0.69l22.47,0c0.4,0,0.92,0.02,1.41,0.04c1.47,0.06,2.4,0.1,3.39-1.31V54.8 c0.43-0.61,0.75-1.33,0.98-2.14c0.24-0.86,0.38-1.81,0.45-2.83l0.47-1.01c0.99-0.94,1.75-1.99,2.23-3.29 c0.49-1.33,0.71-2.94,0.59-4.95l-0.05-0.91l0.77-0.48c0.53-0.33,0.82-0.95,0.94-1.71c0.2-1.21-0.01-2.69-0.39-4.07l0.12-1.11 c0.62-1.19,0.92-2.26,0.96-3.19c0.04-0.97-0.21-1.81-0.67-2.51c-0.48-0.73-1.19-1.33-2.05-1.78c-1.11-0.58-2.44-0.91-3.84-0.97v0 l-15.15,0l0.34-1.82c0.33-1.76,0.57-3.43,0.7-5.02c0.13-1.56,0.16-3,0.07-4.31c-0.26-3.87-2.24-6.93-4.35-8.54 c-0.67-0.51-1.34-0.86-1.95-1.02C51.11,3.03,50.72,3.03,50.45,3.15L50.45,3.15L50.45,3.15z M29.62,97.99l3.6,8.8l9.48,0.7 l-7.26,6.15l2.26,9.24l-8.09-5l-8.09,5l2.26-9.24l-7.26-6.15l9.48-0.7L29.62,97.99L29.62,97.99z M62.69,97.99l3.6,8.8l9.48,0.7 l-7.26,6.15l2.26,9.24l-8.09-5l-8.09,5l2.26-9.24l-7.26-6.15l9.48-0.7L62.69,97.99L62.69,97.99z M79.22,69.11l3.6,8.8l9.48,0.7 l-7.26,6.15L87.31,94l-8.09-5l-8.09,5l2.26-9.24l-7.26-6.15l9.48-0.7L79.22,69.11L79.22,69.11z M13.09,69.11l3.6,8.8l9.48,0.7 l-7.26,6.15L21.17,94l-8.09-5L5,94l2.26-9.24L0,78.61l9.48-0.7L13.09,69.11L13.09,69.11z"/></g></svg><p>Trusted by 1k+</p></div>
</main>
<main id="testimonials">
<div id="t-el">
<div id="pfp" class="pfp1"></div><p>The best music player ever. The fact that I can sync my playlists from YTMusic is such a life saver! </p> <p>-X</p>
</div>
<div id="t-el">
<div id="pfp" class="pfp2"></div><p>The pitch feature is really a handy one and its just scratching the surface definitely giving this one a 11/10 </p> <p>-X</p>
</div>
<div id="t-el">
<div id="pfp" class="pfp3"></div><p>OuterTune helped me cancel my music subscriptions and better invest my money into something else! </p> <p>-X</p>
</div>
</main>
<footer id="footer-el">
<p id="dev">Designed and developed with love by Juraij Ahmed ❤️</p><svg id="github-pic" xmlns="http://www.w3.org/2000/svg" width="64" height="64" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 640 640"><path d="M319.988 7.973C143.293 7.973 0 151.242 0 327.96c0 141.392 91.678 261.298 218.826 303.63 16.004 2.964 21.886-6.957 21.886-15.414 0-7.63-.319-32.835-.449-59.552-89.032 19.359-107.8-37.772-107.8-37.772-14.552-36.993-35.529-46.831-35.529-46.831-29.032-19.879 2.209-19.442 2.209-19.442 32.126 2.245 49.04 32.954 49.04 32.954 28.56 48.922 74.883 34.76 93.131 26.598 2.882-20.681 11.15-34.807 20.315-42.803-71.08-8.067-145.797-35.516-145.797-158.14 0-34.926 12.52-63.485 32.965-85.88-3.33-8.078-14.291-40.606 3.083-84.674 0 0 26.87-8.61 88.029 32.8 25.512-7.075 52.878-10.642 80.056-10.76 27.2.118 54.614 3.673 80.162 10.76 61.076-41.386 87.922-32.8 87.922-32.8 17.398 44.08 6.485 76.631 3.154 84.675 20.516 22.394 32.93 50.953 32.93 85.879 0 122.907-74.883 149.93-146.117 157.856 11.481 9.921 21.733 29.398 21.733 59.233 0 42.792-.366 77.28-.366 87.804 0 8.516 5.764 18.473 21.992 15.354 127.076-42.354 218.637-162.274 218.637-303.582 0-176.695-143.269-319.988-320-319.988l-.023.107z"/></svg>
</footer>
<script src="main.js"></script>
</body>
</html>