<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>2021 MINI HOMEPAGE(기본레이아웃 7일차!)</title>
<link rel="stylesheet" href="./images/style.css"/>
</head>
<!--To Day Do it Tag dvi,span Tag and position property) 기본 레이아웃 적용-->
<body>
<!-- 7일차 추가내용
+flex 레이아웃에서 적용할 속성
+ 컨테이너에 적용하는 속성
+ 아이템에 적용하는 속성
+https://flexbox.tech/ -flex 레레이아웃 테스트 사이트
-->
<div class="bookcover">
<div class="점선">
<div class="페이지">
<div class= "컨테이너1">
<div class="아이템1상단">TODAY<span class="RED"> 10</span> | TOTAL 35425</div>
<dvi class="item1">
<span class="item1-1"></span>
<span class="item1-2">
<ul>
<li>Name(이름) : 이유진</li>
<li>Country(국적) : KOREA</li>
<li>AGE(나이) : 1993</li>
<li>Heihgt(키) : 172cm</li>
<li>Weight(체중) : 73-80kg</li>
<li>Category(종목) : Man's Physique</li>
</ul>
</span>
<span class="item1-3"> IFBB PRO 이유진 </span>
</dvi>
</div>
<div class= "컨테이너2">
<div class="헤더">
<div class="아이템2상단">BINI_NOTE</div>
<div class="아이템2-1상단">http://url주소/나중에입력</div>
</div>
<dvi class="item2"></dvi>
</div>
<div class="컨테이너3">메뉴판</div>
</div>
</div>
</div>
</body>
</html>
