-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
25 lines (23 loc) · 4.61 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Logo</title>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<main class="main-wrapper">
<svg class="full-svg" viewBox="0 0 276 350" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- Ears and neck -->
<path class="ears-neck" d="M174 260.7a84.8 84.8 0 01-42 11.3 84.6 84.6 0 01-41-10.8V295h83v-34.3zM223.4 73A28 28 0 00237 48.5c0-15.2-11.2-27.5-25-27.5a24 24 0 00-18.4 8.9 131.3 131.3 0 0129.8 43zM70.4 29.9A24 24 0 0052 21c-13.8 0-25 12.3-25 27.5A28 28 0 0040.6 73c7.5-17 17.6-31.7 29.8-43.1z" fill="#000"/>
<!-- Face excluding features -->
<path class="face" fill-rule="evenodd" clip-rule="evenodd" d="M237 136c0 75.1-47 136-105 136S27 211.1 27 136 74 0 132 0s105 60.9 105 136zM121 87.5c0 15.2-11.2 27.5-25 27.5s-25-12.3-25-27.5S82.2 60 96 60s25 12.3 25 27.5zm47 27.5c13.8 0 25-12.3 25-27.5S181.8 60 168 60s-25 12.3-25 27.5 11.2 27.5 25 27.5zm-35.5 0l19.5 51.8h-39l19.5-51.8zM84 194a5 5 0 000 10h97a5 5 0 000-10H84z" fill="#000"/>
<!-- Facial features + Text -->
<path class="features-text" d="M8.8 329.3c0-.7-.2-1.3-.6-1.7-.4-.4-1.1-.8-2.1-1.2a18 18 0 01-2.5-1.3 6 6 0 01-3.1-5.3c0-1.2.2-2.2.8-3 .5-1 1.2-1.6 2.2-2a6.9 6.9 0 016.2 0c1 .5 1.7 1.3 2.2 2.2.5 1 .7 2.1.7 3.4H8.8c0-.9-.2-1.5-.6-2a2 2 0 00-1.6-.7c-.7 0-1.3.2-1.7.6a2 2 0 00-.6 1.5c0 .5.2 1 .7 1.4.4.4 1.2.9 2.3 1.3L10 324c1.8 1.3 2.6 3 2.6 5.3 0 1.7-.5 3.2-1.6 4.2a6 6 0 01-4.3 1.5c-1.3 0-2.5-.3-3.5-.9a6 6 0 01-2.4-2.4c-.5-1-.8-2.3-.8-3.6h3.9c0 1 .2 1.9.6 2.4.5.5 1.2.8 2.2.8.6 0 1.1-.2 1.5-.5.4-.4.6-.9.6-1.5zM28 334.7H24v-8.5h-5.6v8.5h-3.9v-20.4h3.9v8.1H24v-8.1H28v20.4zM44 325c0 2-.3 3.7-.9 5.2a7.9 7.9 0 01-2.5 3.6c-1 .8-2.2 1.2-3.6 1.2s-2.6-.4-3.6-1.2c-1-.8-1.9-2-2.5-3.4-.6-1.5-.9-3.2-1-5.1V324c0-2 .4-3.8 1-5.3a7.9 7.9 0 012.4-3.5c1-.9 2.3-1.3 3.7-1.3 1.3 0 2.5.4 3.6 1.2 1 .9 1.9 2 2.5 3.6.6 1.5.9 3.2.9 5.2v1zm-4-1c0-2-.2-3.5-.7-4.5-.6-1.1-1.3-1.6-2.3-1.6-2 0-3 1.8-3 5.5v1.5c0 2 .2 3.6.7 4.6.5 1.1 1.3 1.7 2.3 1.7 1 0 1.7-.6 2.3-1.6.5-1 .8-2.6.8-4.6v-1zM58.4 327.1l1.8-12.8H64l-3.4 20.4h-4l-2.1-11.6-2.1 11.6h-4L45 314.3h3.8l1.9 12.8 2.2-12.8H56l2.3 12.8zM76.2 314.3l3.6 14.2 3.6-14.2h5v20.4h-3.8V330l.3-9.7-3.8 14.5h-2.6l-3.9-14.5.4 9.8v4.7h-3.8v-20.4h5zM100.8 326h-6v5h7.1v3.7H91v-20.4h11v3.8h-7.1v4.3h6v3.7zM121.5 327.1l1.8-12.8h3.9l-3.4 20.4h-4l-2.2-11.6-2 11.6h-4l-3.5-20.4h3.9l1.8 12.8 2.2-12.8h3.3l2.2 12.8zM142 334.7h-3.8v-8.5h-5.7v8.5h-3.8v-20.4h3.8v8.1h5.7v-8.1h3.9v20.4zM153.8 330.9h-5.3l-1 3.8h-4l5.8-20.4h3.7l5.9 20.4h-4.2l-1-3.8zm-4.4-3.8h3.5l-1.8-7-1.7 7zM171.3 318.1h-4.8v16.6h-3.9v-16.6H158v-3.8h13.4v3.8zM183.7 323.2l3-8.9h4.2l-5.2 13v7.4h-4v-7.3l-5-13.1h4l3 8.9zM205.2 325c0 2-.2 3.7-.8 5.2a7.9 7.9 0 01-2.5 3.6c-1 .8-2.3 1.2-3.6 1.2-1.4 0-2.6-.4-3.7-1.2-1-.8-1.8-2-2.4-3.4-.6-1.5-1-3.2-1-5.1V324c0-2 .3-3.8.9-5.3a7.9 7.9 0 012.5-3.5c1-.9 2.3-1.3 3.6-1.3 1.4 0 2.6.4 3.7 1.2 1 .9 1.9 2 2.4 3.6.6 1.5 1 3.2 1 5.2v1zm-3.9-1c0-2-.2-3.5-.8-4.5-.5-1.1-1.3-1.6-2.3-1.6-1.9 0-3 1.8-3 5.5v1.5c0 2 .2 3.6.7 4.6.6 1.1 1.3 1.7 2.4 1.7 1 0 1.7-.6 2.2-1.6.5-1 .8-2.6.8-4.6v-1zM219.8 314.3v13.4c0 1.5-.3 2.8-.8 4-.5 1-1.2 1.9-2.1 2.4-1 .6-2.1.9-3.4.9-2 0-3.5-.6-4.6-2a8 8 0 01-1.7-5.2v-13.5h3.9v13.6c0 2.2.8 3.3 2.4 3.3.8 0 1.4-.3 1.8-.8.4-.6.6-1.5.6-2.8v-13.3h3.9zM241 332.2c-.7.8-1.5 1.5-2.7 2a9 9 0 01-3.7.8 6 6 0 01-5-2.5c-1.3-1.6-2-3.9-2-6.8V324c0-2 .2-3.7.7-5.2a7.6 7.6 0 012.4-3.5c1-.8 2.3-1.2 3.6-1.2 2 0 3.6.6 4.7 1.8a8.3 8.3 0 012 5.2h-3.8c-.1-1.2-.4-2-.9-2.5-.4-.5-1-.7-1.8-.7-1 0-1.8.5-2.3 1.6-.5 1-.8 2.5-.8 4.4v1.3c0 2 .3 3.6.8 4.6.6 1 1.4 1.5 2.6 1.5 1 0 1.8-.3 2.3-.8v-3.2h-2.7v-3.4h6.5v8.4zM256.7 325c0 2-.3 3.7-.9 5.2a7.9 7.9 0 01-2.4 3.6c-1 .8-2.3 1.2-3.7 1.2-1.3 0-2.5-.4-3.6-1.2-1-.8-1.9-2-2.5-3.4-.6-1.5-.9-3.2-.9-5.1V324c0-2 .3-3.8.9-5.3a7.9 7.9 0 012.4-3.5c1.1-.9 2.3-1.3 3.7-1.3 1.4 0 2.6.4 3.6 1.2 1.1.9 2 2 2.5 3.6.6 1.5 1 3.2 1 5.2v1zm-4-1c0-2-.2-3.5-.7-4.5-.5-1.1-1.3-1.6-2.3-1.6-2 0-3 1.8-3 5.5v1.5c0 2 .2 3.6.7 4.6.5 1.1 1.3 1.7 2.3 1.7 1 0 1.8-.6 2.3-1.6.5-1 .8-2.6.8-4.6v-1zM270.3 318.1h-4.8v16.6h-3.8v-16.6h-4.8v-3.8h13.4v3.8zM275.5 328.3h-3l-.5-14h4l-.5 14zm-3.6 4.3c0-.7.2-1.3.6-1.7.4-.4.9-.7 1.4-.7.6 0 1.1.3 1.5.7.4.4.6 1 .6 1.7s-.2 1.3-.6 1.7c-.4.5-.9.7-1.5.7-.5 0-1-.2-1.4-.7-.4-.4-.6-1-.6-1.7zM121 87.5c0 15.2-11.2 27.5-25 27.5s-25-12.3-25-27.5S82.2 60 96 60s25 12.3 25 27.5zM193 87.5c0 15.2-11.2 27.5-25 27.5s-25-12.3-25-27.5S154.2 60 168 60s25 12.3 25 27.5zM132.6 114.5l20 54.2h-40l20-54.2zM79 199a5 5 0 015-5h97a5 5 0 010 10H84a5 5 0 01-5-5z" fill="#000"/>
</svg>
<button class="page-button">Click Me</button>
</main>
<script src="js/script.js"></script>
</body>
</html>