-
Notifications
You must be signed in to change notification settings - Fork 0
/
Main.html
215 lines (204 loc) · 9.69 KB
/
Main.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
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="" content="width=
, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="Main.css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300&family=Poppins:wght@200&display=swap');
</style>
</head>
<body>
<header>
<div class="nav-wrapper">
<a href="Main.html"><img class = "logo_img" src="/VARI/VARI.png" alt=""></a>
<div class="content">
<a href="/VARI/Write.html"><button class="write">글쓰기</button></a>
<div id="menu">
<ul>
<li><a class="name" href="#"></span>김아련 <span class="nim">님</span></a>
<ul>
<li class="submenu"><a href="#">마이페이지</a></li>
<li class="submenu"><a href="/VARI/1_start.html">로그아웃</a></li>
</ul>
</li>
</ul>
</div>
<button class="dropbtn"><img class="bell-img" src="./img/bell_2.png" alt=""></button>
</div>
</div>
</header>
<div class="drop-content">
<a href="#" class="checkon"><div class="O"></div>서유선 <strong>님의 신청 확인</strong></a>
<a href="#" class="checkon"><div class="O"></div>문지혜 <strong>님의 신청 확인</strong></a>
<a href="#" class="checkoff"><div class="O"></div>백다미 <strong>님의 신청 확인</strong></a>
<a href="#" class="checkoff"><div class="O"></div>박하람 <strong>님의 신청 확인</strong></a>
<a href="#" class="checkoff"><div class="O"></div>정대우 <strong>님의 신청 확인</strong></a>
<a href="#" class="checkoff"><div class="O"></div>진예원 <strong>님의 신청 확인</strong></a>
</div>
<div class="main_top">
<ul>
<li class="space_interval">
<p class= "main_font">스터디와 포트폴리오,</p>
<p class= "main_font">프로젝트를 찾는 가장 쉬운 방법</p>
<p class= "main_font"> <span class ="vari">VARI</span> 에서 함께 할 팀원을 찾아보세요!</p></p>
</li>
<li class="space_interval"><img src="/VARI/VARI.png" alt=""></li>
</ul>
<ul>
<img class = "main_img"src="./img/Social page.png" alt="">
</ul>
</div>
<div id = "main_page_color">
<div class = "big-select">
<ul>
<li><a href="select_project.html"><span class="drop-in-underline">프로젝트</span></a></li>
<li><a href=""><span class="drop-in-underline">대회</span></a></li>
<li><a href=""><span class="drop-in-underline">포트폴리오</span></a></li>
<li><a href=""><span class="drop-in-underline">스터디</span></a></li>
</ul>
</div>
<div class = "middle-select">
<ul>
<li><a href="./select_web.html"># WEB</a></li>
<li><a href="./select_Android.html"># Android</a></li>
<li><a href="./select_iOS.html"># iOS</a></li>
<li><a href="./select_IoT.html"># IoT</a></li>
<li><a href="./select_AI.html"># AI</a></li>
<li><a href="./select_Design.html"># Design</a></li>
</ul>
</div>
<div class = "project-select project-select-interval">
<div class="project">
<ul>
<li class="project_img"><img src="./img/ex_project_img2.png" alt=""></li>
</ul>
<p class="project_ex">디자이너 구해요</p>
<p class="project_name K_project_font">도토리</p>
</div>
<div class="project">
<ul>
<li class="project_img"><img src="./img/ex_project_img.png" alt=""></li>
</ul>
<p class="project_ex">서버 개발자 구해요</p>
<p class="project_name E_project_font">the-moment</p>
</div>
<a href="/VARI/show.html">
<div class="project">
<ul>
<li class="project_img"><img src="./img/ex_project_img15.png" alt=""></li>
</ul>
<p class="project_ex">프로젝트 할 사람 구해요!</p>
<p class="project_name K_project_font">광대숲</p>
</div>
</a>
<div class="project">
<ul>
<li class="project_img"><img src="./img/ex_project_img5.png" alt=""></li>
</ul>
<p class="project_ex">iOS 개발자 구해요</p>
<p class="project_name E_project_font">OLiO</p>
</div>
</div>
<div class = "project-select">
<div class="project">
<ul>
<li class="project_img"><img src="./img/ex_project_img3.png" alt=""></li>
</ul>
<p class="project_ex">iOS 개발자 구해요</p>
<p class="project_name E_project_font">GO OUT</p>
</div>
<div class="project">
<ul>
<li class="project_img"><img src="./img/ex_project_img16.png" alt=""></li>
</ul>
<p class="project_ex">WEB 백엔드 구해요</p>
<p class="project_name E_project_font">VARI</p>
</div>
<div class="project">
<ul>
<li class="project_img"><img src="./img/ex_project_img6.png" alt=""></li>
</ul>
<p class="project_ex">WEB 프론트엔드 계세요??</p>
<p class="project_name E_project_font">MADI</p>
</div>
<div class="project">
<ul>
<li class="project_img"><img src="./img/ex_project_img7.png" alt=""></li>
</ul>
<p class="project_ex">디자이너 구해요</p>
<p class="project_name">취준진담</p>
</div>
</div>
<div class = "project-select">
<div class="project">
<ul>
<li class="project_img"><img src="./img/ex_project_img8.png" alt=""></li>
</ul>
<p class="project_ex">WEB 백엔드 구해요</p>
<p class="project_name E_project_font">ONDO</p>
</div>
<div class="project">
<ul>
<li class="project_img"><img src="./img/ex_project_img9.png" alt=""></li>
</ul>
<p class="project_ex">Android 개발자 구해요</p>
<p class="project_name E_project_font">GO OUT</p>
</div>
<div class="project">
<ul>
<li class="project_img"><img src="./img/ex_project_img10.png" alt=""></li>
</ul>
<p class="project_ex">디자이너 구해요</p>
<p class="project_name E_project_font">OLiO</p>
</div>
<div class="project">
<ul>
<li class="project_img"><img src="./img/ex_project_img11.png" alt=""></li>
</ul>
<p class="project_ex">iOS 개발자 구해여~~</p>
<p class="project_name E_project_font">ONDO</p>
</div>
</div>
<div class = "project-select">
<div class="project">
<ul>
<li class="project_img"><img src="./img/ex_project_img12.png" alt=""></li>
</ul>
<p class="project_ex">디자이너 구해요</p>
<p class="project_name E_project_font">GSM SPACE</p>
</div>
<div class="project">
<ul>
<li class="project_img"><img src="./img/ex_project_img4.png" alt=""></li>
</ul>
<p class="project_ex">iOS 개발자 구해용</p>
<p class="project_name K_project_font">취준진담</p>
</div>
<div class="project">
<ul>
<li class="project_img"><img src="./img/ex_project_img13.png" alt=""></li>
</ul>
<p class="project_ex">WEB 프론트엔드 구해요</p>
<p class="project_name E_project_font">PANORAMA</p>
</div>
<div class="project">
<ul>
<li class="project_img"><img src="./img/ex_project_img14.png" alt=""></li>
</ul>
<p class="project_ex">WEB 백엔드 구해요</p>
<p class="project_name E_project_font">PET CORN</p>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="main.js"></script>
</body>
</html>