-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathform.html
48 lines (45 loc) · 3.18 KB
/
form.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./css/form.css">
<link rel="stylesheet" href="./css/media.css">
<link rel="stylesheet" href="./css/global.css">
</head>
<body>
<aside class="sidebar" id="sidebar">
<div class="upper-side sidebar-block">
<a href="./index.html" class="upper-side-block pointer" id="home">
<svg fill="#727272" viewBox="-20 -20 614.40 614.40" xmlns="http://www.w3.org/2000/svg" alt="home" class="icon" id="home-icon"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" stroke="#CCCCCC" stroke-width="8.192"></g><g id="SVGRepo_iconCarrier"><polygon fill-rule="evenodd" points="192 0 0 153.6 0 384 149.333 384 149.333 256 234.667 256 234.667 384 384 384 384 153.6" transform="translate(64 64)"></polygon></g></svg>
<p>Home</p>
</a>
</div>
<div class="lower-side sidebar-block">
<a href="./form.html" class="upper-side-block sidebar-block no-padding">
<svg width="40px" height="40px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon">
<path d="M12.5 8.89001V18.5M12.5 8.89001V5.57656C12.5 5.36922 12.5 5.26554 12.5347 5.17733C12.5653 5.09943 12.615 5.03047 12.6792 4.97678C12.752 4.91597 12.8503 4.88318 13.047 4.81761L17.447 3.35095C17.8025 3.23245 17.9803 3.17319 18.1218 3.20872C18.2456 3.23982 18.3529 3.31713 18.4216 3.42479C18.5 3.54779 18.5 3.73516 18.5 4.10989V7.42335C18.5 7.63069 18.5 7.73436 18.4653 7.82258C18.4347 7.90048 18.385 7.96943 18.3208 8.02313C18.248 8.08394 18.1497 8.11672 17.953 8.18229L13.553 9.64896C13.1975 9.76746 13.0197 9.82671 12.8782 9.79119C12.7544 9.76009 12.6471 9.68278 12.5784 9.57512C12.5 9.45212 12.5 9.26475 12.5 8.89001ZM12.5 18.5C12.5 19.8807 10.933 21 9 21C7.067 21 5.5 19.8807 5.5 18.5C5.5 17.1192 7.067 16 9 16C10.933 16 12.5 17.1192 12.5 18.5Z" stroke="#727272" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="active"/>
</svg>
<p>Add Music</p>
</a>
</div>
</aside>
<main class="main" id="main">
<form id="form" class="flex">
<div class="flex">
<input type="text" class="form-input input-text pointer" id="name" name="name" placeholder="name"/>
<input type="text" class="form-input input-text pointer" id="author_name" name="author_name" placeholder="author's name"/>
</div>
<div class="flex">
<label for="image" class="form-input file-label pointer">choose image</label>
<input type="file" class="d-n" id="image" name="image"/>
<label for="music" class="form-input file-label pointer">choose music</label>
<input type="file" class="d-n" id="music" name="music_file"/>
</div>
<button type="submit" id="submit-btn" class="form-input">send</button>
</form>
</main>
<script src="./js/form.js"></script>
</body>
</html>