-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
25 lines (22 loc) · 1.59 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
24
25
<html class="scroll-smooth" data-theme="dark" style="background-color:#048a7f;"></html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="./output.css" rel="stylesheet">
<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=Abril+Fatface&display=swap" rel="stylesheet">
</head>
<body>
<div class="navbar navbar-right fixed top-0 right-0 w-screen h-16 m-0 flex flex-row" style="background-color: #242424;;">
<div class="fixed flex flex-row">
<button class="btn w-12 p-1 rounded-full m-0 bg-transparent text-darktxt hover:bg-accent outline-darktxt outline-2 outline-dashed"><img src="/src/file.jpg" class=" rounded-full"></button>
<button href="page2.html" class="btn rounded-20 ms-4 me-2 bg-transparent text-darktxt hover:bg-secondary">Page 2</button>
<button class="btn w-12 rounded-20 m-2 bg-transparent text-darktxt hover:bg-secondary">C</button>
<button class="btn w-12 rounded-20 m-2 bg-transparent text-darktxt hover:bg-secondary">D</button>
</div>
<div class="fixed top-16 right-0 w-screen h-4 m-0 flex flex-row bg-gradient-to-b from-primary to-transparent drop-shadow-2xl"></div>
<button class="maxWidth btn w-12 rounded-full bg-secondary text-darktxt hover:bg-hover">E</button>
</div>
<div class="text-9xl hover:scale-95 transition-transform ease-in-out align-middle mt-56 ml-auto mr-auto"style="font-family: 'Abril Fatface' ; font-weight: 400;">Wellcome to the demo</div>
</body>