You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
346 lines
16 KiB
346 lines
16 KiB
<!DOCTYPE html> |
|
<html lang="ko"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"/> |
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" /> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> |
|
<link href="//font.elice.io/EliceDigitalBaeum.css" rel="stylesheet"> |
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css"> |
|
<link rel="stylesheet" type="text/css" href="./css/fishing.css"> |
|
<title>Legend Fishing</title> |
|
</head> |
|
<body> |
|
<header> |
|
<div class="hinner"> |
|
<a href="./legendaryFishing.html"> |
|
<img src="./images/logo/logo-head_white.png" alt="헤더로고"> |
|
</a> |
|
<nav> |
|
<ul class="gnb"> |
|
<li> |
|
<a href="#">전설의 낚시 소개</a> |
|
</li> |
|
<li> |
|
<a href="#">사업경쟁력</a> |
|
|
|
</li> |
|
<li> |
|
<a href="#">기술력</a> |
|
<ul class="lnb"> |
|
<li> |
|
<a href="#">Hardware Technology</a> |
|
</li> |
|
<li> |
|
<a href="#">AI Motion Tracking</a> |
|
</li> |
|
</ul> |
|
</li> |
|
<li> |
|
<a href="#">전설의 낚시 창업</a> |
|
<ul class="lnb"> |
|
<li> |
|
<a href="#">창업경쟁력</a> |
|
</li> |
|
<li> |
|
<a href="#">창업안내</a> |
|
</li> |
|
</ul> |
|
</li> |
|
<li> |
|
<a href="#">커뮤니티</a> |
|
<ul class="lnb"> |
|
<li> |
|
<a href="#">공지사항</a> |
|
</li> |
|
<li> |
|
<a href="#">보도자료</a> |
|
</li> |
|
<li> |
|
<a href="#">문의사항</a> |
|
</li> |
|
</ul> |
|
</li> |
|
<li> |
|
<a href="#">회사소개</a> |
|
</li> |
|
<li> |
|
<a href="#">경품스토어</a> |
|
</li> |
|
</ul> |
|
</nav> |
|
<div class="question"> |
|
<a href="#"> |
|
<p>문의사항</p> |
|
</a> |
|
</div> |
|
</div> |
|
</header> |
|
<div class="wrap swiper fullslider"> |
|
<div class="swiper-wrapper"> |
|
<!-- 메인 --> |
|
<section class="swiper-slide sec01"> |
|
<div class="swiper banner"> |
|
<div class="swiper-wrapper"> |
|
<div class="swiper-slide slide01"> |
|
<img src="./images/main/Asset_2.png" alt="낚시대"> |
|
<img src="./images/logo/logo-main_white.png" alt="메인로고"> |
|
<h1> |
|
낚시 레포츠의 혁명, 세계최초 리얼리티 낚시<br> |
|
낚시 레저 인구들을 위한 VR레포츠 전설의 낚시 |
|
</h1> |
|
<video muted autoplay loop> |
|
<source src="./images/video/main-video1.mp4" type="video/mp4"> |
|
</video> |
|
</div> |
|
<div class="swiper-slide slide02"> |
|
<img src="./images/main/Asset_2.png" alt="낚시대"> |
|
<img src="./images/logo/logo-main_white.png" alt="메인로고"> |
|
<h1> |
|
낚시 레포츠의 혁명, 세계최초 리얼리티 낚시<br> |
|
낚시 레저 인구들을 위한 VR레포츠 전설의 낚시 |
|
</h1> |
|
<video muted autoplay loop> |
|
<source src="./images/video/main-video1.mp4" type="video/mp4"> |
|
</video> |
|
</div> |
|
<div class="swiper-slide slide03"> |
|
<img src="./images/main/Asset_2.png" alt="낚시대"> |
|
<img src="./images/logo/logo-main_white.png" alt="메인로고"> |
|
<h1> |
|
낚시 레포츠의 혁명, 세계최초 리얼리티 낚시<br> |
|
낚시 레저 인구들을 위한 VR레포츠 전설의 낚시 |
|
</h1> |
|
<video muted autoplay loop> |
|
<source src="./images/video/main-video1.mp4" type="video/mp4"> |
|
</video> |
|
</div> |
|
</div> |
|
<div class="swiper-pagination"></div> |
|
<img class="scroll" src="./images/main/스크롤유도.png" alt="스크롤"> |
|
</div> |
|
</section> |
|
<!-- 순위/이벤트/공지 --> |
|
<section class="swiper-slide sec02"> |
|
<div class="inner"> |
|
<div class="left"> |
|
<div class="top"> |
|
<h3>랭킹</h3> |
|
<div class="tap"> |
|
<span class="on">주간</span> |
|
<span>월간</span> |
|
</div> |
|
<span>주간랭킹 2022. 03. 1주차</span> |
|
<a href="#">더보기→</a> |
|
</div> |
|
<div class="contents"> |
|
<table> |
|
<tr> |
|
<th>순위</th> |
|
<th>닉네임</th> |
|
<th>적립포인트</th> |
|
<th>총 적립포인트</th> |
|
</tr> |
|
<tr> |
|
<td>1</td> |
|
<td>전설의 낚시</td> |
|
<td>3,700</td> |
|
<td>52,300</td> |
|
</tr> |
|
<tr> |
|
<td>2</td> |
|
<td>김전설</td> |
|
<td>3,200</td> |
|
<td>12,200</td> |
|
</tr> |
|
<tr> |
|
<td>3</td> |
|
<td>초코나무</td> |
|
<td>2,400</td> |
|
<td>38,600</td> |
|
</tr> |
|
<tr> |
|
<td>4</td> |
|
<td>하트연어</td> |
|
<td>2,200</td> |
|
<td>22,500</td> |
|
</tr> |
|
<tr> |
|
<td>5</td> |
|
<td>스포츠매니아</td> |
|
<td>1,800</td> |
|
<td>2,300</td> |
|
</tr> |
|
<tr> |
|
<td>6</td> |
|
<td>낚시의신</td> |
|
<td>1,700</td> |
|
<td>8,300</td> |
|
</tr> |
|
<tr> |
|
<td>7</td> |
|
<td>캡틴아메리카</td> |
|
<td>1,300</td> |
|
<td>1,300</td> |
|
</tr> |
|
<tr> |
|
<td>8</td> |
|
<td>세월을낚는사람</td> |
|
<td>1,100</td> |
|
<td>6,300</td> |
|
</tr> |
|
<tr> |
|
<td>9</td> |
|
<td>루어루어</td> |
|
<td>900</td> |
|
<td>3,800</td> |
|
</tr> |
|
<tr> |
|
<td>10</td> |
|
<td>피싱마스터</td> |
|
<td>860</td> |
|
<td>4,900</td> |
|
</tr> |
|
</table> |
|
</div> |
|
</div> |
|
<div class="right"> |
|
<div class="event"> |
|
<h3>이벤트</h3> |
|
<img src="./images/main/main-2-area_box-left_1.png" alt="이벤트배너"> |
|
<a href="#"> |
|
<img src="./images/icon/main-2-area_more2.png" alt="바로가기버튼"> |
|
</a> |
|
</div> |
|
<div class="notice"> |
|
<h3>공지사항</h3> |
|
<ul> |
|
<li> |
|
<a href="#">(주)레전드 VR 기술, 메타버스 낚시게임개발중</a> |
|
</li> |
|
<li> |
|
<a href="#">(주)레전드 VR 기술, 메타버스 낚시게임개발중</a> |
|
</li> |
|
<li> |
|
<a href="#">(주)레전드 VR 기술, 메타버스 낚시게임개발중</a> |
|
</li> |
|
</ul> |
|
<img src="./images/main/main-2__notice-icon.png" alt="공지사항아이콘"> |
|
<a href="#"> |
|
<img src="./images/icon/main-2-area_more3.png" alt="더보기버튼"> |
|
</a> |
|
</div> |
|
</div> |
|
</div> |
|
</section> |
|
<!-- 전설의 낚시 소개 --> |
|
<section class="swiper-slide sec03"> |
|
<div class="inner"> |
|
<div> |
|
<p>FISHING OF LEGEND</p> |
|
<h1>전설의 낚시 소개</h1> |
|
<p> |
|
스크린 낚시? 더 이상 비교대상이 아닙니다!<br> |
|
세계최초, 바다낚시의 짜릿하고 통쾌한 현장감을 생생히 느낄 수 있는<br> |
|
혁신적인 낚시 레포츠의 세계로 여러분을 초대합니다. |
|
</p> |
|
<button> |
|
자세히보기 |
|
<span class="material-symbols-outlined"> |
|
arrow_forward |
|
</span> |
|
</button> |
|
</div> |
|
</div> |
|
</section> |
|
<!-- 사업소개 --> |
|
<section class="swiper-slide sec04"> |
|
<div class="inner"> |
|
<div class="top"> |
|
<div class="business"> |
|
<h1>사업소개</h1> |
|
<p> |
|
차세대 레포츠 시장을 선도하는 혁신적인 창업 아이템<br> |
|
단순 게임이 아닌 낚시 레저 인구들을 위한 VR 레포츠가 새롭게 선보입니다! |
|
</p> |
|
<img src="./images/main/GettyImages-1156439313.png" alt="낚시꾼"> |
|
</div> |
|
<div class="contents"> |
|
<div class="box"> |
|
<a href="#"> |
|
<p>사업경쟁력</p> |
|
<img src="./images/main/main-4-button_01.png" alt="사업경쟁력"> |
|
</a> |
|
<p>가상현실의 한계를 넘어, 놀랍도록 생생한 사투의 현장 재현</p> |
|
</div> |
|
<div class="box"> |
|
<a href="#"> |
|
<p>기술력</p> |
|
<img src="./images/main/main-4-button_02.png" alt="기술력"> |
|
</a> |
|
<p>현존하는 가장 완벽한 기술의 융합</p> |
|
</div> |
|
<div class="box"> |
|
<a href="#"> |
|
<p>프랜차이즈</p> |
|
<img src="./images/main/main-4-button_03.png" alt="프랜차이즈"> |
|
</a> |
|
<p>차세대 레포츠 시장을 선도하는 혁신적인 창업 아이템</p> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="bottom"> |
|
<div class="inner"> |
|
<p> |
|
<strong>전설의 낚시</strong>는 고객의 가장 가까운 곳에서<br> |
|
<strong>최고의 VR 레포츠</strong>로 성장할 것입니다! |
|
</p> |
|
<div class="news"> |
|
<span class="newstit">보도자료</span> |
|
<a class= "list" href="#">(주)레전드 VR 기술, 메타버스 낚시게임개발</a> |
|
<a href="#"> |
|
<span class="material-symbols-outlined">add</span> |
|
</a> |
|
</div> |
|
</div> |
|
</div> |
|
</section> |
|
</div> |
|
</div> |
|
<footer> |
|
<div class="inner"> |
|
<a href="./legendaryFishing.html"> |
|
<img src="./images/logo/main-5-footer_logo-bx.png" alt="푸터로고"> |
|
</a> |
|
<div> |
|
<p>주식회사 레전드</p> |
|
<p>주소 : 경기도 성남시 분당구 황새울로315, 대현BD 204호</p> |
|
<p>TEL 1533-3858 | FAX 031-701-3858</p> |
|
</div> |
|
<p class="copyright">Copyrights2022 ⓒ 전설의 낚시, All rights Reserved</p> |
|
</div> |
|
</footer> |
|
|
|
<script src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js"></script> |
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script> |
|
|
|
<script> |
|
//sec01 슬라이더 |
|
var sec01Swiper = new Swiper(".banner", { |
|
loop: true, |
|
pagination: { |
|
el: ".swiper-pagination", |
|
} |
|
}); |
|
//풀페이지 슬라이더 |
|
var fullPageSwiper = new Swiper(".fullslider", { |
|
direction: "vertical", |
|
slidesPerView: 1, |
|
mousewheel: true, |
|
speed: 500, |
|
}); |
|
|
|
</script> |
|
<script src="./script/fishing.js"></script> |
|
</body> |
|
</html> |