저번에 만든 프로필 사이트 마크업을 완료했습니다.
한 번에 밸리데이터 통과!
<!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,minimum-scale=1,maximum-scale=1,user-scalable=no">
<title>제목</title>
<link rel="stylesheet" href="mobile.css">
<link rel="stylesheet" media="(min-width:768px)" href="tablet.css">
<link rel="stylesheet" media="(min-width:1280px)" href="pc.css">
</head>
<body>
<main>
<section class="section1">
<div class="nameWrap">
<h1>Lee JungGuk</h1>
<img src="" alt="arrow">
</div>
<p>Functional Solutioner</p>
</section>
<section class="section2">
<h2>이정국 솔루셔너</h2>
<p>내용</p>
<div class="certificateWrap">
<div class="contnts1">
<img src="" alt="c1">
<p>생활스포츠지도사 2급</p>
</div>
<div class="contnts1">
<img src="" alt="c2">
<p>노인스포츠지도사 2급</p>
</div>
<div class="c`ontnts3">
<img src="" alt="c3">
<p>NASM CES</p>
</div>
<div class="contnts4">
<img src="" alt="c4">
<p>NSCA 스포츠영양코치 Advanced</p>
</div>
</div>
</section>
<section class="section3">
<h3>경력 사항</h3>
<div class="careerBox1">
<span>2021 ~ 2023</span>
<p>퍼스널 트레이닝</p>
<span>팀장</span>
</div>
<div class="careerBox2">
<span>22023 ~</span>
<p>리커버 헬스&필라테스</p>
<span>솔루셔너</span>
</div>
</section>
<section class="section4">
<h2>Before & After</h2>
<div class="bfWrap">
<div class="box1"><p>박xx 회원님 6개월 변화</p></div>
<div class="box2"><p>박xx 회원님 6개월 변화</p></div>
<div class="box3"><p>박xx 회원님 6개월 변화</p></div>
<div class="seeAll"><p>전체보기</p></div>
</div>
</section>
<section class="section5">
<h2>리뷰</h2>
<div class="contentsWrap">
<div class="girdContainer">
<div class="gridContents1"></div>
<div class="gridContents2"></div>
<div class="gridContents3"></div>
<div class="gridContents4"></div>
<div class="gridContents5"></div>
<div class="gridContents6"></div>
<div class="gridContents7"></div>
<div class="gridContents8"></div>
<div class="gridContents9"></div>
<div class="gridContents10"></div>
<div class="gridContents11"></div>
<div class="gridContents12"></div>
</div>
<div class="btnWrap">
<h3>전체후기 보러가기</h3>
<img src="" alt="section5Arrow">
</div>
</div>
<div class="kakaoBtn">
<div class="iconWrap">
<img src="" alt="kakao">
<p>카카오톡 상담하기</p>
</div>
</div>
</section>
</main>
<footer>
<em>Copyright 2023. Lee JuHyeon all right reserved.</em>
</footer>
</body>
</html>내일은 css를 짜볼까요?
저녁놀 마을 사람