This repository has been archived by the owner on Aug 23, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
35 lines (31 loc) · 3.15 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
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="wclassth=device-wclassth, initial-scale=1.0">
<link rel="stylesheet" href="./css/styles.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css">
<script defer src="./js/animations/write_text.js"></script>
<script defer src="./js/transitions/goNextFrame.js"></script>
<script defer src="./js/animations/transition_hidden_container.js"></script>
<title>....: House Adress :....</title>
</head>
<body class="bg-color_green_second overflow-x-hidden select-none flex flex-col g-2 h-screen justify-end lg:g-0 lg:justify-center lg:items-center xl:overflow-y-hidden">
<span class="hidden absolute -top-20 -left-20 bg-color_green_thirty p-32 rounded-full xl:block"></span>
<section class="flex flex-col items-center p-2 h-full justify-center lg:h-auto lg:w-35rem lg:items-end xl:w-55rem">
<h1 class="uppercase text-color_green_thirty font-black text-2xl z-20 before:content-[''] before:before before:bg-color_green_first before:h-9 before:p-0.5 lg:before:p-1 before:mr-1 sm:text-5xl xl:text-7xl">House's Adress List</h1>
<h3 class="writing_text text-color_black_first font-medium text-sm animate-writing_text text-center ml-0 overflow-hidden whitespace-nowrap sm:text-xl lg:ml-auto lg:mr-0 lg:text-right xl:text-2xl">Olá, este é um pequeno projeto</h3>
</section>
<section class="bg-color_black_first h-96 rounded-t-3xl flex flex-col justify-evenly items-center lg:bg-transparent lg:h-auto lg:items-end lg:w-35rem lg:gap-2 xl:w-55rem">
<a href="./pages/painel_frame.html" class="anchor_go_page text-color_white_first bg-color_green_first text-center font-bold shadow-shadow_btn rounded-lg w-80% p-5 text-2xl active:shadow-shadown_actived_btn hover:bg-color_green_thirty hover:text-color_green_first lg:w-60 lg:p-1 lg:text-lg lg:bg-color_black_first lg:hover:bg-color_green_first lg:hover:text-color_black_first xl:w-72 xl:p-2 xl:text-2xl">LETS START</a>
<nav class="list-none flex flex-row gap-3 lg:w-60 lg:justify-center xl:w-72">
<a href="https://github.com/MauMuller/" target="_blank" class="font-bold text-color_green_first text-3xl hover:text-color_green_thirty lg:text-color_black_first xl:text-4xl"><i class="bi bi-github"></i></a>
<a href="https://www.linkedin.com/in/mauricio-m-s/" target="_blank" class="font-bold text-color_green_first text-3xl hover:text-color_green_thirty lg:text-color_black_first xl:text-4xl"><i class="bi bi-linkedin"></i></a>
<a href="https://www.instagram.com/mauricio_m_s/" target="_blank" class="font-bold text-color_green_first text-3xl hover:text-color_green_thirty lg:text-color_black_first xl:text-4xl"><i class="bi bi-instagram"></i></a>
</nav>
</section>
<section class="container_transition hidden animate-translate_bottom_center w-full bg-color_black_first h-screen absolute -bottom-60rem left-0 z-50"></section>
<span class="hidden absolute -bottom-20 -right-20 bg-color_black_first p-32 rounded-full xl:block"></span>
</body>
</html>