<!DOCTYPE html>
<html lang="en">
<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>EDIYA COFFEE</title>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./css/style.css" type="text/css">
</head>
<body>
<div id="wrap">
<header id="header">
<ul class="site">
<li><a href="#">브랜드 사이트</a></li>
<li><a href="#">기업 사이트</a></li>
</ul>
<ul class="util">
<li><a href="#">로그인</a></li>
<li><a href="#">회원가입</a></li>
<li><a href="#">매장찾기</a></li>
<li><a href="#">고객의 소리</a></li>
</ul>
<ul class="sns">
<li><a href="#"><img src="./images/top_sns01.gif" alt="blog image"></a></li>
<li><a href="#"><img src="./images/top_sns02.gif" alt="instagram image"></a></li>
<li><a href="#"><img src="./images/top_sns03.gif" alt="facebook image"></a></li>
<li><a href="#"><img src="./images/top_sns04.gif" alt="youtube image"></a></li>
</ul>
<h1><a href="#"><img src="./images/top_logo.gif" alt="EDIYA COFFEE image"></a></h1>
<nav>
<ul class="gnb">
<li><a href="#">메뉴</a></li>
<li><a href="#">이디야멤버십</a></li>
<li><a href="#">기프트카드</a></li>
<li><a href="#">이디야커피랩</a></li>
<li><a href="#">이디야컬쳐랩</a></li>
</ul>
</nav>
</header>
<section id="subVisual">
<!-- 의미가 있는 영역은 section -->
<h2>음료</h2>
<p class="comment">ALWAYS BESIDE YOU, EDIYA COFFEE</p>
<ul class="lnb inner clearfix">
<li><a class="on" href="#">음료</a></li>
<li><a href="#">베이커리</a></li>
<li><a href="#">이디야스낵</a></li>
<li><a href="#">MD</a></li>
<li><a href="#">비니스트</a></li>
<li><a href="#">원두</a></li>
</ul>
</section> <!-- subVisual end -->
<section id="contents" class="inner">
<div class="subTitle clearfix">
<h3>추천상품</h3>
<ol class="breadcrumbs">
<li><a href="#">Home</a></li>
<li><a href="#">메뉴</a></li>
<li><a href="#">음료</a></li>
</ol>
</div> <!-- subTitle -->
<ul class="drinkMenu clearfix">
<li><a href="#"><img src="./images/menu_01.png" alt="아인슈페너 사진"><br>아인슈페너</a></li>
<li><a href="#"><img src="./images/menu_02.png" alt="골든바닐라슈페너 사진"><br>골든바닐라슈페너</a></li>
<li><a href="#"><img src="./images/menu_03.png" alt="크림달고나라떼 사진"><br>크림달고나라떼</a></li>
<li><a href="#"><img src="./images/menu_04.png" alt="카페모카 사진"><br>카페모카</a></li>
<li><a href="#"><img src="./images/menu_01.png" alt="아인슈페너 사진"><br>아인슈페너</a></li>
<li><a href="#"><img src="./images/menu_02.png" alt="골든바닐라슈페너 사진"><br>골든바닐라슈페너</a></li>
<li><a href="#"><img src="./images/menu_03.png" alt="크림달고나라떼 사진"><br>크림달고나라떼</a></li>
<li><a href="#"><img src="./images/menu_04.png" alt="카페모카 사진"><br>카페모카</a></li>
</ul>
</section> <!-- contents end -->
<footer id="footer">
<div class="inner">
<p class="footerLogo">
<img src="./images/bottom_logo.gif" alt="EDIYA COFFEE image">
</p>
<ul class="footerLink">
<li><a href="#">개인정보처리방침</a></li>
<li><a href="#">이용약관</a></li>
<li><a href="#">가맹안내</a></li>
<li><a href="#">대량쿠폰구매</a></li>
<li><a href="#">채용안내</a></li>
</ul>
<address>
서울특별시 강남구 논현동 636 이디야빌딩(서울특별시 강남구 논현동 221-17)
TEL : 02-543-6467 FAX : 02-543-7191 <br>
사업자등록번호 : 107-86-16309 통신판매업 신고 : 강남 제 002519호 대표이사 : 문창기
</address>
<p class="copy">
© 2017 EDIYA COFFEE COMPANY. ALL RIGHTS RESERVED.
</p>
</div> <!-- inner end -->
</footer>
</div> <!-- wrap end -->
</body>
</html>
Engineering is the closest thing to magic that exists in the world.