KDT1-FE · dosick0 · Apr 11, 2023 · Apr 11, 2023 · iamidlek · Apr 11, 2023
diff --git a/README.md b/README.md
@@ -1,45 +1,8 @@
-# 👀 자신이 원하는 사이트 레이아웃 클론
+# 첫번째 과제 - 자신이 원하는 사이트 레이아웃 클론
 
-원하는 사이트(페이지)를 자유롭게 선택하고 레이아웃을 클론 코딩하세요.  
-평소에 도전해 보고 싶었거나 혹은 자신의 수준에 맞는 사이트(페이지)를 선택하세요.   
-과제 수행 및 리뷰 기간은 별도 공지를 참고하세요!
+## →프로배구 챔피언결정전 안내 사이트 레이아웃 클론
 
-## 과제 수행 및 제출 방법
+## →브런치명 "KDT5_KimDoYeon"
 
-1. 현재 저장소를 로컬에 클론(Clone)합니다.
-1. 자신의 본명으로 브랜치를 생성합니다.(구분 가능하도록 본명을 꼭 파스칼케이스로 표시하세요, `git branch KDT0_ParkYoungWoong`)
-1. 자신의 본명 브랜치에서 과제를 수행합니다.
-1. 과제 수행이 완료되면, 자신의 본명 브랜치를 원격 저장소에 푸시(Push)합니다.(`main` 브랜치에 푸시하지 않도록 꼭 주의하세요, `git push origin KDT0_ParkYoungWoong`)
-1. 저장소에서 `main` 브랜치를 대상으로 Pull Request 생성하면, 과제 제출이 완료됩니다!(E.g, `main` <== `KDT0_ParkYoungWoong`)
-
-- `main` 혹은 다른 사람의 브랜치로 절대 병합하지 않도록 주의하세요!
-- Pull Request에서 보이는 설명을 다른 사람들이 이해하기 쉽도록 꼼꼼하게 작성하세요!
-- Pull Request에서 과제 제출 후 절대 병합(Merge)하지 않도록 주의하세요!
-- 과제 수행 및 제출 과정에서 문제가 발생한 경우, 바로 담당 멘토나 강사에서 얘기하세요!
-
-## 필수 요구사항
-
-- [ ] 과제에 대한 설명을 포함한 `README.md` 파일을 제공하세요!
-- [ ] 과제 결과와 비교할 수 있는 실제 사이트(페이지)의 주소를 명시하세요!
-- [ ] 과정에서 사용한 프로젝트 폴더/파일이 모두 포함돼야 합니다, 일부 파일만 제출하지 마세요! 
-- [ ] 실제 서비스로 배포하고 접근 가능한 링크를 추가해야 합니다.
-
-## 선택 요구사항
-
-- [ ] `<header>`, `<section>` 등 시멘틱 태그를 최대한 활용해보세요.
-- [ ] 실제 사이트의 레거시 코드 활용보단 최신의 CSS Flex 혹은 Grid 등을 활용해보세요.
-- [ ] 부분적으로 BEM 방법론을 도입해보세요.
-- [ ] JS가 필요한 부분은 되도록 생략하되 이유를 명시해보세요.(CSS로 대체 가능한지 피드백이 있을 수 있겠죠?!)
-- [ ] JS가 필요한 부분 중 구현할 부분이 있다면 자유롭게 구현해보세요.(JS 과제가 아니니까 가볍게 구현하시길 추천해요)
-- [ ] SCSS 등의 CSS 전처리도구를 도입해보세요.
-- [ ] SCSS 컴파일에 Webpack이나 Parcel 같은 번들러를 활용해보세요.
-
-## 손쉬운 이미지 추출 방법
-
-사이트 클론에 필요한 이미지를 좀 더 쉽게 추출하기 위해서 Chrome 확장 프로그램인 [Image Downloader](https://chrome.google.com/webstore/detail/image-downloader/cnpniohnfphhjihaiiggeabnkjhpaldj?hl=ko)를 사용하세요.
-
-1. 원하는 사이트 접속
-1. Image Downloader 확장 프로그램 실행
-1. 다운로드 원하는 이미지 선택
-1. 서브 폴더 이름(Save to subfolder) 명시
-1. 다운로드!
+## →사이트 레이아웃 주소  [프로배구연맹] (https://www.kovo.co.kr/main.asp)
+### → 현재 챔피언결정전 종료로 해당 사이트 확인 불가입니다.
diff --git a/index.html b/index.html
@@ -0,0 +1,199 @@
+<!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">
+  <title>KOVO 한국배구연맹</title>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reset-css@5.0.1/reset.min.css">
+  <link rel="stylesheet" href="main.css">
+</head>
+<body>
+  <section id="number_1">
+    <header class="frist">
+      <h1 class="dodram">
+        <img src="https://www.kovo.co.kr/images/intro/em_fin_2223.png" alt="Dodram V-league Finals">
+      </h1>
+      <div class="rink">
+        <a href="https://www.kovo.co.kr/main.asp" class="lefticon"><span>KOVO홈페이지</span></a>
+        <a href="https://www.vticket.co.kr/2223postseason-main" class="righticon"><span>티켓예매 바로가기</span></a>
+      </div>
+    </header>
+    <article class="second">
+      <div class="Matchupday">
+        <h2 class="title">
+          <img src="https://www.kovo.co.kr/images/intro/tit2_2223.png" alt="챔피언결정전">       
+        </h2>
+
+        <div class="matchup">
+          <div class="gameboy">
+            <h3>
+            남자부
+            </h3>
+
+            <div class="match">
+              <div class="team1"> 
+                <img src="https://www.kovo.co.kr/images/emblem/emblem_jumbos_m.png" alt="대한항공">
+                <p class="name">대한항공</p>
+              </div>
+
+              <div class="vs">vs</div>
+
+              <div class="team2">
+                <img src="https://www.kovo.co.kr/images/emblem/emblem_skywalkers_m.png" alt="현대캐피탈">
+                <p class="name">현대캐피탈</p>
+              </div>
+          </div>          
+          <table>
+            <tbody>
+              <tr>
+                <th>3월30일(목)</th><td>19:00</td><td>인천</td><td>미배정</td>
+              </tr>
+              <tr>
+                <th>4월1일(토)</th><td>19:00</td><td>인천</td><td>미배정</td>
+              </tr>
+              <tr> 
+                <th>4월3일(월)</th><td>19:00</td><td>천안</td><td>미배정</td>
+              </tr>
+              <tr> 
+                <th>4월5일(수)</th><td>19:00</td><td>천안</td><td>미배정</td>
+              </tr>
+              <tr> 
+                <th>4월7일(금)</th><td>19:00</td><td>인천</td><td>미배정</td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+
+        <div class="gamegirl">
+          <h3>
+            여자부
+          </h3>
+          <div class="match">
+            <div class="team1">
+              <img src="https://www.kovo.co.kr/images/emblem/emblem_pinkspiders_m.png" alt="흥국생명">
+              <p class="name">흥국생명</p>
+            </div>
+            <div class="vs">
+              vs
+            </div>
+            <div class="team2">
+              <img src="https://www.kovo.co.kr/images/emblem/emblem_zenith_m.png" alt="도로공사">
+              <p class="name">도로공사</p>
+            </div>
+          </div>  
+          <table>
+            <tbody>
+              <tr>
+                <th>3월29일(수)</th><td>19:00</td><td>인천</td><td>미배정</td>
+              </tr>
+              <tr>
+                <th>3월31일(금)</th><td>19:00</td><td>인천</td><td>미배정</td>
+              </tr>
+              <tr> 
+                <th>4월2일(일)</th><td>19:00</td><td>김천</td><td>미배정</td>
+              </tr>
+              <tr> 
+                <th>4월4일(화)</th><td>19:00</td><td>김천</td><td>미배정</td>
+              </tr>
+              <tr> 
+                <th>4월6일(목)</th><td>19:00</td><td>인천</td><td>미배정</td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        </div>
+      </div>
+      <div class="tvinfor">
+        <span class="note">※ 중계일정은 방송사 사정에 따라 변경 될 수 있습니다. (현장 제작방송사*표시)</span>
+      </div>
+    </article>
+    <footer>
+      <article class="top">
+        <div class="top1">
+          <div class="teamname">
+          남자배구단
+          </div>
+          <div>
+            <img src="https://www.kovo.co.kr/images/emblem/emblem_jumbos_s.png" alt="대한항공">
+          </div>
+          <div>
+            <img src="https://www.kovo.co.kr/images/emblem/emblem_kb_s.png" alt="KB손해보험">
+          </div>
+          <div>
+            <img src="https://www.kovo.co.kr/images/emblem/emblem_hansae_s.png" alt="우리카드">
+          </div>
+          <div>
+            <img src="https://www.kovo.co.kr/images/emblem/emblem_kepco_s.png" alt="한국전력">
+          </div>
+          <div>
+            <img src="https://www.kovo.co.kr/images/emblem/emblem_rushncash_s.png" alt="ok저축은행">
+          </div>
+          <div>
+            <img src="https://www.kovo.co.kr/images/emblem/emblem_bluefangs_s.png" alt="삼성화재">
+          </div>
+          <div>
+            <img src="https://www.kovo.co.kr/images/emblem/emblem_skywalkers_s.png" alt="현대캐피탈">
+          </div>
+          <div class="teamname">
+            여자배구단
+          </div>
+          <div>
+            <img src="https://www.kovo.co.kr/images/emblem/emblem_hyundai_s.png" alt="현대건걸">
+          </div>
+          <div>
+            <img src="https://www.kovo.co.kr/images/emblem/emblem_zenith_s.png" alt="도로공사">
+          </div>
+            <div>
+            <img src="https://www.kovo.co.kr/images/emblem/emblem_kixx_s.png" alt="GS칼텍스">
+          </div>
+          <div>
+            <img src="https://www.kovo.co.kr/images/emblem/emblem_kgc_s.png" alt="인삼공사">
+          </div>
+          <div>
+            <img src="https://www.kovo.co.kr/images/emblem/emblem_altos_s.png" alt="기업은행">
+          </div>
+          <div>
+            <img src="https://www.kovo.co.kr/images/emblem/emblem_pinkspiders_s.png" alt="흥국화재">
+          </div>
+          <div>
+            <img src="https://www.kovo.co.kr/images/emblem/emblem_peppers_s.png" alt="페퍼저축은행">
+          </div>
+        </div>
+        <div class="top2">
+          KOVO 및 KOVO 소속 14개 팀로고, 마스코트, 엠블럼과 KOVO 소속 선수의 사진, 초상, 영상, 캐릭터 및 기타 KOVO의 지적재산권등을 무단으로 사용하는 것은 상표법 및 저작권법에 의해 금지됩니다.
+        </div>  
+      </article>
+      <div class="bottom">
+        <div class="bottom1">
+          <ul>
+            <a href="https://www.kada-ad.or.kr/" class="Alink"><span>ANTIDOPING</span></a>
+            <a>｜</a> 
+            <a href="https://www.kovo.co.kr/kovo/76000_anti-date.asp" class="Alink"><span>선수고충처리센터</span></a>
+            <a>｜</a>
+            <a href="https://www.kovo.co.kr/kovo/77100_clean-info.asp" class="Alink"><span>클린센터 </span></a>
+            <a>｜</a>
+            <a href="https://www.kovo.co.kr/member/85100_privercy-guide.asp" class="Blink"><span>개인정보처리방침</span></a>
+            <a>｜</a>
+            <a href="https://www.kovo.co.kr/member/85200_policy-guide.asp" class="Alink"><span>이용약관</span></a>
+            <a>｜</a>
+            <a href="https://www.kovo.co.kr/member/85300_nomail-guide.asp" class="Alink"><span>이메일무단수집거부</span></a>
+            <a>｜</a>
+            <a href="https://www.kovo.co.kr/kovo/71500_location.asp" class="Alink"><span>오시는길</span></a>
+          </ul>
+        </div>
+        <div class="bottom2">
+          <div class="logo">
+            <img src="https://www.kovo.co.kr/images/common/ci_footer.png" alt="kovo">
+          </div>        
+          <div class="address">
+            <span>[03925] 서울특별시 마포구 월드컵북로 402 KGIT센터 11층 한국배구연맹 | TEL : 02-422-0110 | FAX : 02-418-0131</span>
+            <p> (C) KOREAN VOLLEYBALL FEDERATION. ALL RIGHT RESERVED.</p>
+          </div>    
+        </div>
+      </div>        
+      </article>
+    </footer>
+  </section>   
+</body>
+</html>s