-
Notifications
You must be signed in to change notification settings - Fork 0
/
profil.html
141 lines (138 loc) · 5.51 KB
/
profil.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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="ko">
<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" />
<!-- // style -->
<link href="./style/style.css" rel="stylesheet" />
<!-- // tailwind -->
<link
href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css"
rel="stylesheet"
/>
<!-- // bootstrap -->
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
crossorigin="anonymous"
/>
<title>gogoing</title>
</head>
<body class="w-full h-full" style="background-color: #fefefe">
<!-- // navbar -->
<div class="fixed top-0 w-full">
<nav class="navbar navbar-expand-lg navbar-light bg-light border-b">
<div class="container-fluid container">
<!-- // logo -->
<a class="p-0 navbar-brand" href="#">
<svg
xmlns="http://www.w3.org/2000/svg"
width="76"
height="39"
viewBox="0 0 76 39"
>
<text
id="고고잉"
transform="translate(0 30)"
fill="#707070"
font-size="32"
font-family="LGPC, LG PC"
>
<tspan x="0" y="0">고고잉</tspan>
</text>
<text
id="고고잉-2"
data-name="고고잉"
transform="translate(2 32)"
fill="#707070"
font-size="32"
font-family="LGPC, LG PC"
opacity="0.2"
>
<tspan x="0" y="0">고고잉</tspan>
</text>
</svg>
</a>
<div class="d-flex" id="navbarText">
<!-- // search svg -->
<span class="pr-2">
<svg
id="search"
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 20 20"
>
<path
id="search-2"
data-name="search"
d="M19.153,15.184a8.466,8.466,0,1,0-1.494,1.494l.045.048,4.49,4.49a1.058,1.058,0,1,0,1.5-1.5l-4.49-4.49ZM16.955,5.5a6.349,6.349,0,1,1-8.979,0A6.349,6.349,0,0,1,16.955,5.5Z"
transform="translate(-4 -1.525)"
fill="#707070"
fill-rule="evenodd"
/>
</svg>
</span>
<!-- // mypage svg -->
<span class="pl-2">
<svg
id="profile"
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 20 20"
>
<path
id="패스_1041"
data-name="패스 1041"
d="M16,9a4,4,0,1,1-4-4A4,4,0,0,1,16,9ZM14,9a2,2,0,1,1-2-2A2,2,0,0,1,14,9Z"
transform="translate(-2 -1.571)"
fill="#707070"
fill-rule="evenodd"
/>
<path
id="패스_1042"
data-name="패스 1042"
d="M11,1A10,10,0,1,0,21,11,10,10,0,0,0,11,1ZM2.818,11a8.147,8.147,0,0,0,1.735,5.038,8.183,8.183,0,0,1,12.953-.076A8.182,8.182,0,1,0,2.818,11ZM11,19.182a8.148,8.148,0,0,1-5.157-1.829,6.365,6.365,0,0,1,10.387-.061A8.149,8.149,0,0,1,11,19.182Z"
transform="translate(-1 -1)"
fill="#707070"
fill-rule="evenodd"
/>
</svg>
</span>
</div>
</div>
</nav>
</div>
<div class="container pt-2 mt-14 flex-col">
<div class="flex-col mt-28 text-center">
<h2>프로필 수정</h2>
</div>
<div class="flex-col mt-12">
<div class="text-center m-4">
<div><label for="id" class="inline-block w-60 text-start p-2 font-semibold">이름</label></div>
<div><input type="text" id="id" class="w-60 border-b p-2 focus:outline-none" placeholder="이름을 입력해주세요" /></div>
</div>
<div class="text-center m-4">
<div><label for="id" class="inline-block w-60 text-start p-2 font-semibold">이메일</label></div>
<div><input type="email" id="email" class="w-60 border-b p-2 focus:outline-none" placeholder="이메일을 입력해주세요" /></div>
</div>
<div class="text-center m-4">
<div><label for="id" class="inline-block w-60 text-start p-2 font-semibold">비밀번호</label></div>
<div><input type="password" id="pw" class="w-60 border-b p-2 focus:outline-none" placeholder="비밀번호를 입력해주세요" /></div>
</div>
<div class="text-center m-4">
<div><label for="id" class="inline-block w-60 text-start p-2 font-semibold">비밀번호 확인</label></div>
<div><input type="password" id="pw_chk" class="w-60 border-b p-2 focus:outline-none" placeholder="비밀번호를 다시 입력해주세요" required /></div>
</div>
<div class="text-center m-4">
<div class="border rounded inline-block px-2 py-1 w-60 mt-8 hover-base-color hover:text-white base-color">
<button type="button" class="font-semibold">완료</button>
</div>
</div>
</div>
</div>
</body>
</html>