-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
164 lines (160 loc) · 5.33 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
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
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!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" />
<link href="style.css" rel="stylesheet" type="text/css" />
<title>자기소개-박서정</title>
<link
href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500&display=swap"
rel="stylesheet"
/>
<style>
* {
font-family: "Noto Sans KR", sans-serif;
}
</style>
</head>
<body>
<nav class="navigator">
<u1 class="navbar-menu">
<li class="menu-about" id="menu-about">
<a href="#about">ABOUT ME</a>
</li>
<li class="menu-idea" id="menu-idea">
<a href="#idea">IDEA</a>
</li>
<li class="menu-more" id="menu-more">
<a href="#more">MORE</a>
</li>
</u1>
</nav>
<div class="all-content" id="home">
<div class="content">
<div class="home">
<h1>
<br />
안녕하세요 !!
<br />
저는 인하대 멋사 10기 FE
<br />
박서정입니다
</h1>
<br />
<img
src="동그란 주디.png"
/>
<script src="script/goScroll.js"></script>
</div>
</div>
<div class="content2" id="content2">
<div class="about" id="about">
<h2>ABOUT ME</h2>
<div class="profile">
<div class="profile-content">
<img
class="home img"
src="KakaoTalk_20220503_103142970.jpg"
alt="profile"
/>
<h3>박서정(23)</h3>
<h4>화공 21</h4>
<p>"서울 통학러"</p>
<p>"INFJ"</p>
</div>
<div class="profile-content2">
<h3>Character</h3>
<br />
<p>"게으른 완벽주의자"</p>
<p>"리액션 짱"</p>
<p>"열정열정열정🔥🔥"</p>
<br />
<br />
<br />
<br />
<br />
<h3>Dream</h3>
<p>아직 명확한 꿈이 없어서</p>
<p>여러 경험을 하면서</p>
<p>찾고있습니다.</p>
<br />
<br />
</div>
<div class="profile-content2">
<h3>Favorite 1-문화/예술</h3>
<br />
<p>영화 : 시리즈물 (해리포터, 마블) 좋아합니다 !</p>
<p>+) 크리스토퍼 놀란 감독 영화도 좋아해요</p>
<br />
<p>책 읽기, 전시회 가기, 음악감상, 넷플보기도 좋아해요!</p>
<br />
<br />
<br />
<h3>Favorite 2-음식</h3>
<br />
<p>날 것(일부)빼고 다 잘 먹고 좋아해요</p>
<p>고기 좋아😍 떡볶이 좋아😍 치킨좋아😍</p>
<p></p>
<br />
<br />
<br />
<h3>Favorite 3-사소한 취미</h3>
<br />
<p>웃기고, 귀여운 짤 모으는 거 좋아합니다</p>
<p>가지고 계신다면 같이 공유해요 ><</p>
</div>
</div>
</div>
<div class="idea" id="idea">
<h2>IDEA</h2>
<div class="idea-boxes1">
<u1 class="idea-boxes" id="idea boxes">
<li class="idea-box" id="idea-box">
<h3>한눈에 가게 인원수 파악 서비스</h3>
<br />
<img
src="KakaoTalk_20220504_022557816.jpg"
align="left"
width="421"
height="201"
/>
<br />
<br />
<br />
<p>서비스 고안계기 : 음식점 안의 인원 수가 너무 많아서</p>
<p>그냥 나오거나 오랫동안 기다린 경험이 떠올라</p>
<p>이를 개선하는 서비스가 나오면 좋을 것 같아서</p>
<p>고안하게 되었습니다.</p>
<br />
<p>
설명 : 예를 들어, 다음과 같이 인하대 주변의 지도를 켰을 때
</p>
<p>각 가게의 인원수를 한눈에 파악할 수 있으며</p>
<p>
음식점의 운영여부도 실시간으로 알 수 있도록
만들어보고싶습니다.
</p>
</li>
</u1>
</div>
</div>
</div>
</div>
<a href="#" class="controls">
<span id="prev"></span>
<span id="next">></span>
</a>
<footer class="more" id="more">
<div class="more-content">
<p>⭐Instagram⭐</p>
<a href="https://www.instagram.com/emotion._.0615/">
<img
src="인스타사진.png"
/>
</a>
</div>
<a id="back-to-top" href="#" class="visible">Top</a>
</footer>
</body>
</html>