Skip to content

Commit

Permalink
8기 모집 날짜 수정
Browse files Browse the repository at this point in the history
  • Loading branch information
@sonah5009
sonah5009 committed Feb 23, 2024
1 parent db4c4a2 commit 55fba73
Show file tree
Hide file tree
Showing 3 changed files with 134 additions and 118 deletions.
4 changes: 2 additions & 2 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -88,10 +88,10 @@
</section>
<section id="scroll2" class="section-padding">
<div id="recruiting-p">
🎮 7기 부원 모집 중 🎮
🎮 8기 부원 모집 중 🎮
</div>
<h2>서류 접수</h2>
<p>2023.02.20(월) ~ 03.04(토)</p>
<p>2024.02.24(월) ~ 03.03(일)</p>
</div>
<!-- <div style="padding-top: 10px">오류가 생겨 고치는 중입니다. 구글 폼 작성은 2023.02.21 오후 6시에 열립니다.</div>
<div>궁금한 점은 <a href="http://pf.kakao.com/_yDxkvxj" style="color: yellow">카카오톡 채널</a>로 문의 주세요</div> -->
Expand Down
227 changes: 120 additions & 107 deletions recruitment.html
View file
Original file line number Diff line number Diff line change
@@ -1,115 +1,128 @@
<!DOCTYPE html>
<html lang="en">
<head>
<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" />

<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 rel="stylesheet" href="./styles/shared.css">
<link rel="stylesheet" href="./styles/subpages.css">
<link rel="stylesheet" href="./styles/recruitment.css">
<!-- 폰트 -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Gamja+Flower&family=Gothic+A1:wght@400;600;900&family=Paytone+One&family=Quicksand:wght@300;400&display=swap" rel="stylesheet">
<title>Recruitment</title>
</head>
<body>
<header id="main-header">
<a href="./index.html" id="page-logo">MAV</a>
<nav>
<ul>
<li>
<a href="./activities.html" class="nav-underline">ACTIVITIES</a>
</li>
<li>
<a href="./members.html" class="nav-underline">MEMBERS</a>
</li>
<li>
<a href="./recruitment.html" class="nav-underline">RECRUITMENT</a>
</li>
</ul>
</nav>
<a href="#side-drawer" class="menu-btn">
<span></span>
<span></span>
<span></span>
</a>
</header>
<aside id="side-drawer">
<header>
<a href="#" class="menu-btn menu-btn-on">
<link rel="stylesheet" href="./styles/shared.css" />
<link rel="stylesheet" href="./styles/subpages.css" />
<link rel="stylesheet" href="./styles/recruitment.css" />
<!-- 폰트 -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Gamja+Flower&family=Gothic+A1:wght@400;600;900&family=Paytone+One&family=Quicksand:wght@300;400&display=swap"
rel="stylesheet" />
<title>Recruitment</title>
</head>
<body>
<header id="main-header">
<a href="./index.html" id="page-logo">MAV</a>
<nav>
<ul>
<li>
<a href="./activities.html" class="nav-underline">ACTIVITIES</a>
</li>
<li>
<a href="./members.html" class="nav-underline">MEMBERS</a>
</li>
<li>
<a href="./recruitment.html" class="nav-underline">RECRUITMENT</a>
</li>
</ul>
</nav>
<a href="#side-drawer" class="menu-btn">
<span></span>
<span></span>
<span></span>
</a>
</header>
<nav>
<ul>
<li>
<a href="./activities.html">ACTIVITIES</a>
</li>
<li>
<a href="./members.html">MEMBERS</a>
</li>
<li>
<a href="./recruitment.html">RECRUITMENT</a>
</li>
</ul>
</nav>
</aside>
<main>
<section class="section-padding section-top">
<div>
<div class="subtitle">
<span class="color-blue-600">R</span>ECRUITMENT
</div>
<span class="recruitment-title">MAV 7기 모집</span>
<div id="applyBtn">
<a href="https://docs.google.com/forms/d/e/1FAIpQLSdMY4GStEE1J4Z_ehA6s22vjXmXw6aLK-I-QTEEn9_b0KsZgw/viewform">지원하기</a>
</div>
</div>
</section>
<section class="section-padding section-middle">
<h1 class="listTitle">지원 자격</h1>
<ul class="ulItem">
<li class="liItem">학과(원전공/복수전공): 소프트웨어학과</li>
<li class="liItem">메타버스에 대해 여러 사람과 함께 알아보고 싶어요!</li>
<li class="liItem"> Unity || Unreal Engine을 이용해 자신만의 가상 세계를 만들어보고 싶어요!</li>
<li class="liItem">소프트웨어학과 선후배 / 동기들과 함께 즐거운 학기를 보내고 싶어요!</li>
<li class="liItem">1년이상 활동</li>
</ul>
</section>
<section class="section-middle">
<h1 class="listTitle">모집 일정</h1>
<div class="recruitment-box">
<div class="recruitment-box-item">
<h2>서류 접수</h2>
<p>2023.02.20(월) ~ 03.04(토)</p>
</div>
<div class="big-arrow">→</div>
<!-- <div class="recruitment-box-item">
<h2>서류 결과 발표</h2>
<p>2023.00.00</p>
</div>
<div class="big-arrow">→</div> -->

<div class="recruitment-box-item">
<h2>면접</h2>
<p>2023.03.08(수) ~ 03.10(금)</p>
</div>
<div class="big-arrow">→</div>
<div class="recruitment-box-item">
<h2>결과 발표</h2>
<p>2023.03.12(일)</p>
</div>
</div>
</section>
</main>
<footer>

</footer>
</body>

</html>
<aside id="side-drawer">
<header>
<a href="#" class="menu-btn menu-btn-on">
<span></span>
<span></span>
<span></span>
</a>
</header>
<nav>
<ul>
<li>
<a href="./activities.html">ACTIVITIES</a>
</li>
<li>
<a href="./members.html">MEMBERS</a>
</li>
<li>
<a href="./recruitment.html">RECRUITMENT</a>
</li>
</ul>
</nav>
</aside>
<main>
<section class="section-padding section-top">
<div>
<div class="subtitle">
<span class="color-blue-600">R</span>ECRUITMENT
</div>
<span class="recruitment-title">MAV 7기 모집</span>
<div id="applyBtn">
<a target="_blank" href="https://forms.gle/3GDcXwkRkvHdveLLA">
<button>모집중</button>
</a>
</div>
</div>
</section>
<section class="section-padding section-middle">
<h1 class="listTitle">지원 자격</h1>
<ul class="ulItem">
<li class="liItem">
학과(원전공/복수전공): 소프트웨어융합대학 소속 전 학과
</li>
<li class="liItem">(이외 학과 지원 희망 시 카카오채널 문의)</li>
<li class="liItem">
<a
target="_blank"
class="linkItem"
href="http://pf.kakao.com/_jltrG">
카카오톡 공식 채널 : http://pf.kakao.com/_jltrG
</a>
</li>
<br />
<li class="liItem">
메타버스에 대해 여러 사람과 함께 알아보고 싶어요!
</li>
<li class="liItem">
Unity || Unreal Engine을 이용해 자신만의 가상 세계를 만들어보고
싶어요!
</li>
<li class="liItem">
소프트웨어학과 선후배 / 동기들과 함께 즐거운 학기를 보내고 싶어요!
</li>
<li class="liItem">1년이상 활동</li>
</ul>
</section>
<section class="section-middle">
<h1 class="listTitle">모집 일정</h1>
<div class="recruitment-box">
<div class="recruitment-box-item">
<h2>서류 접수</h2>
<p>2024.02.24(월) ~ 03.03(일)</p>
</div>
<div class="big-arrow">→</div>
<div class="recruitment-box-item">
<h2>면접</h2>
<p>2023.03.06(수) ~ 03.08(금)</p>
</div>
<div class="big-arrow">→</div>
<div class="recruitment-box-item">
<h2>결과 발표</h2>
<p>2023.03.09(토)</p>
</div>
</div>
</section>
</main>
<footer></footer>
</body>
</html>
21 changes: 12 additions & 9 deletions styles/recruitment.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
font-size: 1.7rem;
}

#applyBtn a {
#applyBtn button {
margin-top: 3rem;
background-color: var(--color-blue-600);
border: none;
Expand All @@ -18,11 +18,10 @@
text-align: center;
}

#applyBtn a:hover {
#applyBtn button:hover {
background-color: var(--color-blue-300);
}


.listTitle {
font-weight: 600;
font-size: 2rem;
Expand All @@ -41,6 +40,13 @@
padding: 10px;
}

.linkItem {
color: var(--color-blue-100);
}
.linkItem:hover {
color: var(--color-blue-600);
}

.section-padding {
padding: 9rem 0;
text-align: center;
Expand All @@ -52,7 +58,6 @@

.section-middle {
text-align: center;

}

/* 모집 일정 */
Expand All @@ -66,7 +71,7 @@
top: 0;
left: 0;
box-sizing: border-box;

/* background-color: var(--color-white-0) */
}

Expand Down Expand Up @@ -100,9 +105,8 @@
text-align: center;
}


.section-middle {
grid-template-columns: 1fr ;
grid-template-columns: 1fr;
}

.recruitment-box {
Expand All @@ -116,11 +120,10 @@
padding: 0 30%;
list-style: none;
/* width: 100%; */

}

.recruitment-box-item {
padding: 1rem 1.5rem;
width: 10rem;
}
}
}

0 comments on commit 55fba73

Please sign in to comment.