<!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>서브웨이</title>
<link rel="stylesheet" href="./css/common.css" type="text/css">
<link rel="stylesheet" href="./css/main.css" type="text/css">
</head>
<body>
<div id="wrap">
<header id="header">
<div class="inner">
<h1><a href="index.html"><img src="./images/logo.png" alt="Subway image"></a></h1>
<nav>
<ul class="gnb">
<li><a href="#">메뉴소개</a>
<ul class="dp2">
<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>
</li>
<li><a href="#">이용방법</a>
<ul class="dp2">
<li><a href="#">써브웨이 이용방법</a></li>
<li><a href="#">단체메뉴 이용방법</a></li>
</ul>
</li>
<li><a href="#">새소식</a>
<ul class="dp2">
<li><a href="#">이벤트 · 프로모션</a></li>
<li><a href="#">뉴스 · 공지사항</a></li>
<li><a href="#">TV 광고</a></li>
</ul>
</li>
<li><a href="#">써브웨이</a>
<ul class="dp2">
<li><a href="#">써브웨이 역사</a></li>
<li><a href="#">써브웨이 약속</a></li>
<li><a href="#">매장찾기</a></li>
</ul>
</li>
<li><a href="#">가맹점</a>
<ul class="dp2">
<li><a href="#">프랜차이즈</a></li>
<li><a href="#">가맹관련 FAQ</a></li>
<li><a href="#">가맹신청문의</a></li>
<li><a href="#">지사안내</a></li>
</ul>
</li>
</ul>
</nav>
<ul class="util">
<li><a href="#">매장찾기</a></li>
<li><a href="#">가맹문의</a></li>
<li><a href="#">고객센터</a></li>
</ul>
</div> <!-- inner end -->
</header> <!-- header end -->
<article id="mainBanner">
<ul class="quickMenu">
<li><a href="#">매장찾기</a></li>
<li><a href="#">가맹신청 · 문의</a></li>
</ul>
</article> <!-- mainBanner end-->
<a name="menuLocation"></a>
<section id="menu" class="inner">
<h2>Subway's Menu</h2>
<ul class="clearfix">
<li><a href="#">
<img src="./images/menu_01.jpg" alt="이탈리아 비엠티 image">
<dl>
<dt>이탈리아 비엠티</dt>
<dd>
7시간 숙성된 페퍼로니, 살라미 <br>
그리고 햄이 만들어내는 최상의 조화!
</dd>
</dl>
</a></li>
<li><a href="#">
<img src="./images/menu_02.jpg" alt="비엘티 image">
<dl>
<dt>비엘티</dt>
<dd>
오리지널 아메리칸 베이컨의 <br>
풍미와 바삭함 그대로~
</dd>
</dl>
</a></li>
<li><a href="#">
<img src="./images/menu_03.jpg" alt="미트볼 image">
<dl>
<dt>미트볼</dt>
<dd>
이탈리안 스타일 비프 미트볼에 <br>
서브웨이만의 풍부한 토마토 향이 살아있는 <br>
마리나라소스를 듬뿍
</dd>
</dl>
</a></li>
<li><a href="#">
<img src="./images/menu_04.jpg" alt="햄 image">
<dl>
<dt>햄</dt>
<dd>
기본 중에 기본! <br>
풍부한 햄이 만들어내는 <br>
입 안 가득 넘치는 맛의 향연
</dd>
</dl>
</a></li>
</ul>
</section> <!-- menu end -->
<section id="franchise">
<h2>Subway's Franchise</h2>
<p class="comment">
높은 수익성과 탁월한 안정성이 전세계 106개국, 41,000여개 매장으로 검증된 글로벌 No.1 프랜차이즈 써브웨이 <br>
체계화된 성공 노하우와 함께 새로운 비즈니스의 시작을 준비하십시오.
</p>
<p class="btn"><a href="#">가맹안내 바로가기</a></p>
</section> <!-- franchise end -->
<section id="guide">
<div class="inner clearfix">
<div class="method">
<h3>
써브웨이를 <br>
제대로 즐기는 방법!
</h3>
<p class="btn"><a href="#">이용방법</a></p>
</div> <!-- method end -->
<div class="history">
<h3>
50년 역사를 가진 <br>
No.1 프랜차이즈의 성장기
</h3>
<p class="btn"><a href="#">써브웨이의 역사</a></p>
</div> <!-- history end -->
</div> <!-- inner end -->
</section> <!-- guide end -->
<footer id="footer">
<div class="inner">
<ul class="footerLink">
<li><a href="#">이용약관</a></li>
<li><a href="#">개인정보취급방침</a></li>
<li><a href="#">점주관리자</a></li>
</ul>
<address>
서울시 서초구 강남대로 535 프린스빌딩 15층 대표 : 콜린클락 전화 :
02-797-5036
</address>
<p class="copy">
SUBWAY is a Registered Trademark of Subway IP Inc. © 2018 Subway IP Inc. All Rights Reserved.
</p>
<ul class="sns">
<li><a href="#"><img src="./images/icon_facebook.png" alt="icon_facebook image"></a></li>
<li><a href="#"><img src="./images/icon_twitter.png" alt="icon_twitter image"></a></li>
<li><a href="#"><img src="./images/icon_youtube.png" alt="icon_youtube image"></a></li>
<li><a href="#"><img src="./images/icon_instar.png" alt="icon_instar image"></a></li>
</ul>
</div> <!-- inner end -->
</footer> <!-- footer end -->
<a class="goTop" href="#menuLocation">위로가기</a>
</div> <!-- wrap end -->
</body>
<script src="../../js/jquery-3.6.0.min.js"></script>
<script src="../../js/jquery-ui.min.js"></script>
<script>
$(".goTop").on("click", function () {
$("html, body").stop().animate({
"scrollTop": 0
}), 1000;
});
</script>
</html>
Engineering is the closest thing to magic that exists in the world.