순서
1. DB생성
2. 카드 생성 - 지원현황 / 월별모집중
3. DB 연결 - 지원현황 / 월별모집중 카드
지원현황판 내용 수정 방법
안에 달린 주석 참고해서 내용 수정하시면 됩니다
<!--현황판-->
<div class="top_block">
<div class="top_slide">
<!-- 연결 링크: "location.href='연결될 링크 삽입'" -->
<button type="button" onclick="location.href='https://wannago.oopy.io/why/rodlsdugod' " class="card_list">
<div class="top_item_box_list">
<div class="item_box_list">
<div class="tag_box_list"><a class="bottom_list">모집중</a><br></div>
<!-- db연결 리스트 순서대로 숫자 변경 container_list{1} -->
<div class="container_list1 container_list">
</div>
<div class="card_text_list">
<div class="middle_box_list">
<!-- 날짜 -->
<a class="middle_list purple"><b>3/12 - 3/14</b></a>
<!-- 상세 내용 (모바일 글자수 확인 필수!) -->
<a class="middle_list">여자만, 홉스골, 3박4일여정 </b></a><br>
</div>
</div>
</div>
<div class="list_btn">
<a class="seemore">자세히보기</a>
</div>
</button>
</div>
</div>
HTML
복사
월별모집중 내용 수정 방법
<div class="collection_block feb" id="feb">
<div class="slide">
<!--이동 링크: "location.href='이동할 링크 삽입'"-->
<button type="button" onclick="location.href='https://wannago.oopy.io/why/rodlsdugod'" class="card">
<!--tag 내용 수정: <a class="tag1">태그내용</a>-->
<div class="tag_txt"><a class="tag1">모집중</a></div>
<div class="cont_all">
<div class="card_text">
<!--제목 수정: <a class="head">제목 내용</b></a>-->
<a class="head">홉스골, 20대 여자만, 2030</b></a><br>
<div class="middle_box">
<!--내용 수정: <a class="middle">내용 수정</a>-->
<a class="middle">여자만 참여할 수 있는 모임이에요 가보자고!</a><br>
</div>
<!--db연결 순서에 따라 숫자 넣기 container{n}-->
<div class="container container1">
</div>
</div>
<div class="botton_btn_container">
<div class="bottom_btn">
<a class="bottom_btn_txt">자세히보기</a>
</div></div>
</div>
</button>
</div>
</div>
HTML
복사
