안녕하세요 경로질문입니다!
본문
퍼블이 준 indxe.html 소스보여드리겠습니다!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>시작 소스코드</title>
<!-- 모바일에서 화면배율을 디바이스 크기 기준으로 설정 -->
<!-- 이게 안되면 pc에서의 100px과 모바일에서의 100px이 디바이스 성능에 따라 달라집니다. -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 제이쿼리 불러오기 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- 폰트어썸 불러오기 -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
<!-- owl 캐러셀 불러오기 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/owl.carousel.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.carousel.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.theme.default.min.css">
<link rel="stylesheet" href="/lib.css">
<link rel="stylesheet" href="/index.css">
</head>
<body>
<header class="con">
<div class="hd-top row">
<form action="" class="search-box">
<input type="text" placeholder="검색어를 입력하세요.">
<button><i class="fas fa-search"></i></button>
</form>
<h1>
<a href="#" onclick="return false;">
<div class="img-box"><img src="/img/logo.gif" alt="로고이미지"></div>
</a>
</h1>
<ul class="row">
<li class="cell"><a href="#">메뉴1</a></li>
<li class="cell"><a href="#">메뉴2</a></li>
<li class="cell"><a href="#">메뉴3</a></li>
</ul>
</div>
<div class="hd-bottom">
<div class="menu-ico" data-ico-now-animating="N">
<div></div>
<div></div>
<div></div>
</div>
<ul class="row">
<li class="cell"><a href="#">자주 찾는 질문</a></li>
<li class="cell"><a href="#">문의하기</a></li>
<li class="cell"><a href="#">공지사항</a></li>
<li class="cell"><a href="#">고객의 소리</a></li>
</ul>
</div>
</header>
<section class="section-1">
<div class="talk-box">
<form action="" class="reservation">
<div class="re-1">
<div>여행도시</div>
<input type="text">
</div>
<ul class="row">
<div class="re-2">
<div>출발도시</div>
<input type="text">
</div>
<div class="re-3">
<div>출발일</div>
<input type="text">
</div>
</ul>
<div class="re-4">
<div>상품명/상품코드 검색</div>
<input type="text">
</div>
<ul class="row re-5">
<li class="cell">
<div>출발요일</div>
</li>
<li class="cell-right">
<label for="a">평일</label><input type="checkbox" id="a">
<label for="b">주말 및 공휴일</label><input type="checkbox" id="b">
</li>
</ul>
<a href="#" onclick="return false;">
<div class="img-box"><img src="/img/kakao.png" alt=""></div>
</a>
</form>
</div>
<div class="my-1 owl-carousel owl-theme">
<div class="item" style="background-image:url(/img/slider/slider-1.jpg);" class="active"></div>
<div class="item" style="background-image:url(http://cfile22.uf.tistory.com/image/2735284453E67E8E20EF9A);"></div>
<div class="item" style="background-image:url(http://www.welcometojapan.or.kr/jnto_author/article/112/009.jpg);"></div>
</div>
</section>
<section class="section-2 con">
<h3>BEST 인기 상품</h3>
<ul class="row">
<li class="cell">
<div class="img-box">
<img src="/img/amazing_show/3.jpg" alt="">
<div class="sub-text"><span>지기네<br>파티호핑</span></div>
<div class="line-box">
<div></div>
<div></div>
</div>
</div>
</li>
<li class="cell">
<div class="img-box">
<img src="/img/massage/2.jpg" alt="">
<div class="sub-text">
<span>지기네<br>힐링호핑</span>
</div>
<div class="line-box">
<div></div>
<div></div>
</div>
</div>
</li>
</ul>
</section>
<section class="section-3">
<div class="con">
<h3>지기네 패키지 상품</h3>
<ul class="row">
<li class="cell">
<a href="#">
<div class="img-box"><img src="/img/iwan.png" alt=""></div>
</a>
</li>
<li class="cell">
<a href="#">
<div class="img-box"><img src="/img/abu.png" alt=""></div>
</a>
</li>
<li class="cell">
<a href="#">
<div class="img-box"><img src="/img/jahil.png" alt=""></div>
</a>
</li>
</ul>
</div>
</section>
<script src="index.js"></script>
<script src="lib.js"></script>
</body></html>
여기서 --------------------------------------
link rel = "stylesheet" href="/lib.css">
link rel = "stylesheet" href="/index.css">
파일이 옮겨지면 경로도 바뀔텐데.. 어디다가 넣어야 하나요?
파일은 이렇게있습니다!
.css , .js를 이파일도... 어디다가 넣어야되는지 잘모르겠습니다!
basic기본테마에다가 ㅈ적용할 생각입니다!