init
This commit is contained in:
grinikita
commit
a19a57eea3
1
.gitignore
vendored
Normal file
1
.gitignore
vendored
Normal file
@ -0,0 +1 @@
|
||||
.idea
|
||||
33
creators.html
Normal file
33
creators.html
Normal file
@ -0,0 +1,33 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>Document</title>
|
||||
|
||||
<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=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
|
||||
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<header class="header container">
|
||||
<a href="index.html"><img class="logo" src="images/logo.svg" alt=""></a>
|
||||
<nav>
|
||||
<ul class="nav-list">
|
||||
<li><a href="discover.html">Discover</a></li>
|
||||
<li><a href="creators.html">creators</a></li>
|
||||
<li><a href="creators.html">Sell</a></li>
|
||||
<li><a href="creators.html">stats</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<button class="button">Connect Wallet</button>
|
||||
</header>
|
||||
<main>
|
||||
Creators
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
33
discover.html
Normal file
33
discover.html
Normal file
@ -0,0 +1,33 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>Document</title>
|
||||
|
||||
<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=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
|
||||
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<header class="header container">
|
||||
<a href="index.html"><img class="logo" src="images/logo.svg" alt=""></a>
|
||||
<nav>
|
||||
<ul class="nav-list">
|
||||
<li><a href="discover.html">Discover</a></li>
|
||||
<li><a href="creators.html">creators</a></li>
|
||||
<li><a href="creators.html">Sell</a></li>
|
||||
<li><a href="creators.html">stats</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<button class="button">Connect Wallet</button>
|
||||
</header>
|
||||
<main>
|
||||
Discover
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
5
images/logo.svg
Normal file
5
images/logo.svg
Normal file
@ -0,0 +1,5 @@
|
||||
<svg width="53" height="53" viewBox="0 0 53 53" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M46.9274 36.1276C44.9841 36.1276 44.1228 35.3768 42.9082 34.3168C41.5611 33.1684 39.8828 31.7109 36.7249 31.7109C33.5449 31.7109 31.8886 33.1684 30.5415 34.3168C29.327 35.3768 28.4437 36.1276 26.5003 36.1276C24.5791 36.1276 23.6957 35.3768 22.4811 34.3168C21.1341 33.1684 19.4558 31.7109 16.2978 31.7109C13.1178 31.7109 11.4395 33.1684 10.0924 34.3168C8.87784 35.3768 8.01658 36.1276 6.07324 36.1276C5.16783 36.1276 4.41699 36.8784 4.41699 37.7839C4.41699 38.7114 5.16783 39.4401 6.07324 39.4401C9.25324 39.4401 10.9095 38.0047 12.2565 36.8343C13.4711 35.7743 14.3545 35.0234 16.2978 35.0234C18.2412 35.0234 19.1024 35.7743 20.317 36.8343C21.6641 38.0047 23.3424 39.4401 26.5003 39.4401C29.6803 39.4401 31.3587 38.0047 32.7057 36.8343C33.9203 35.7743 34.7816 35.0234 36.7249 35.0234C38.6462 35.0234 39.5295 35.7743 40.7441 36.8343C42.0912 38.0047 43.7695 39.4401 46.9274 39.4401C47.8328 39.4401 48.5837 38.7114 48.5837 37.7839C48.5837 36.8784 47.8328 36.1276 46.9274 36.1276Z" fill="#141416"/>
|
||||
<path d="M46.9274 27.0309C44.9841 27.0309 44.1228 26.258 42.9082 25.2201C41.5611 24.0497 39.8828 22.6143 36.7249 22.6143C33.5449 22.6143 31.8886 24.0497 30.5415 25.2201C29.327 26.258 28.4437 27.0309 26.5003 27.0309C24.5791 27.0309 23.6957 26.258 22.4811 25.2201C21.1341 24.0497 19.4558 22.6143 16.2978 22.6143C13.1178 22.6143 11.4395 24.0497 10.0924 25.2201C8.87784 26.258 8.01658 27.0309 6.07324 27.0309C5.16783 27.0309 4.41699 27.7597 4.41699 28.6872C4.41699 29.5926 5.16783 30.3434 6.07324 30.3434C9.25324 30.3434 10.9095 28.8859 12.2565 27.7155C13.4711 26.6776 14.3545 25.9268 16.2978 25.9268C18.2412 25.9268 19.1024 26.6776 20.317 27.7155C21.6641 28.8859 23.3424 30.3434 26.5003 30.3434C29.6803 30.3434 31.3587 28.8859 32.7057 27.7155C33.9203 26.6776 34.7816 25.9268 36.7249 25.9268C38.6462 25.9268 39.5295 26.6776 40.7441 27.7155C42.0912 28.8859 43.7695 30.3434 46.9274 30.3434C47.8328 30.3434 48.5837 29.5926 48.5837 28.6872C48.5837 27.7597 47.8328 27.0309 46.9274 27.0309Z" fill="#141416"/>
|
||||
<path d="M6.07324 21.2887C9.25324 21.2887 10.9095 19.8312 12.2565 18.6829C13.4711 17.6229 14.3545 16.8721 16.2978 16.8721C18.2412 16.8721 19.1024 17.6229 20.317 18.6829C21.6641 19.8312 23.3424 21.2887 26.5003 21.2887C29.6803 21.2887 31.3587 19.8312 32.7057 18.6829C33.9203 17.6229 34.7816 16.8721 36.7249 16.8721C38.6462 16.8721 39.5295 17.6229 40.7441 18.6829C42.0912 19.8312 43.7695 21.2887 46.9274 21.2887C47.8328 21.2887 48.5837 20.5379 48.5837 19.6325C48.5837 18.705 47.8328 17.9762 46.9274 17.9762C44.9841 17.9762 44.1228 17.2254 42.9082 16.1654C41.5611 14.995 39.8828 13.5596 36.7249 13.5596C33.5449 13.5596 31.8886 14.995 30.5415 16.1654C29.327 17.2254 28.4437 17.9762 26.5003 17.9762C24.5791 17.9762 23.6957 17.2254 22.4811 16.1654C21.1341 14.995 19.4558 13.5596 16.2978 13.5596C13.1178 13.5596 11.4395 14.995 10.0924 16.1654C8.87784 17.2254 8.01658 17.9762 6.07324 17.9762C5.16783 17.9762 4.41699 18.705 4.41699 19.6325C4.41699 20.5379 5.16783 21.2887 6.07324 21.2887Z" fill="#141416"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.0 KiB |
33
index.html
Normal file
33
index.html
Normal file
@ -0,0 +1,33 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>Document</title>
|
||||
|
||||
<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=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900" rel="stylesheet">
|
||||
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<header class="header container">
|
||||
<a href="index.html"><img class="logo" src="images/logo.svg" alt=""></a>
|
||||
<nav>
|
||||
<ul class="nav-list">
|
||||
<li><a href="discover.html">Discover</a></li>
|
||||
<li><a href="creators.html">creators</a></li>
|
||||
<li><a href="creators.html">Sell</a></li>
|
||||
<li><a href="creators.html">stats</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<button class="button">Connect Wallet</button>
|
||||
</header>
|
||||
<main>
|
||||
Home
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
56
style.css
Normal file
56
style.css
Normal file
@ -0,0 +1,56 @@
|
||||
html {
|
||||
--color-dark: #141416;
|
||||
--text-dark: var(--color-dark);
|
||||
--text-light: #FFFFFF;
|
||||
|
||||
--font-family: "Inter", sans-serif;
|
||||
|
||||
font-family: var(--font-family);
|
||||
}
|
||||
|
||||
.container {
|
||||
padding: 0 97px;
|
||||
}
|
||||
|
||||
.button {
|
||||
padding: 16px 24px;
|
||||
background-color: var(--color-dark);
|
||||
border-radius: 16px;
|
||||
color: var(--text-light);
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.logo {
|
||||
margin-right: 57px;
|
||||
}
|
||||
|
||||
.header .button {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.nav-list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
color: #606060;
|
||||
font-weight: 500;
|
||||
font-size: 18px;
|
||||
line-height: 27px;
|
||||
text-transform: uppercase;
|
||||
|
||||
display: flex;
|
||||
gap: 53px;
|
||||
}
|
||||
|
||||
.header a {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user