-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
70 lines (61 loc) · 3.37 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
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
68
69
70
<!DOCTYPE html>
<html lang="p-br">
<head>
<title>App Poetry</title>
<!-- === Require Meta Tags === -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- --- * --- Import Icons --- * --- -->
<!-- --- Box icons --- -->
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
<!-- --- BootStrap Icons --- -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<!-- --- * --- Import Bootstrap --- * --- -->
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
<script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- --- * --- style Sheets --- * --- -->
<link rel="stylesheet" href="./fonts.css">
<link rel="stylesheet" href="./app.css">
<!-- --- * --- script --- * --- -->
<script src="./controls.js" defer></script>
</head>
<body>
<!-- --- * --- Components --- * --- -->
<header class="container_header">
<section class="container_logo">
<!-- --- * --- Logo --- * --- -->
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="46" fill="currentColor" class="bi bi-book-half" viewBox="0 0 16 16">
<path d="M8.5 2.687c.654-.689 1.782-.886 3.112-.752 1.234.124 2.503.523 3.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492V2.687zM8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783z"/>
</svg>
<!-- --- * --- Title --- * --- -->
<h1>Poetry every moment</h1>
</section>
<section class="container_search">
<!-- --- * --- Search --- * --- -->
<div class="group">
<svg class="icon" aria-hidden="true" viewBox="0 0 24 24"><g><path d="M21.53 20.47l-3.66-3.66C19.195 15.24 20 13.214 20 11c0-4.97-4.03-9-9-9s-9 4.03-9 9 4.03 9 9 9c2.215 0 4.24-.804 5.808-2.13l3.66 3.66c.147.146.34.22.53.22s.385-.073.53-.22c.295-.293.295-.767.002-1.06zM3.5 11c0-4.135 3.365-7.5 7.5-7.5s7.5 3.365 7.5 7.5-3.365 7.5-7.5 7.5-7.5-3.365-7.5-7.5z"></path></g></svg>
<input placeholder="Search" type="search" class="input">
</div>
</section>
<section class="container_settings">
<!-- --- * --- Settings Icons --- * --- -->
<i class="bi bi-three-dots-vertical"></i>
</section>
</header>
<section class="container_poetrys">
<div class="add_poetry">
<i onclick="add_create()" class="bi bi-plus-circle-fill"></i>
<i class="bi bi-check2-all"></i>
<i class="bi bi-trash-fill"></i>
</div>
<div onclick="showHidden_setings()" class="edit_hiddenShow">
<i class="bi bi-caret-down-fill"></i>
</div>
</section>
<section class="text_editor">
<textarea name="editor" id="editor" cols="30" rows="10"></textarea>
<button class="btn_send" type="button">Criar</button>
</section>
</body>
</html>