1팀 : 5명
팀원분의 반려 앵무새 이름을 딴 핑핑이집사단
3-9시 스터디 계획
1️⃣ 3시 출석체크
2️⃣ 6시 & 8시 생존신고
3️⃣ 8시 40분 오늘 진도 현황 및 내일 계획 회의
목표
▶ 내배캠의 5개월 위시리스트 페이지 만들기
▶ 백그라운드 컬러 : 노랑, 주황, 초록
▶ 총 3 페이지
[1] 메인 페이지
[2] 조 생성 페이지
[3] 각 조의 위시리스트 페이지
내가 맡은 역할
[2] 페이지의 프론트엔드
등록하기 : 조 등록
돌아가기 : [1] 페이지로 돌아감
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
<title>핑핑이집사단's 위시리스트</title>
<link href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap" rel="stylesheet">
<style>
* {
font-family: 'Gowun Dodum', sans-serif;
}
.title {
height: 300px;
width: 100%;
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("https://cdn.pixabay.com/photo/2020/04/17/12/28/cloud-5055011__340.jpg");
background-position: center;
background-size: cover;
color: white;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.create-title {
max-width: 400px;
width: 95%;
margin: 20px auto 0px auto;
padding: 20px;
}
.mybutton {
margin: 10px auto 0px auto;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.mybutton > button {
margin-right: 10px;
}
.mybutton > button:hover {
border: 2px solid black;
}
</style>
<script>
</script>
</head>
<body>
<div class="title">
<h1>위시리스트 조 만들기</h1>
</div>
<div class="create-title" id="create-box">
<div class="mb-3">
<label for="team_name" class="form-label">조 이름 :</label>
<input type="text" class="form-control" id="team_name" placeholder="조 이름을 입력하세요">
</div>
<div class="mb-3">
<label for="leader_name" class="form-label">팀장 닉네임 :</label>
<input type="text" class="form-control" id="leader_name" placeholder="팀장 닉네임을 입력하세요">
</div>
<div class="mb-3">
<label for="pw" class="form-label">비밀번호 :</label>
<input type="text" class="form-control" id="pw" placeholder="삭제시 사용할 비밀번호를 입력하세요">
</div>
</div>
<div class="mypost" id="create-button">
<div class="mybutton">
<button onclick="back_main()" type="button" class="btn btn-light">돌아가기</button>
<button onclick="post_team()" type="button" class="btn btn-warning">등록하기</button>
</div>
</div>
</body>
</html>
'팀프로젝트 > 핑핑이집사단_조별 버킷리스트 페이지' 카테고리의 다른 글
| 조별 버킷리스트 만들기 팀프로젝트 두번째 (0) | 2023.03.07 |
|---|