-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
69 lines (64 loc) · 4.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nino | Master Card</title>
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="./css/boxchange.css">
<link rel="icon" href="https://raw.githubusercontent.com/TokisakiNinoVn/MyOfficialWebsite/main/assets/image/Avt_cicle.ico">
</head>
<body>
<div id="container">
<div class="left"></div>
<div class="main">
<div class="div-img">
<img src="./images/ely3.jpg" class="image" alt="Tokisaki Nino">
</div>
<div class="content">
<h3 class="tittle">CHARACTER PROFILE</h3>
<h1 class="fullname">Yhika Shin</h1>
<div class="text-style name color-add nickname">Tokisaki Nino</div>
<div class="text-style series">role: <p class="color-add p_role"> Demigod of fallen time!</p></div>
<div class="text-style birthday">Birthday: <p class="color-add p_birthday"> November, 2nd 20**.</p></div>
<div class="text-style height">height: <p class="color-add p_height"> N/A.</p></div>
<div class="text-style age">Age: <p class="color-add p_age">!18?.</p></div>
<div class="text-style season">Nominations: <p class="color-add p_nomibations"> Maid/Yandere/Master.</p></div>
<div class="text-style dicripsion">Describe: <p class="color-add p_describe"> "Welcome back! my Master!"</p></div>
</div>
<div class="footer"></div>
</div>
</div>
<div class="div-changeInfor">
<div class="box" onclick="expandContainer()">
<svg class="svg-icon" xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512">
<path d="M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152V424c0 48.6 39.4 88 88 88H360c48.6 0 88-39.4 88-88V312c0-13.3-10.7-24-24-24s-24 10.7-24 24V424c0 22.1-17.9 40-40 40H88c-22.1 0-40-17.9-40-40V152c0-22.1 17.9-40 40-40H200c13.3 0 24-10.7 24-24s-10.7-24-24-24H88z"/>
</svg>
<p class="textbox">Edit Information.</p>
<div class="boxchangeInfor">
<div class="UploadFile">
<p>Drag and drop images or select photos from your computer.
(Encourage image ratio of 16:9, limit images with square ratio). The version does not delete the original data.
</p>
<input type="file" id="fileInput">
<p id="selectedFileName"></p>
</div>
<input class="InputText" id="inputFullname" type="text" placeholder="Full name">
<input class="InputText" id="inputNickname" type="text" placeholder="Nick name">
<input class="InputText" id="inputRole" type="text" placeholder="Role">
<input class="InputText" id="inputBirthday" type="text" placeholder="Birthday">
<input class="InputText" id="inputHeight" type="text" placeholder="Height">
<input class="InputText" id="inputAge" type="text" placeholder="Age">
<input class="InputText" id="inputNominations" type="text" placeholder="Nomibations">
<input class="InputText" id="inputDescribe" type="text" placeholder="Describe">
<div class="div_submit">
<button id="submitBtn" onclick="updateProfile()">Submit</button>
</div>
</div>
</div>
</div>
<script src="./scrips/main.js"></script>
<script src="./scrips/boxchange.js"></script>
</body>
</html>