2020-1-capstone-design2 / 2012104089

Go to a project
Toggle navigation Toggle navigation pinning
박정훈
91132102 1 parent b8daa1f6

FishBook desihn v1.3 + login & join.html

Expand all
Inline Side-by-side
Showing 17 changed files with 230 additions and 0 deletions
1 +a {
2 + text-decoration: none;
3 +}
4 +body {
5 + background-color: #fff;
6 + height: 100%;
7 + display: block;
8 + position: relative;
9 +}
10 +div {
11 + display: block;
12 +}
13 +fieldset {
14 + border-style: none;
15 + margin-block-start: 0.67em;
16 + margin-block-end: 0.67em;
17 + margin-inline-start: 2px;
18 + margin-inline-end: 2px;
19 + padding-block-start: 0.35em;
20 + padding-block-end: 0.625em;
21 + padding-inline-start: 0.75em;
22 + padding-inline-end: 0.75em;
23 + min-inline-size: min-content;
24 +}
25 +form {
26 + display: block;
27 +}
28 +html {
29 + display: block;
30 + height: 100%;
31 +}
32 +legend {
33 + border-style: none;
34 +}
35 +h1 {
36 + display: block;
37 + margin-block-start: 0.67em;
38 + margin-block-end: 0.67em;
39 + margin-inline-start: 0px;
40 + margin-inline-end: 0px;
41 +}
42 +
43 +#header {
44 + position: relative;
45 + box-sizing: border-box;
46 + height: 30%;
47 + padding: 46px 0 0;
48 +}
49 +#header .h_logo {
50 + display: block;
51 + width: 130px;
52 + height: 25px;
53 + margin: 0 auto;
54 + color: transparent;
55 +
56 +}
57 +#header .h_logo #h_logo_img {
58 + display: block;
59 + width: 130px;
60 + height: 60px;
61 + margin: 0 auto;
62 + color: transparent;
63 +}
64 +
65 +#container {
66 + margin:0 10px;
67 + padding-bottom: 31px;
68 +}
69 +#container, #header {
70 + margin: 0 10px;
71 +}
72 +#btn_login, #btn_join {
73 + font-size: 18px;
74 + font-weight: 700;
75 + line-height: 1em;
76 + width: 100%;
77 + height: 3em;
78 + margin: 16px 0 7px;
79 + text-align: center;
80 + color: #fff;
81 + border: none;
82 + border-radius: 0;
83 + background-color: #03aac7;
84 +}
85 +
86 +.blind {
87 + position: absolute;
88 + overflow: hidden;
89 + clip: rect(0 0 0 0);
90 + width: 1px;
91 + height: 1px;
92 + margin: -1px;
93 +}
94 +.find_info {
95 + font-size: 12px;
96 + padding-top: 6px;
97 + text-align: center;
98 + color: #8e8e8e;
99 + border-top: 1px solid #e4e4e5;
100 +}
101 +.input_row {
102 + position: relative;
103 + height: 29px;
104 + overflow: hidden;
105 + margin: 0 0 8px;
106 + padding: 5px 39px 5px 11px;
107 + border: solid 1px #dadada;
108 + background: #fff;
109 +}
110 +.int {
111 + line-height: 16px;
112 + padding: 7px 0 6px;
113 + width: 100%;
114 + height: 16px;
115 + border: none;
116 + background: #fff;
117 +}
...\ No newline at end of file ...\ No newline at end of file
1 +<!DOCTYPE html>
2 +<html lang="ko">
3 +<head>
4 + <meta charset="UTF-8">
5 + <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
7 + <title>FishBook : 회원가입</title>
8 + <link rel="stylesheet" href="css/style.css">
9 +</head>
10 +<body>
11 + <div id="header">
12 + <h1>
13 + <a href="#" class="h_logo">
14 + <img src="images/fish-4925732.png" id="h_logo_img" alt="logo">
15 + </a>
16 + </h1>
17 + </div>
18 + <div id="container">
19 + <div id="content">
20 + <form>
21 + <fieldset class="join_form">
22 + <legend class="blind">회원가입</legend>
23 + <div class="input_row" id="email_area">
24 + <span class="input_box">
25 + <label for="email" id="label_email_area"></label>
26 + <input type="text" id="email" name="email" class="int" placeholder="이메일" autofocus>
27 + </span>
28 + <!-- 취소 버튼(쓴 내용 삭제)-->
29 + </div>
30 + <div class="input_row" id="id_area">
31 + <span class="input_box">
32 + <label for="id" id="label_id_area"></label>
33 + <input type="text" id="id" name="id" class="int" placeholder="아이디">
34 + </span>
35 + <!-- 취소 버튼(쓴 내용 삭제)-->
36 + </div>
37 + <div class="input_row" id="pw_area">
38 + <span class="input_box">
39 + <label for="pw" id="label_pw_area"></label>
40 + <input type="text" id="pw" name="pw" class="int" placeholder="비밀번호">
41 + </span>
42 + <!-- 취소 버튼(쓴 내용 삭제)-->
43 + </div>
44 + <div class="input_row" id="pw_check_area">
45 + <span class="input_box">
46 + <label for="pw_check" id="label_pw_check_area"></label>
47 + <input type="text" id="pw_check" name="pw_check" class="int" placeholder="비밀번호 확인">
48 + </span>
49 + <!-- 취소 버튼(쓴 내용 삭제)-->
50 + </div>
51 + <input type="submit" title="회원가입" id="btn_join" alt="회원가입" value="회원가입">
52 + </fieldset>
53 + </form>
54 + </div>
55 + </div>
56 +</body>
57 +</html>
...\ No newline at end of file ...\ No newline at end of file
1 +<!DOCTYPE html>
2 +<html lang="ko">
3 +<head>
4 + <meta charset="UTF-8">
5 + <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
7 + <title>FishBook : 로그인</title>
8 + <link rel="stylesheet" href="css/style.css">
9 +</head>
10 +<body>
11 + <div id="header">
12 + <h1>
13 + <a href="#" class="h_logo">
14 + <img src="images/fish-4925732.png" id="h_logo_img" alt="logo">
15 + </a>
16 + </h1>
17 + </div>
18 + <div id="container">
19 + <div id="content">
20 + <form>
21 + <fieldset class="login_form">
22 + <legend class="blind">로그인</legend>
23 + <div class="input_row" id="id_area">
24 + <span class="input_box">
25 + <label for="id" id="label_id_area"></label>
26 + <input type="text" id="id" name="id" class="int" placeholder="아이디" autofocus>
27 + </span>
28 + <!-- 취소 버튼-->
29 + </div>
30 + <div class="input_row" id="pw_area">
31 + <span class="input_box">
32 + <label for="pw" id="label_pw_area"></label>
33 + <input type="text" id="pw" name="pw" class="int" placeholder="비밀번호">
34 + </span>
35 + <!-- 취소 버튼-->
36 + </div>
37 + <input type="submit" title="로그인" id="btn_login" alt="로그인" value="로그인">
38 + </fieldset>
39 + </form>
40 + <div class="find_info">
41 + <a>아이디, 비밀번호 찾기</a>
42 + <a>회원가입</a>
43 + </div>
44 + </div>
45 + </div>
46 +</body>
47 +</html>
...\ No newline at end of file ...\ No newline at end of file
1 +<?xml version="1.0" encoding="UTF-8"?>
2 +<svg enable-background="new -0.0469 -2.8734 1557.1074 1442.9203" version="1.1" viewBox="-0.0469 -2.8734 1557.1074 1442.9203" xmlns="http://www.w3.org/2000/svg">
3 + <path d="m775.53 58.36c1.35-0.49 2.89-1.05 4.33-0.45 2.79 2.38 0.7 6.16-0.16 8.99-2.89 8.79-10.05 14.97-15.9 21.79-6.55 7.15-12.99 14.4-19.66 21.45-6.77 7.58-14.16 14.72-19.71 23.29-1.19 1.88-2.29 4.65-0.38 6.46 4.83 5.18 11.58 8.73 14.75 15.33 3.29 7.13 5.16 14.82 6.64 22.5 1.42 8.37 2.51 17.23-0.43 25.41-3.61 10.03-10.8 18.24-18.26 25.62-4.18 4.2-10.12 5.73-14.77 9.23-5.68 4.73-9.58 11.56-10.73 18.87-1 7.2 2.56 14.61 0.2 21.64-3.87 5.79-11.46 6.68-17.14 9.91-1.89 4.24 1.94 9.82-0.82 13.77-5.86 0.69-8.6 6.93-14.24 8.05-3.3 0.96-7.66 1.08-9.42 4.57-1.3 3.46-1.11 7.5-3.53 10.5-3.98 5.27-8.62 10.91-15.27 12.69-11.27 1.87-18.51-12.03-29.9-9.18-4.08 2.96-5.39 8.41-6.08 13.15-0.82 6.87 5.52 11.22 8.08 16.92 9.2 19.3 18.56 38.85 22.99 59.9 3.98 19.65 0.09 39.62-1.19 59.33-0.06 9.15 3.29 17.89 6.57 26.3 1.83 4.01 3.25 8.55 6.67 11.53 3.25-0.61 6.15-2.3 9.15-3.6 12.8-5.98 25.31-12.55 37.8-19.17 6.25-3.41 12.58-6.75 18.36-10.95 7.85-5.89 12.74-14.58 18.59-22.26 4.33-5.6 10.61-9.27 17.1-11.85 11.1-4.44 21.29-10.83 32.23-15.61 6.2-2.88 12.62 7 7.22 11.38-6.61 5.7-14 10.46-20.53 16.26-2.01 1.25-0.46 3.93 1.02 4.85 2.11-0.15 4.08-1 6.03-1.76 4.75-2.12 9.79-3.91 13.94-7.13 0.16-2.75-1.42-5.96 0.67-8.28 1.25-1.77 3.37-2.49 5.24-3.4 2.42 1.75 4.22 4.16 6.41 6.16 1.38 1.48 3.25 0.06 4.7599-0.4 6.67-2.96 13.33-5.96 19.92-9.1 36.48-17.32 72.86-34.87 109.77-51.24 26.59-12.27 53.83-23.01 81-33.91 42.02-16.44 84.25-32.32 126.78-47.39 34.04-11.74 68.18-23.58 103.4-31.31 27.47-6.14 55.1-11.6 82.88-16.14 6.3199-0.82 12.62-2.38 19.03-2.17 3.1001 1.55 4.8401 5.04 4.76 8.45-8.96 4.11-18.82 5.63-28.31 8.09 0.09 0.58 0.26 1.73 0.34 2.31-1.66-0.1-3.3099-0.22-4.9199-0.34 0.0699 79.52 0.3099 159.03 0.1699 238.55-0.1 27.02-0.9299 54.03-1.0499 81.05-0.4601 23.01-1.0601 46.01-0.9301 69.02-0.24 58.31 0.05 116.63 0.53 174.94 0.46 51.38-0.5901 102.76-2.39 154.1-0.3101 24.99-1.24 49.98-1.14 74.98-0.24 28.3-0.76 56.6-0.9301 84.91 0.01 28.34-0.71 56.66-1.0199 84.99 0.1799 0.36 0.5399 1.0801 0.72 1.4301-1.92 4.61-1.37 9.79-1.47 14.68-0.2101 3.66 2.73 6.2101 4.9199 8.7401 3.66 4.2599 8.5801 7.8199 10.36 13.39 1.8301 5.9-1.0299 11.86-0.89 17.81 0.5801 3.24 3.65 5.5699 3.8201 8.97 0.41 6.1-1.24 13.41-7.16 16.43-9.96 5.0599-21.78 2.84-31.81-0.89-3.74-1.6-8.28-3.28-9.8101-7.42-1.22-5.84 2.86-11.01 2.89-16.69-1.71-2.5601-5.42-3.67-5.92-7.04-1.2799-6.37-2.0699-14.08 2.2101-19.52 6.1699-5.59 15.95-4.2 22.06-9.89 3.72-5.23 2.4-12.01 2.8401-18.01-0.2401-1.7 1.1699-2.6699 2.48-3.3199-0.5901-1.83-1.28-3.65-1.4401-5.5601-0.33-20.69 0.39-41.38 0.42-62.07 0.1699-30.35 0.35-60.7 0.53-91.05 0.38-23.3 0.59-46.61 0.6499-69.92 0.41-56.34 1.0901-112.67 1.37-169.01 0.67-28.66 0.4-57.33 0.79-86 0.6801-52.66 0.74-105.33 1.53-157.99 0.16-52.68 1-105.34 1.27-158.01 0.61-53.91 0.83-107.81 1.48-161.71-12.04 1.47-23.9 4.12-35.79 6.41-24.68 5.03-49.26 10.6-73.63 16.98-40.62 11.04-80.09 25.84-119.07 41.64-46.83 18.33-93.01 38.26-139.32 57.83-28.53 12.41-57.19 24.51-85.54 37.3-16.52 7.42-33.22 14.49-49.2 23.03-1.23 0.8-3.29 1.64-2.83 3.48 1.01 5.88 6.64 10.58 5.37 16.92-1.66 6-7.39 9.3-11.65 13.32-7.21 6.53-9.54 16.39-14.9 24.21-3.21 4.92-6.37 10.43-11.96 12.96-6.09 2.6-12.71 3.5-19.16 4.78-8.72 1.37-17.4 3.44-26.27 3.29-6.03-0.06-12.19 0.46-17.8 2.8-6.33 2.42-11.7 6.68-16.77 11.08-13.61 12.22-29.18 22.05-42.53 34.57-4.36 3.8701-6.39 9.65-7.31 15.26-0.21 1.8-0.63 4.01 0.81 5.45 3.06 1.4 7.04 0.82 9.5 3.49 3.66 4.15 5.62 9.56 9.56 13.52 5.5 5.53 12.42 9.39 19.41 12.73 10.95 5.54 23.29 7.13 34.8 11.12 29.68 10.66 58.81 22.76 87.77 35.19 20.52 8.86 40.6 18.69 60.85 28.11 15.51 7.62 31.05 15.22 45.91 24.06 8.08 4.98 15.31 11.24 22.37 17.56 10.53 9.45 17.74 23.16 17.18 37.54-0.49 24.8-5.32 49.3-6.1 74.1-1.75 64.31-3.6 128.63-4.26 192.97-0.44 24 3.12 47.93 9.54 71.03 6.73 25.76 14.19 51.33 21.08 77.05 2.41 8.3 4.45 16.81 8.25 24.62 3.07 6.4601 8.63 11.49 11.16 18.2-0.04 6.02-5.91 12.19-12.19 10.32-4.89-2.48-8.89-6.39-13.76-8.9199 0.54 4.25 2.15 8.2699 4.07 12.08 1.56 3.17 6.03 4.51 6.04 8.51 0.52 4.39 0.24 10.93-4.92 12.41-8.31 2.3199-17.21 2.36-25.64 0.62-9.17-2.2401-17.1-7.7301-24.49-13.39-5.37-4.28-10.86-8.4601-15.66-13.38-5.98-6.0601-10.46-13.41-16.59-19.34-14.65-14.33-31.51-26.11-48.32-37.73-7.63-5.09-15.07-10.49-23.11-14.93-1.62-1.2101-2.07-3.39-2.89-5.13-2.53-6.99-5.17-14.63-3.13-22.09 2.19-8.7599 5.95-17.05 10.08-25.05 1.82-3.72 5.42-6.03 7.76-9.35 1.76-2.5 1.53-5.7101 1.69-8.5901 0.25-15.37-0.81-30.72-2.24-46-1.25-11.2-2.31-22.49-5.3-33.39-2.98-11.36-7.21-22.32-11.02-33.41-6.88-19.57-12.52-40.25-10.5-61.17 1.34-21.48 7.69-42.17 12.85-62.93 1.84-6.84 1.33-13.99 1.0699-20.98-0.21-5.22-1.52-10.89-5.55-14.51-3-2.21-6.71-3.09-10.2-4.18-15.57-4.23-31.55-6.66-47.41-9.54-9.76-1.5-19.33-4-28.58-7.4301-6.8-2.64-14.11-4.37-20.08-8.72 0.08 3.09 0.5 6.23-0.11 9.3-0.89 3.66-5.33 2.53-8.1 3.11-39.37 1.48-78.77 1.52-118.16 1.76-14.89 0.59-29.8 0.23-44.71 0.45-2.25 120.61-6.07 241.21-12.56 361.67-2.98 51.55-6.18 103.1-11.52 154.47-2.9 25.66-5.74 51.47-12.18 76.53-2.03 6.66-3.71 13.98-8.86 19.02h-165.48c-3.53-22.5-3.35-45.35-3.48-68.06 0.1-53.69 2.86-107.31 5.65-160.92 4.92-90.69 11.66-181.27 16.73-271.96 1.58-33.67 3.82-67.36 2.86-101.08-0.44-4.15-0.17-8.65-2.07-12.45-4.92-6.02-12.83-8.55-20.3-9.39-12.67-1.08-25.33 0.55-37.96 1.41-12.99 1.23-26.01-0.27-39.02 0.06-49.01 0.68-98.01 2.66-147.04 2.47-27.37-0.04-54.8-0.27-82.04-3.16-6.39-0.73-12.76-1.7-18.99-3.3v-90.87c1.49-3.88 2.76-7.85 4.51-11.62 0.36 0.02 1.07 0.06 1.42 0.08 0.42 2.43-1.15 4.84-1.56 7.27 10.53 0.89 21.11 0.39 31.66 0.52 19.66-0.03 39.32-0.08 58.98 0.06 22.69 0.66 45.32 2.44 67.97 3.91 44.64 2.9901 89.27 6.15 133.97 8.03 14.66 0.72 29.36 0.96 44.03 0.53 3.47-0.16 8.56-0.15 9.14-4.64 1.48-10.06-4.03-19.73-2.6-29.81 0.39-2.84 2.13-5.57 4.87-6.63 3.68-1.46 7.68-1.77 11.59-2.08 23.57-1.06 47.05 1.86 70.52 3.37 4.51 0.21 9.16 2.31 13.58 0.52-4.36-14.82-10.53-29.04-15.57-43.63-7.57-21.31-14.12-43.11-17.36-65.53-3.25-21.67-0.66-43.65 2.45-65.17 4.14-27.18 10.21-54.06 17.88-80.46 4.81-16.38 9.84-32.76 16.64-48.44 7.84-18.41 20.78-34.09 34.73-48.22 11.42-11.95 24.15-22.52 36.52-33.46 4.34-4.72 9.67-8.62 13.07-14.14-3.42-2.19-7.98-3.79-11.77-1.52-11.3 5.65-22.38 11.73-33.51 17.73-7.02 3.68-13.9 7.76-21.41 10.39-2.66-3.03 0.78-6.18 2.36-8.77 6.68-8.41 11.45-18.08 16.58-27.47 6.88-13.4 13.17-27.46 15.18-42.52 2.08-24.68-7.11-48.47-7.57-73.03-0.13-15.36 0.03-30.76 1.28-46.08 0.7-6.96 1.47-13.99 3.73-20.65 3.65-9.7 9.63-18.8 18.27-24.74 14.62-10.97 33.64-13.2 51.39-12.76 17.37 0.63 33.37 8.03 49.88 12.58 13.05 3.13 25.9 7.28 39.25 9.05 11.9 1.73 23.78 4.54 35.89 3.94 7.26-0.2 14.45-1.67 21.24-4.21 20.23-7.1402 38.58-18.49 58.3-26.79m542.62 224.67c-0.03 7.28 0.2899 14.58-0.39 21.84-0.49 36.38-0.76 72.76-0.89 109.14-0.8 57.3-0.92 114.61-1.6801 171.91-0.09 49.04-1.12 98.07-1.12 147.11-0.88 52.98-0.84 105.96-1.5699 158.95-0.39 27.99-0.15 56-0.6899 83.99-0.2201 26.32-0.53 52.65-0.6101 78.98 0.04 25.7-0.6599 51.38-0.6899 77.08-0.29 33.67-0.25 67.34-0.45 101-0.1001 2.12 0.9399 4 1.8999 5.84 1.63-92.95 1.11-185.96 4.0901-278.9 1.7699-52.97 1.47-105.99 1.01-158.99-0.1201-52.33-0.67-104.66-0.0601-156.99 0.6-52.68 1.91-105.35 1.91-158.04 0.1-56.65-0.0901-113.3-0.25-169.96-0.15-13.07 0.4199-26.14 0.0399-39.21-0.9399 1.9499-0.4799 4.1699-0.5499 6.2499z"/>
4 +</svg>
No preview for this file type
1 +<?xml version="1.0" encoding="UTF-8"?>
2 +<svg viewBox="0 0 793.7 1122.5" xmlns="http://www.w3.org/2000/svg">
3 + <path d="m647.38 764.76c-119.86 1.819-245.07-21.082-340.9-98.094-0.62979-0.62915-0.88144-1.3198-0.88144-2.2019 0-1.7643 1.4477-3.2072 3.2092-3.2072l94.505 0.1231c4.5303 0 8.3686-3.7747 8.3686-8.37 0-3.4601-1.6357-5.8466-5.2852-7.6725l-85.445-40.776c-1.5728-1.0052-2.7052-2.7626-2.7052-4.7799 0-1.5728 0.62912-2.9541 1.6357-3.9662 0 0 104.07-91.988 327.5-89.97v258.92zm-200.34-145.72c11.2 0 20.134-9.0606 20.134-20.2 0-11.201-8.9348-20.262-20.134-20.262-11.2 0-20.26 9.0607-20.26 20.262 0 11.14 9.06 20.2 20.26 20.2"/>
4 + <path d="m601.76 306.14c-74.056 0.82059-146.48 32.406-227.71 99.038-3.0204-0.82059-9.6897-2.6464-9.6897-2.6464-12.898 0-23.406 10.449-23.406 23.346 0 0 0.88074 4.3423 1.447 7.0502-2.5165 2.325-65.625 61.599-65.625 61.599l-55.872 52.6c-5.2223 4.7799-12.018 7.2348-19.065 6.8587-7.1097-0.31451-13.59-3.3986-18.246-8.623-4.5932-5.0329-6.858-11.386-6.858-17.745 0-7.1733 2.8939-14.34 8.5567-19.564 0 0 4.2158-2.3318 7.4249-4.1508 0.69203 4.7799 2.6423 19.38 2.6423 19.38l45.554-57.954-50.273 17.116c-13.213 4.5269-18.687 11.201-18.876 11.454-18.373 16.672-19.82 45.864-2.8317 64.676 17.114 18.88 46.309 20.2 65.185 3.1456l0.5033-0.6291 52.915-50.398s65.31-61.783 67.449-63.8c3.1463 0.82059 9.3752 2.3934 9.3752 2.3934 12.836 0 23.28-10.51 23.28-23.407 0 0-0.62912-3.3986-1.0695-5.8535 78.524-64.676 147.29-95.318 216.07-96.138 14.156-0.12308 25.483 1.7642 44.044 5.7236l3.7754 0.8206v-18.436l-2.4542-0.506c-19.19-4.0892-31.712-5.5321-46.245-5.3475"/>
5 +</svg>
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff is collapsed. Click to expand it.