Files
cm-web/public/theme/crossmap/mobile/grace/grace-home.php
2020-06-10 06:21:34 +09:00

426 lines
22 KiB
PHP
Executable File

<!doctype html>
<!--[if lt IE 7]><html class="no-js lt-ie10 lt-ie9 lt-ie8 lt-ie7" lang="kr"><![endif]-->
<!--[if (IE 7)&!(IEMobile)]><html class="no-js lt-ie10 lt-ie9 lt-ie8" lang="kr"><![endif]-->
<!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie10 lt-ie9" lang="kr"><![endif]-->
<!--[if (IE 9)&!(IEMobile)]><html class="no-js lt-ie10" lang="kr"><![endif]-->
<!--[if gt IE 9]><!-->
<html class="no-js" lang="kr">
<!--<![endif]-->
<head>
<?php $this->load->view('mobile/grace/grace-head-meta')?>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
<?php $this->load->view('mobile/grace/grace-head')?>
</head>
<body>
<?php $this->load->view('mobile/grace/grace-header', ['nav' => preg_replace('/^<[^>]+>|<\/[^>]+>$/', '', hooskNav('grace'))])?>
<div class="main-container graceCon">
<!-- Search Over-->
<div class="search">
<div class="container">
<button class="btn-close2" data-remove=".search"><img
src="<?php echo THEME_FOLDER?>/mobile/img/ic-close.gif"></button>
<form action="" class="site-head-search">
<input type="text" name="" id="site-head-search" placeholder="검색어를 입력하세요">
<button type="submit"><i class="fa fa-search"></i></button>
</form>
<div class="recommedTag">
<h5>추천태그</h5>
<ul>
<li>크맵추천</li>
<li>꽃</li>
<li>하나님</li>
<li>성령</li>
<li>교회절기</li>
<li>어린이 성경학교</li>
<li>웹툰</li>
<li>교회오빠</li>
<li>크맵추천</li>
<li>부활절</li>
<li>클립아트</li>
</ul>
</div>
</div>
</div>
<!--Body Container-->
<div class="container">
<!--Main Slide-->
<div class="mainSlide grace">
<div id="mainSlide" class="carousel slide graceSlide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#mainSlide" data-slide-to="0" class="active"></li>
<li data-target="#mainSlide" data-slide-to="1"></li>
<li data-target="#mainSlide" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<li class="carousel-item active"><a href="#"><img
src="https://g-grafolio.pstatic.net/20190522_49/1558510509608L0TUG_JPEG/%C7%D7%B1%B8.jpg?type=w896_4"></a>
</li>
<li class="carousel-item"><a href="#"><img
src="https://g-grafolio.pstatic.net/20190522_49/1558510509608L0TUG_JPEG/%C7%D7%B1%B8.jpg?type=w896_4"></a>
</li>
<li class="carousel-item"><a href="#"><img
src="https://g-grafolio.pstatic.net/20190522_49/1558510509608L0TUG_JPEG/%C7%D7%B1%B8.jpg?type=w896_4"></a>
</li>
<li class="carousel-item"><a href="#"><img
src="https://g-grafolio.pstatic.net/20190522_49/1558510509608L0TUG_JPEG/%C7%D7%B1%B8.jpg?type=w896_4"></a>
</li>
<li class="carousel-item"><a href="#"><img
src="https://g-grafolio.pstatic.net/20190522_49/1558510509608L0TUG_JPEG/%C7%D7%B1%B8.jpg?type=w896_4"></a>
</li>
<li class="carousel-item"><a href="#"><img
src="https://g-grafolio.pstatic.net/20190522_49/1558510509608L0TUG_JPEG/%C7%D7%B1%B8.jpg?type=w896_4"></a>
</li>
</div>
</div>
</div>
<!--Banner-->
<div class="mBanner">
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/m-banner.gif"></a>
</div>
<!--Tag Pick-->
<div class="mainBox">
<div class="titleBox">
<ul>
<li class="view"><a href="#">태그 PICK</a></li>
</ul>
</div>
<div class="tagBox">
<ul class='owl-carousel'>
<li>
<a class="img-scaleup" href="#"><img
src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-1.jpg"></a>
<h3><a href="#">Illustration</a><span class="numbers">26,371</span></h3>
</li>
<li>
<a class="img-scaleup" href="#"><img
src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-2.jpg"></a>
<h3><a href="#">Photo</a><span class="numbers">26,371</span></h3>
</li>
<li>
<a class="img-scaleup" href="#"><img
src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-1.jpg"></a>
<h3><a href="#">Painting</a><span class="numbers">26,371</span></h3>
</li>
<li>
<a class="img-scaleup" href="#"><img
src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-2.jpg"></a>
<h3><a href="#">Background</a><span class="numbers">26,371</span></h3>
</li>
<li>
<a class="img-scaleup" href="#"><img
src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-2.jpg"></a>
<h3><a href="#">Word Card</a><span class="numbers">26,371</span></h3>
</li>
<li>
<a class="img-scaleup" href="#"><img
src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-1.jpg"></a>
<h3><a href="#">Drawing</a><span class="numbers">26,371</span></h3>
</li>
</ul>
</div>
</div>
<!--이야기 QT-->
<div class="mainBox">
<div class="titleBox">
<ul>
<li class="view"><a href="#">이야기 QT</a></li>
</ul>
<div class="arrow">
<a href="#">더보기 <img src="<?php echo THEME_FOLDER?>/mobile/img/ic-more.gif"></a>
</div>
</div>
<div class="thumbList">
<ul>
<li class="bigPhoto">
<a class="img-scaleup" href="#"><img
src="http://www.crossmap.co.kr/files/life/2019/04/872dbf5e796fdea0746e4389329302dd.jpg"></a>
<div class="des">
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
<div class="blue">홀리원</div>
</div>
</li>
<li>
<a class="img-scaleup" href="#"><img
src="<?php echo THEME_FOLDER?>/mobile/img/news-pic2.jpg"></a>
<div class="des">
<p><a href="#">유기성 목사 “예수님 바라보기, 조금만 더 깊이 조금만 더 깊이…”</a></p>
<div class="blue">홀리원</div>
</div>
</li>
<li>
<a class="img-scaleup" href="#"><img
src="<?php echo THEME_FOLDER?>/mobile/img/news-pic3.jpg"></a>
<div class="des">
<p><a href="#">베트남 스즈키컵 우승 박항서 매직은 ‘기도의 열매’</a></p>
<div class="blue">홀리원</div>
</div>
</li>
</ul>
</div>
</div>
<!--말씀카드-->
<div class="mainBox">
<div class="titleBox">
<ul>
<li class="view"><a href="#">말씀카드</a></li>
</ul>
<div class="arrow">
<a href="#">더보기 <img src="<?php echo THEME_FOLDER?>/mobile/img/ic-more.gif"></a>
</div>
</div>
<div class="mainBox-slider">
<div class="thumbBox">
<ul>
<li>
<a class="img-scaleup" href="#"><img
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
<div class="des">
<div><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></div>
<div class="blue">홀리원</div>
</div>
</li>
<li>
<a class="img-scaleup" href="#"><img
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
<div class="des">
<div><a href="#">오늘날 바리새들이 할 수 있는 말 10가지 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 김정석 담임목사 주제
강연 '제23회 장로부부 영성수련회 </a></div>
<div class="blue">홀리원</div>
</div>
</li>
<li>
<a class="img-scaleup" href="#"><img
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
<div class="des">
<div><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></div>
<div class="blue">홀리원</div>
</div>
</li>
<li>
<a class="img-scaleup" href="#"><img
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
<div class="des">
<div><a href="#">오늘날 바리새들이 할 수 있는 말 10가지 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 김정석 담임목사 주제
강연 '제23회 장로부부 영성수련회 </a></div>
<div class="blue">홀리원</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<!--영어묵상-->
<div class="mainBox">
<div class="titleBox">
<ul>
<li class="view"><a href="#">영어묵상</a></li>
</ul>
</div>
<div class="thumbList english">
<ul>
<li>
<a class="img-scaleup" href="#"><img
src="<?php echo THEME_FOLDER?>/mobile/img/news-pic1.jpg"></a>
<div class="des">
<h4><a href="#">The Bible story of Elijah</a></h4>
<p><a href="#">Before Elijah actually arrives in Israel, God sends a drought as he is so
displeased with the people. Elijah had been residing out in the desert where
there was a river with drinking water and God had sent ravens </a></p>
<div class="author">Lynn</div>
</div>
</li>
<li>
<a class="img-scaleup" href="#"><img
src="<?php echo THEME_FOLDER?>/mobile/img/news-pic2.jpg"></a>
<div class="des">
<h4><a href="#">The Bible story of Elijah</a></h4>
<p><a href="#">Before Elijah actually arrives in Israel, God sends a drought as he is so
displeased with the people. Elijah had been residing out in the desert where
there was a river with drinking water and God had sent ravens </a></p>
<div class="author">Lynn</div>
</div>
</li>
<li>
<a class="img-scaleup" href="#"><img
src="<?php echo THEME_FOLDER?>/mobile/img/news-pic3.jpg"></a>
<div class="des">
<h4><a href="#">The Bible story of Elijah</a></h4>
<p><a href="#">Before Elijah actually arrives in Israel, God sends a drought as he</a>
</p>
<div class="author">Lynn</div>
</div>
</li>
</ul>
</div>
</div>
<!--영상 QT-->
<div class="mainBox">
<div class="titleBox">
<ul>
<li class="view"><a href="#">영상 QT</a></li>
</ul>
</div>
<div class="thumbList">
<ul>
<li class="bigPhoto">
<a class="img-scaleup" href="#"><img
src="http://www.crossmap.co.kr/files/life/2019/04/872dbf5e796fdea0746e4389329302dd.jpg"></a>
<div class="smallThumb">
<img src="<?php echo THEME_FOLDER?>/mobile/img/profile.jpg">
<div class="des">
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
<div class="blue">이영희</div>
</div>
</div>
</li>
<li class="bigPhoto">
<a class="img-scaleup" href="#"><img
src="http://www.crossmap.co.kr/files/life/2019/04/872dbf5e796fdea0746e4389329302dd.jpg"></a>
<div class="smallThumb">
<img src="<?php echo THEME_FOLDER?>/mobile/img/profile.jpg">
<div class="des">
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
<div class="blue">이영희</div>
</div>
</li>
</ul>
<div class="viewMore">
<a class="viewMore" href="#">더보기</a>
</div>
</div>
</div>
<!--C포스트-->
<div class="mainBox">
<div class="titleBox">
<ul>
<li class="view"><a href="#">C 포스트</a></li>
</ul>
<div class="arrow">
<a href="#">더보기 <img src="<?php echo THEME_FOLDER?>/mobile/img/ic-more.gif"></a>
</div>
</div>
<div class="thumbList">
<ul>
<li class="bigPhoto">
<a class="img-scaleup" href="#"><img
src="http://www.crossmap.co.kr/files/life/2019/04/872dbf5e796fdea0746e4389329302dd.jpg"></a>
<div class="des">
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
<div class="blue">홀리원</div>
</div>
</li>
<li>
<a class="img-scaleup" href="#"><img
src="<?php echo THEME_FOLDER?>/mobile/img/news-pic2.jpg"></a>
<div class="des">
<p><a href="#">유기성 목사 “예수님 바라보기, 조금만 더 깊이 조금만 더 깊이…”</a></p>
<div class="blue">홀리원</div>
</div>
</li>
<li>
<a class="img-scaleup" href="#"><img
src="<?php echo THEME_FOLDER?>/mobile/img/news-pic3.jpg"></a>
<div class="des">
<p><a href="#">베트남 스즈키컵 우승 박항서 매직은 ‘기도의 열매’</a></p>
<div class="blue">홀리원</div>
</div>
</li>
</ul>
</div>
</div>
<!--운율묵상-->
<div class="mainBox">
<div class="titleBox">
<ul>
<li class="view"><a href="#">운율묵상</a></li>
</ul>
<div class="arrow">
<a href="#">더보기 <img src="<?php echo THEME_FOLDER?>/mobile/img/ic-more.gif"></a>
</div>
</div>
<div class="mainBox-slider">
<div class="thumbBox">
<ul>
<li>
<a class="img-scaleup" href="#"><img
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
<div class="des">
<div><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></div>
<div class="blue">홀리원</div>
</div>
</li>
<li>
<a class="img-scaleup" href="#"><img
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
<div class="des">
<div><a href="#">오늘날 바리새들이 할 수 있는 말 10가지 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 김정석 담임목사 주제
강연 '제23회 장로부부 영성수련회 </a></div>
<div class="blue">홀리원</div>
</div>
</li>
<li>
<a class="img-scaleup" href="#"><img
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-1.jpg"></a>
<div class="des">
<div><a href="#">8화 사랑받기 위해 태어난 사람 (1)</a></div>
<div class="blue">홀리원</div>
</div>
</li>
<li>
<a class="img-scaleup" href="#"><img
src="<?php echo THEME_FOLDER?>/mobile/img/thumb-2.jpg"></a>
<div class="des">
<div><a href="#">오늘날 바리새들이 할 수 있는 말 10가지 김정석 담임목사 주제 강연 '제23회 장로부부 영성수련회 김정석 담임목사 주제
강연 '제23회 장로부부 영성수련회 </a></div>
<div class="blue">홀리원</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<!--Banner-->
<div class="mBanner">
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/m-banner.gif"></a>
</div>
</div>
<?php $this->load->view('mobile/grace/grace-footer')?>
</div>
<!-- container end -->
<?php $this->load->view('mobile/grace/grace-foot')?>
</body>
</html>