first commit

This commit is contained in:
pakerpale
2020-06-10 06:21:34 +09:00
commit 20c9739ba9
1913 changed files with 266257 additions and 0 deletions

View File

@@ -0,0 +1,471 @@
<!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>
<meta charset="utf-8">
<meta name="naver-site-verification" content="894ba0807460988349b1e131377b26966e347fc1">
<meta name="google-site-verification" content="CitaOJM4btglyBtNxZFYymBBzh3g7Pb9PxKl9YF8jDg">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<!-- <meta http-equiv="cleartype" content="on"> -->
<title>크리스천포털 크로스맵</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta property="fb:app_id" content="961578337335000">
<!-- favicons -->
<link rel="shortcut icon" href="<?php echo THEME_FOLDER?>/img/shortcut_icon.png">
<link rel="shortcut icon" href="<?php echo THEME_FOLDER?>/img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="<?php echo THEME_FOLDER?>/img/shortcut_icon.png">
<link rel="apple-touch-startup-image" href="<?php echo THEME_FOLDER?>/img/shortcut_icon.png">
<!-- css -->
<link rel="stylesheet" href="<?php echo THEME_FOLDER?>/mobile/css/main.css">
<link rel="stylesheet" href="<?php echo THEME_FOLDER?>/mobile/css/section.css">
<!-- Font -->
<link href="https://fonts.googleapis.com/css?family=Nanum+Gothic" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Nanum+Myeongjo" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"
integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/tiny-slider.css">
<!--[if (lt IE 9)]><script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/min/tiny-slider.helper.ie8.js"></script><![endif]-->
<!-- javascript -->
<!--[if (lt IE 9)]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script src="assets/js/ie.min.js"></script>
<link href="http://externalcdn.com/respond-proxy.html" id="respond-proxy" rel="respond-proxy" />
<link href="assets/cross-domain/respond.proxy.gif" id="respond-redirect" rel="respond-redirect" />
<script src="assets/cross-domain/respond.proxy.js"></script>
<![endif]-->
<script src="js/script.js"></script>
</head>
<body>
<noscript>
<p class="enable-js">
To enjoy our website, you'll need to enable <b>JavaScript</b> in your web browser. Please <a
href="http://enable-javascript.com/" target="_blank"><b>click here</b></a> to learn how.
</p>
</noscript>
<!--[if lte IE 8]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/" target="_blank">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- Mobile nav Overlayer -->
<div class="offcanvas" aria-hidden="true">
<div class="nav-wrap">
<button class="btn-close" data-remove=".nav-wrap"><i class="fas fa-times"></i></button>
<nav class="site-nav">
<ul>
<li><a href="index.html">홈</a></li>
<li><a href="index.html">뉴스</a></li>
<li><a href="index.html">웹툰</a></li>
<li><a href="index.html">은혜충전</a></li>
<li><a href="index.html">기도공감</a></li>
<li><a href="index.html">바이블잼</a></li>
<li><a href="index.html">크로스맵 TV</a></li>
<li><a href="index.html">자료실</a></li>
<li class="login"><a href="#">로그인</a></li>
</ul>
</nav>
</div>
</div>
<header class="site-head">
<div class="topHead">
<div class="container">
<button class="nav-toggle" data-toggle=".nav-wrap"><img
src="<?php echo THEME_FOLDER?>/mobile/img/ic-menu.gif"></button>
<div class="logo"><a href="/"><img src="<?php echo THEME_FOLDER?>/mobile/img/cm-symbol.gif" alt="크로스맵"
height="34"></a>
<a href="#" class="sectionTitle">은혜충전</a>
</div>
<button class="search-toggle" data-add=".search"><img
src="<?php echo THEME_FOLDER?>/mobile/img/ic-mag.gif"></button>
</div>
</div>
<div class="container">
<div class="mainNav">
<nav>
<ul>
<?php echo preg_replace('/^<[^>]+>|<\/[^>]+>$/', '', hooskNav('grace', '/grace')) ?>
</ul>
</nav>
</div>
</div>
</header>
<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 pt10">
<!--goto Top-->
<div class="gotoTop">
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/top.gif"></a>
</div>
<div class="listView">
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-back.gif"> 목록보기</a>
</div>
<!--Grace Article header-->
<div class="graceHeader">
<div class="wrap_cover">
<div class="cover_image"
style="background: url(http://www.crossmap.co.kr/files/channel/2018/05/0de274a6aaf90941244bc51a1833f210.jpg) no-repeat left top; display: block;background-size: cover;height:310px;background-position: 50% 50%;">
</div>
<div class="cover_inner"></div>
<div class="wrap_channel">
<div class="cover_cell">
<div>
<p style="margin-bottom:15px;"><span
style="background: url('https://crossmap.co.kr/img/web/bgbg3.png') repeat-x left bottom; padding-bottom:8px;"><a
href="#">말씀과 묵상</a> <img src="https://crossmap.co.kr/img/web/bg5.gif"
style="padding: 2px 5px 0 5px;"> <a href="#">말씀엽서</a></span></p>
</div>
<h2 class="chtit">아버지께서 약속하신 것</h2>
<p class="chdate">조회 3<span style="padding:0 10px;">|</span>2019-06-06 </p>
<p class="cheditor"><a href="/web/life/editor/3">하늘소</a></p>
</div>
<div class="cover_profile2">
<div
style="background:url('https://crossmap.co.kr/files/partner/2018/05/ce59c7dd9234224b91a6e3975110a0f2.jpg') no-repeat center; background-size:cover;">
</div>
</div>
<div class="cover_star">
<a href="javascript:bookmark();"><img src="https://crossmap.co.kr/img/web/star_off.png"
id="bookmark_img"></a>
</div>
</div>
</div>
</div>
<div class="mainBox">
<div class="graceArticle">
<div class="imgCenter">
<img
src="https://crossmap.co.kr/smarteditor/upload/1906/77a00950a2d3c0ae89fe0c5f2ce8535c_1560148678_7176.jpg">
<div class="caption">이미지 출처_크로스맵</div>
</div>
<p>1907년 1월 6일부터 열렸던 평양 장대현교회의 저녁집회 열리는 날이 갈수록 더해 갔습니다. 그러다 14일 저녁집회 때 능력의 종으로 말씀을 선포하던 길선주 목사가 회중
앞에서 자신의 죄를 공개적으로 통회하는 일이 일어났습니다. </p>
<div class="imgCenter">
<img
src="https://crossmap.co.kr/smarteditor/upload/1906/773f9e47cb3fded85d89bc52702e8b8b_1559623622_9145.png">
</div>
<p>“나는 아간과 같은 자입니다. 나 때문에 하나님이 축복을 주실 수가 없었습니다. 약 1년 전에 내 친구 중 한 사람이 임종시에 나를 자기 집으로 불러서 말하기를 ‘길 목사님,
나는 이제 세상을 떠날 것 같으니 내 재산을 잘 정리해 주시오. 내 아내는 셈이 약하기 때문이오’라고 부탁했습니다. 나는 내가 잘 돌보아 드릴 테니 염려 말라고
대답했습니다. ​</p>
<div class="cover_profile3">
<div
style="background:url('https://crossmap.co.kr/files/partner/2018/05/ce59c7dd9234224b91a6e3975110a0f2.jpg') no-repeat center; background-size:cover;">
</div>
</div>
<div class="artTag">
<a href="#">#말씀과 묵상</a>
<a href="#">#은혜</a>
<a href="#">#복음 </a>
<a href="#">#카드</a>
</div>
<div class="panel_btns">
<span><a href="javascript:like_proc();" class="btn btn-default br15"
style="padding:5px 30px;"><img src="http://crossmap.co.kr/img/web/img_heart.gif">
<span id="like_count">0</span></a></span>
</div>
<div class="shareline">
<ul>
<li><a href="javascript:share_facebook();" class="fb-xfbml-parse-ignore"><img
src="http://www.crossmap.co.kr/img/web/img_fb.jpg"></a></li>
<li><a href="javascript:share_kakao();"><img
src="http://www.crossmap.co.kr/img/web/img_kk.jpg"></a></li>
<li><a href="javascript:share_naver();"><img src="img/img-pin.jpg"></a></li>
<li><a href="javascript:share_band();"><img
src="http://www.crossmap.co.kr/img/web/img_bd.jpg"></a></li>
<li><a href="javascript:share_kakaostory();"><img
src="http://www.crossmap.co.kr/img/web/img_ks.jpg"></a></li>
<li><a href="javascript:share_naver();"><img src="img/img-url.jpg"></a></li>
</ul>
</div>
<!--관련기사-->
<div class="related">
<h4>관련기사를 더 보시려면,</h4>
<ul>
<li><a href="">사랑영화제, 5월7일-12일 필름포럼에서</a></li>
<li><a href="">7000미라클 ‘땅끝으로’ ‘열방을 향하여’</a></li>
<li><a href="">강원도 산불 특집 방송</a></li>
<li><a href="">이홍정 "더불어 흔쾌한 부활절로"</a></li>
</ul>
</div>
<div class="comment">
<!--댓글-->
<div class="reply">
<div class="reply_tit">댓글
<span class="blue" id="comment_count">0</span>
<span class="delete">본인 삭제 <span>0</span>
<a href="javascript:comment_delete_refresh('5374', '', '1');"><img
src="https://crossmap.co.kr/img/web/icon_refresh.gif"></a></span>
<span class="btn-info float_right" style="padding-left:10px; padding-top:1px;"><a
href="javascript:;" class="comment_policy_btn"><img
src="https://crossmap.co.kr/img/web/icon_info.gif"></a></span>
<span class="btn-tit float_right"><a href="javascript:;" class="comment_policy_btn"
style="color: #bcbcbc;">댓글운영정책</a></span>
</div>
<div class="reply_box">
<div class="reply_social">
<a href="javascript:change_toggle('login_layer');" style="cursor:pointer"><span
class=""><img
src="https://crossmap.co.kr/img/web/img_cm_off.gif"></span></a>
<a href="javascript:twitter_join('comment')" style="cursor:pointer"><span
class="tweet "><img
src="https://crossmap.co.kr/img/web/img_tweet_off.gif"></span></a>
<a href="javascript:checkLoginState();" style="cursor:pointer"><span
class="facebook "><img
src="https://crossmap.co.kr/img/web/img_facebook_off.gif"></span></a>
<a href="javascript:kakako_login()" style="cursor:pointer"><span class=""><img
src="https://crossmap.co.kr/img/web/img_kakao_off.gif"></span></a>
<a href="javascript:naver_login()" style="cursor:pointer"><span class=""><img
src="https://crossmap.co.kr/img/web/img_naver_off.gif"></span></a>
</div>
<div class="reply_write">
<textarea class="form-control replay_text comment_text" name="comment" id="comment"
rows="3" stra="" readonly="" placeholder="댓글 작성 시 상대방에 대한 배려와 사랑을 담아주세요."
style="width:100%;"></textarea>
</div>
<div class="reply_regist"><span class="reply_no" id="reply_text_count">0/300</span><span
class="reply_btn" onclick="comment_add_proc();"
style="cursor: pointer">등록</span>
</div>
</div>
<div class="reply_sort">
<input type="hidden" name="comment_sort" id="comment_sort" value="1">
<span><a href="javascript:change_comment_sort(1);" id="comment_sort1">호감순</a></span>
<span><a href="javascript:change_comment_sort(2);" class="current"
id="comment_sort2">최신순</a></span>
</div>
<div class="reply_contents">
<ul class="reply_list">
<div class="comment_box">
<div id="comment_list">
<div style="height:100px;text-align:center; line-height:100px;">등록된 댓글이
없습니다.</div>
</div>
<div class="viewall" id="comment_all_list"
style="float:right; padding:20px 0 30px 0;display:none;"><a
href="/web/news/news_comment/1257">전체 댓글 보기 &gt;</a></div>
</div>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--Tag Pick-->
<div class="mainBox">
<div class="titleBox">
<ul>
<li class="view"><a href="#">추천 태그</a></li>
</ul>
</div>
<div class="tagBox">
<ul>
<li>
<a class="img-scaleup" href="#"><img
src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-1.jpg"></a>
<h4><a href="#">#말씀묵상</a></h4>
</li>
<li>
<a class="img-scaleup" href="#"><img
src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-2.jpg"></a>
<h4><a href="#">#은혜</a></h4>
</li>
<li>
<a class="img-scaleup" href="#"><img
src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-1.jpg"></a>
<h4><a href="#">#부활절</a></h4>
</li>
<li>
<a class="img-scaleup" href="#"><img
src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-2.jpg"></a>
<h4><a href="#">#예수님</a></h4>
</li>
<li>
<a class="img-scaleup" href="#"><img
src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-2.jpg"></a>
<h4><a href="#">#말씀카드</a></h4>
</li>
<li>
<a class="img-scaleup" href="#"><img
src="<?php echo THEME_FOLDER?>/mobile/img/tagpick-1.jpg"></a>
<h4><a href="#">#하나님</a></h4>
</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="#">천국의 백성</a></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="#">하늘위에 하늘</a></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="#">사랑받기 위해 태어난 사람</a></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="#">새노래</a></div>
</div>
</li>
</ul>
</div>
<div class="viewMore">
<a class="viewMore" href="#">더보기</a>
</div>
</div>
</div>
<!--Banner-->
<div class="mBanner">
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/m-banner.gif"></a>
</div>
</div>
<!--footer start-->
<div class="footer">
<div class="container">
<div class="ftLogo"><a href="/"><img src="<?php echo THEME_FOLDER?>/mobile/img/logo.svg" alt="크로스맵"
width="78" height="22"></a></div>
<ul>
<li><a href="https://hwttjung.wixsite.com/mysite-1"
target="https://hwttjung.wixsite.com/mysite-1">회사소개</a></li>
<li><a href="/web/rules/privacy">개인정보 취급방침</a></li>
<li><a href="/web/rules/service">이용약관</a></li>
<li><a href="/web/cs/notice">고객센터</a></li>
</ul>
<ul class="social">
<li><a href="#"><i class="fab fa-facebook-f"></i>페이스북</a></li>
<li><a href="#"><i class="fab fa-instagram"></i>인스타그램</a></li>
</ul>
<div class="copy">Copyright &copy; All rights reserved.</div>
<div class="address">서울시 성북구 안암로 53 (안암동5가 1136) <br /> Tel : 02) 598-4564 | Fax : 02) 6008-4204</div>
</div>
</div>
<!--footer end-->
</div>
<!-- container end -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/min/tiny-slider.js"></script>
<script src="js/script.js"></script>
<!--[if (lt IE 9)]>
<script>
var sheets = document.styleSheets;
for (var i = 0, l = sheets.length; i < l; i++) {
sheets[i].disabled = true;
}
</script>
<style>
body { font-family: Helvetica, Arial, sans-serif; }
@media \0screen { img { width: auto; } }
img {
border: 0;
height: auto;
}
</style>
<![endif]-->
</body>
</html>

View File

@@ -0,0 +1,193 @@
<!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', '/grace', 2))])?>
<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 pt10">
<!--goto Top-->
<div class="gotoTop">
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/top.gif"></a>
</div>
<div class="mainBox">
<!--Profile-->
<div class="profileBox">
<img src="<?php echo THEME_FOLDER?>/mobile/img/profile.jpg">
<div class="editor">김석류</div>
<div class="profile-des">일러스트, 동화책, 캐릭터 작업하는 프리랜서 김석류작가입니다. 작업문의는 메일로 부탁 드려요^^!* 일러스트, 동화책, 캐릭터 작업하는 프리랜서 김석류작가입니다. 작업문의는 메일로 부탁 드려요^^!*</div>
<div class="more"><a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-down.gif"></a></div>
</div>
<ul class="titleBoxTab">
<li class="current">업데이트 순</li>
<li>좋아요 순</li>
</ul>
<div class="thumbList">
<ul>
<li class="bigPhoto">
<a class="img-scaleup" href="#"><img src="https://crossmap.co.kr/files/life/2019/05/2ec70527de8d6457449d61a61a3f1834.png"></a>
<div class="des2">
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
<div class="likes">
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-thumbsup.gif"></a>
<div class="numbers">250</div>
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-views.gif"></a>
<div class="numbers">1500</div>
</div>
</div>
<div class="smallThumb">
<img src="<?php echo THEME_FOLDER?>/mobile/img/profile.jpg"> 이영희
</div>
</li>
<li class="bigPhoto">
<a class="img-scaleup" href="#"><img src="https://crossmap.co.kr/files/life/2019/05/2ec70527de8d6457449d61a61a3f1834.png"></a>
<div class="des2">
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
<div class="likes">
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-thumbsup.gif"></a>
<div class="numbers">250</div>
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-views.gif"></a>
<div class="numbers">1500</div>
</div>
</div>
<div class="smallThumb">
<img src="<?php echo THEME_FOLDER?>/mobile/img/profile.jpg"> 이영희
</div>
</li>
<li class="bigPhoto">
<a class="img-scaleup" href="#"><img src="https://crossmap.co.kr/files/life/2019/05/2ec70527de8d6457449d61a61a3f1834.png"></a>
<div class="des2">
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
<div class="likes">
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-thumbsup.gif"></a>
<div class="numbers">250</div>
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-views.gif"></a>
<div class="numbers">1500</div>
</div>
</div>
<div class="smallThumb">
<img src="<?php echo THEME_FOLDER?>/mobile/img/profile.jpg"> 이영희
</div>
</li>
<li class="bigPhoto">
<a class="img-scaleup" href="#"><img src="https://crossmap.co.kr/files/life/2019/05/2ec70527de8d6457449d61a61a3f1834.png"></a>
<div class="des2">
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
<div class="likes">
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-thumbsup.gif"></a>
<div class="numbers">250</div>
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-views.gif"></a>
<div class="numbers">1500</div>
</div>
</div>
<div class="smallThumb">
<img src="<?php echo THEME_FOLDER?>/mobile/img/profile.jpg"> 이영희
</div>
</li>
</ul>
</div>
</div>
<!--Banner-->
<div class="mBanner">
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/m-banner.gif"></a>
</div>
</div>
<!--footer start-->
<div class="footer">
<div class="container">
<div class="ftLogo"><a href="/"><img src="<?php echo THEME_FOLDER?>/mobile/img/logo.svg" alt="크로스맵" width="78" height="22"></a></div>
<ul>
<li><a href="https://hwttjung.wixsite.com/mysite-1" target="https://hwttjung.wixsite.com/mysite-1">회사소개</a></li>
<li><a href="/web/rules/privacy">개인정보 취급방침</a></li>
<li><a href="/web/rules/service">이용약관</a></li>
<li><a href="/web/cs/notice">고객센터</a></li>
</ul>
<ul class="social">
<li><a href="#"><i class="fab fa-facebook-f"></i>페이스북</a></li>
<li><a href="#"><i class="fab fa-instagram"></i>인스타그램</a></li>
</ul>
<div class="copy">Copyright &copy; All rights reserved.</div>
<div class="address">서울시 성북구 안암로 53 (안암동5가 1136) <br/> Tel : 02) 598-4564 | Fax : 02) 6008-4204</div>
</div>
</div>
<!--footer end-->
</div>
<!-- container end -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/min/tiny-slider.js"></script>
<script src="<?php echo THEME_FOLDER?>/mobile/js/script.js"></script>
<!--[if (lt IE 9)]>
<script>
var sheets = document.styleSheets;
for (var i = 0, l = sheets.length; i < l; i++) {
sheets[i].disabled = true;
}
</script>
<style>
body { font-family: Helvetica, Arial, sans-serif; }
@media \0screen { img { width: auto; } }
img {
border: 0;
height: auto;
}
</style>
<![endif]-->
</body>
</html>

View File

@@ -0,0 +1,36 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/min/tiny-slider.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<script src="<?php echo THEME_FOLDER ?>/mobile/js/script.js"></script>
<!--[if (lt IE 9)]>
<script>
var sheets = document.styleSheets;
for (var i = 0, l = sheets.length; i < l; i++) {
sheets[i].disabled = true;
}
</script>
<style>
body { font-family: Helvetica, Arial, sans-serif; }
@media \0screen { img { width: auto; } }
img {
border: 0;
height: auto;
}
</style>
<![endif]-->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.2/jquery.ui.touch-punch.min.js"></script>
<script>
$(document).ready(function() {
$(".mainBox .tagBox ul.owl-carousel").owlCarousel({
itemElement: 'li',
autoWidth: true,
margin: 15,
loop: true
});
$(".mainNav nav").draggable({
axis: "x"
});
});
</script>

View File

@@ -0,0 +1,21 @@
<!--footer start-->
<div class="footer">
<div class="container">
<div class="ftLogo"><a href="/"><img src="<?php echo THEME_FOLDER?>/mobile/img/logo.svg" alt="크로스맵" width="78"
height="22"></a></div>
<ul>
<li><a href="https://hwttjung.wixsite.com/mysite-1" target="https://hwttjung.wixsite.com/mysite-1">회사소개</a>
</li>
<li><a href="/web/rules/privacy">개인정보 취급방침</a></li>
<li><a href="/web/rules/service">이용약관</a></li>
<li><a href="/web/cs/notice">고객센터</a></li>
</ul>
<ul class="social">
<li><a href="#"><i class="fab fa-facebook-f"></i>페이스북</a></li>
<li><a href="#"><i class="fab fa-instagram"></i>인스타그램</a></li>
</ul>
<div class="copy">Copyright &copy; All rights reserved.</div>
<div class="address">서울시 성북구 안암로 53 (안암동5가 1136) <br /> Tel : 02) 598-4564 | Fax : 02) 6008-4204</div>
</div>
</div>
<!--footer end-->

View File

@@ -0,0 +1,19 @@
<meta charset="utf-8">
<meta name="naver-site-verification" content="894ba0807460988349b1e131377b26966e347fc1">
<meta name="google-site-verification" content="CitaOJM4btglyBtNxZFYymBBzh3g7Pb9PxKl9YF8jDg">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<!-- <meta http-equiv="cleartype" content="on"> -->
<title>크리스천포털 크로스맵</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta property="fb:app_id" content="961578337335000">
<!-- favicons -->
<link rel="shortcut icon" href="<?php echo THEME_FOLDER?>/img/shortcut_icon.png">
<link rel="shortcut icon" href="<?php echo THEME_FOLDER?>/img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="<?php echo THEME_FOLDER?>/img/shortcut_icon.png">
<link rel="apple-touch-startup-image" href="<?php echo THEME_FOLDER?>/img/shortcut_icon.png">

View File

@@ -0,0 +1,31 @@
<!-- css -->
<link rel="stylesheet" href="<?php echo THEME_FOLDER?>/mobile/css/main.css">
<link rel="stylesheet" href="<?php echo THEME_FOLDER?>/mobile/css/section.css">
<!-- Font -->
<link href="https://fonts.googleapis.com/css?family=Nanum+Gothic" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Nanum+Myeongjo" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"
integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/tiny-slider.css">
<!--[if (lt IE 9)]><script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/min/tiny-slider.helper.ie8.js"></script><![endif]-->
<!-- javascript -->
<!--[if (lt IE 9)]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script src="assets/js/ie.min.js"></script>
<link href="http://externalcdn.com/respond-proxy.html" id="respond-proxy" rel="respond-proxy" />
<link href="assets/cross-domain/respond.proxy.gif" id="respond-redirect" rel="respond-redirect" />
<script src="assets/cross-domain/respond.proxy.js"></script>
<![endif]-->
<script src="<?php echo THEME_FOLDER?>/mobile/js/script.js"></script>
<style>
.tagBox ul li {
float: left;
width: 250px;
padding-right: 0;
}
.cm-second-nav{display:none}
</style>

View File

@@ -0,0 +1,58 @@
<noscript>
<p class="enable-js">
To enjoy our website, you'll need to enable <b>JavaScript</b> in your web browser. Please <a
href="http://enable-javascript.com/" target="_blank"><b>click here</b></a> to learn how.
</p>
</noscript>
<!--[if lte IE 8]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/" target="_blank">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- Mobile nav Overlayer -->
<div class="offcanvas" aria-hidden="true">
<div class="nav-wrap">
<button class="btn-close" data-remove=".nav-wrap"><i class="fas fa-times"></i></button>
<nav class="site-nav">
<ul>
<li><a href="index.html">홈</a></li>
<li><a href="index.html">뉴스</a></li>
<li><a href="index.html">웹툰</a></li>
<li><a href="index.html">은혜충전</a></li>
<li><a href="index.html">기도공감</a></li>
<li><a href="index.html">바이블잼</a></li>
<li><a href="index.html">크로스맵 TV</a></li>
<li><a href="index.html">자료실</a></li>
<li class="login"><a href="#">로그인</a></li>
</ul>
</nav>
</div>
</div>
<header class="site-head">
<div class="topHead">
<div class="container">
<button class="nav-toggle" data-toggle=".nav-wrap"><img
src="<?php echo THEME_FOLDER?>/mobile/img/ic-menu.gif"></button>
<div class="logo"><a href="/"><img src="<?php echo THEME_FOLDER?>/mobile/img/cm-symbol.gif" alt="크로스맵"
height="34"></a>
<a href="/grace" class="sectionTitle">은혜충전</a>
</div>
<button class="search-toggle" data-add=".search"><img
src="<?php echo THEME_FOLDER?>/mobile/img/ic-mag.gif"></button>
</div>
</div>
<div class="container">
<div class="mainNav">
<nav>
<ul>
<?php echo $nav ?>
</ul>
</nav>
</div>
</div>
</header>

View File

@@ -0,0 +1,426 @@
<!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>

View File

@@ -0,0 +1,291 @@
<!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>
<meta charset="utf-8">
<meta name="naver-site-verification" content="894ba0807460988349b1e131377b26966e347fc1">
<meta name="google-site-verification" content="CitaOJM4btglyBtNxZFYymBBzh3g7Pb9PxKl9YF8jDg">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<!-- <meta http-equiv="cleartype" content="on"> -->
<title>크리스천포털 크로스맵</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta property="fb:app_id" content="961578337335000">
<!-- favicons -->
<link rel="shortcut icon" href="/img/shortcut_icon.png">
<link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="/img/shortcut_icon.png">
<link rel="apple-touch-startup-image" href="/img/shortcut_icon.png">
<!-- css -->
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/section.css">
<!-- Font -->
<link href="https://fonts.googleapis.com/css?family=Nanum+Gothic" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Nanum+Myeongjo" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/tiny-slider.css">
<!--[if (lt IE 9)]><script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/min/tiny-slider.helper.ie8.js"></script><![endif]-->
<!-- javascript -->
<!--[if (lt IE 9)]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script src="assets/js/ie.min.js"></script>
<link href="http://externalcdn.com/respond-proxy.html" id="respond-proxy" rel="respond-proxy" />
<link href="assets/cross-domain/respond.proxy.gif" id="respond-redirect" rel="respond-redirect" />
<script src="assets/cross-domain/respond.proxy.js"></script>
<![endif]-->
<script src="js/script.js"></script>
</head>
<body>
<noscript>
<p class="enable-js">
To enjoy our website, you'll need to enable <b>JavaScript</b> in your web browser. Please <a href="http://enable-javascript.com/" target="_blank"><b>click here</b></a> to learn how.
</p>
</noscript>
<!--[if lte IE 8]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/" target="_blank">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- Mobile nav Overlayer -->
<div class="offcanvas" aria-hidden="true">
<div class="nav-wrap">
<button class="btn-close" data-remove=".nav-wrap"><i class="fas fa-times"></i></button>
<nav class="site-nav">
<ul>
<li><a href="index.html">홈</a></li>
<li><a href="index.html">뉴스</a></li>
<li><a href="index.html">웹툰</a></li>
<li><a href="index.html">은혜충전</a></li>
<li><a href="index.html">기도공감</a></li>
<li><a href="index.html">바이블잼</a></li>
<li><a href="index.html">크로스맵 TV</a></li>
<li><a href="index.html">자료실</a></li>
<li class="login"><a href="#">로그인</a></li>
</ul>
</nav>
</div>
</div>
<header class="site-head">
<div class="topHead">
<div class="container">
<button class="nav-toggle" data-toggle=".nav-wrap"><img src="img/ic-menu.gif"></button>
<div class="logo"><a href="/"><img src="img/cm-symbol.gif" alt="크로스맵" height="34"></a>
<a href="#" class="sectionTitle">은혜충전</a>
</div>
<button class="search-toggle" data-add=".search"><img src="img/ic-mag.gif"></button>
</div>
</div>
<div class="container">
<div class="mainNav">
<nav>
<ul>
<li><a href="">홈</a></li>
<li class="current"><a href="">말씀엽서</a></li>
<li><a href="">운율묵상</a></li>
<li><a href="">영어한컷</a></li>
<li><a href="">이야기QT</a></li>
<li><a href="">영상QT</a></li>
<li><a href="">C포스트</a></li>
</ul>
</nav>
</div>
</div>
</header>
<div class="main-container graceCon">
<!-- Search Over-->
<div class="search">
<div class="container">
<button class="btn-close2" data-remove=".search"><img src="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 pt10">
<!--goto Top-->
<div class="gotoTop">
<a href="#"><img src="img/top.gif"></a>
</div>
<!--Search Result-->
<div class="mainBox">
<div class="search-result">
<div class="container">
<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="searchResult">
<span><a href="#">전체 콘텐츠</a></span>
<span><a href="#">전체메뉴</a></span>
<span><a href="#">추천수</a></span>
<div>검색결과 <span class="num">50</span></div>
</div>
</div>
</div>
</div>
<div class="mainBox">
<div class="thumbList">
<ul>
<li class="bigPhoto">
<a class="img-scaleup" href="#"><img src="https://crossmap.co.kr/files/life/2019/05/2ec70527de8d6457449d61a61a3f1834.png"></a>
<div class="des2">
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
<div class="likes">
<a href="#"><img src="img/ic-thumbsup.gif"></a>
<div class="numbers">250</div>
<a href="#"><img src="img/ic-views.gif"></a>
<div class="numbers">1500</div>
</div>
</div>
<div class="smallThumb">
<img src="img/profile.jpg"> 이영희
</div>
</li>
<li class="bigPhoto">
<a class="img-scaleup" href="#"><img src="https://crossmap.co.kr/files/life/2019/05/2ec70527de8d6457449d61a61a3f1834.png"></a>
<div class="des2">
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
<div class="likes">
<a href="#"><img src="img/ic-thumbsup.gif"></a>
<div class="numbers">250</div>
<a href="#"><img src="img/ic-views.gif"></a>
<div class="numbers">1500</div>
</div>
</div>
<div class="smallThumb">
<img src="img/profile.jpg"> 이영희
</div>
</li>
<li class="bigPhoto">
<a class="img-scaleup" href="#"><img src="https://crossmap.co.kr/files/life/2019/05/2ec70527de8d6457449d61a61a3f1834.png"></a>
<div class="des2">
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
<div class="likes">
<a href="#"><img src="img/ic-thumbsup.gif"></a>
<div class="numbers">250</div>
<a href="#"><img src="img/ic-views.gif"></a>
<div class="numbers">1500</div>
</div>
</div>
<div class="smallThumb">
<img src="img/profile.jpg"> 이영희
</div>
</li>
<li class="bigPhoto">
<a class="img-scaleup" href="#"><img src="https://crossmap.co.kr/files/life/2019/05/2ec70527de8d6457449d61a61a3f1834.png"></a>
<div class="des2">
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
<div class="likes">
<a href="#"><img src="img/ic-thumbsup.gif"></a>
<div class="numbers">250</div>
<a href="#"><img src="img/ic-views.gif"></a>
<div class="numbers">1500</div>
</div>
</div>
<div class="smallThumb">
<img src="img/profile.jpg"> 이영희
</div>
</li>
</ul>
</div>
</div>
<!--Banner-->
<div class="mBanner">
<a href="#"><img src="img/m-banner.gif"></a>
</div>
</div>
<!--footer start-->
<div class="footer">
<div class="container">
<div class="ftLogo"><a href="/"><img src="img/logo.svg" alt="크로스맵" width="78" height="22"></a></div>
<ul>
<li><a href="https://hwttjung.wixsite.com/mysite-1" target="https://hwttjung.wixsite.com/mysite-1">회사소개</a></li>
<li><a href="/web/rules/privacy">개인정보 취급방침</a></li>
<li><a href="/web/rules/service">이용약관</a></li>
<li><a href="/web/cs/notice">고객센터</a></li>
</ul>
<ul class="social">
<li><a href="#"><i class="fab fa-facebook-f"></i>페이스북</a></li>
<li><a href="#"><i class="fab fa-instagram"></i>인스타그램</a></li>
</ul>
<div class="copy">Copyright &copy; All rights reserved.</div>
<div class="address">서울시 성북구 안암로 53 (안암동5가 1136) <br/> Tel : 02) 598-4564 | Fax : 02) 6008-4204</div>
</div>
</div>
<!--footer end-->
</div>
<!-- container end -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/min/tiny-slider.js"></script>
<script src="js/script.js"></script>
<!--[if (lt IE 9)]>
<script>
var sheets = document.styleSheets;
for (var i = 0, l = sheets.length; i < l; i++) {
sheets[i].disabled = true;
}
</script>
<style>
body { font-family: Helvetica, Arial, sans-serif; }
@media \0screen { img { width: auto; } }
img {
border: 0;
height: auto;
}
</style>
<![endif]-->
</body>
</html>

View File

@@ -0,0 +1,213 @@
<!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', '/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 pt10">
<!--goto Top-->
<div class="gotoTop">
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/top.gif"></a>
</div>
<!--Tag Pick-->
<div class="mainBox">
은혜로운 성경말씀과 아름다운 이미지의 콜라보
<div class="resourceBoxTag">
<ul>
<li class="all">전체</li>
<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 class="mainBox">
<ul class="titleBoxTab">
<li class="current">업데이트 순</li>
<li>좋아요 순</li>
</ul>
<div class="thumbList">
<ul>
<li class="bigPhoto">
<a class="img-scaleup" href="#"><img
src="https://crossmap.co.kr/files/life/2019/05/2ec70527de8d6457449d61a61a3f1834.png"></a>
<div class="des2">
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
<div class="likes">
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-thumbsup.gif"></a>
<div class="numbers">250</div>
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-views.gif"></a>
<div class="numbers">1500</div>
</div>
</div>
<div class="smallThumb">
<img src="<?php echo THEME_FOLDER?>/mobile/img/profile.jpg"> 이영희
</div>
</li>
<li class="bigPhoto">
<a class="img-scaleup" href="#"><img
src="https://crossmap.co.kr/files/life/2019/05/2ec70527de8d6457449d61a61a3f1834.png"></a>
<div class="des2">
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
<div class="likes">
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-thumbsup.gif"></a>
<div class="numbers">250</div>
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-views.gif"></a>
<div class="numbers">1500</div>
</div>
</div>
<div class="smallThumb">
<img src="<?php echo THEME_FOLDER?>/mobile/img/profile.jpg"> 이영희
</div>
</li>
<li class="bigPhoto">
<a class="img-scaleup" href="#"><img
src="https://crossmap.co.kr/files/life/2019/05/2ec70527de8d6457449d61a61a3f1834.png"></a>
<div class="des2">
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
<div class="likes">
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-thumbsup.gif"></a>
<div class="numbers">250</div>
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-views.gif"></a>
<div class="numbers">1500</div>
</div>
</div>
<div class="smallThumb">
<img src="<?php echo THEME_FOLDER?>/mobile/img/profile.jpg"> 이영희
</div>
</li>
<li class="bigPhoto">
<a class="img-scaleup" href="#"><img
src="https://crossmap.co.kr/files/life/2019/05/2ec70527de8d6457449d61a61a3f1834.png"></a>
<div class="des2">
<p><a href="#">오늘날 바리새들이 할 수 있는 말 10가지</a></p>
<div class="likes">
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-thumbsup.gif"></a>
<div class="numbers">250</div>
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/ic-views.gif"></a>
<div class="numbers">1500</div>
</div>
</div>
<div class="smallThumb">
<img src="<?php echo THEME_FOLDER?>/mobile/img/profile.jpg"> 이영희
</div>
</li>
</ul>
</div>
</div>
<!--Banner-->
<div class="mBanner">
<a href="#"><img src="<?php echo THEME_FOLDER?>/mobile/img/m-banner.gif"></a>
</div>
</div>
<!--footer start-->
<div class="footer">
<div class="container">
<div class="ftLogo"><a href="/"><img src="<?php echo THEME_FOLDER?>/mobile/img/logo.svg" alt="크로스맵"
width="78" height="22"></a></div>
<ul>
<li><a href="https://hwttjung.wixsite.com/mysite-1"
target="https://hwttjung.wixsite.com/mysite-1">회사소개</a></li>
<li><a href="/web/rules/privacy">개인정보 취급방침</a></li>
<li><a href="/web/rules/service">이용약관</a></li>
<li><a href="/web/cs/notice">고객센터</a></li>
</ul>
<ul class="social">
<li><a href="#"><i class="fab fa-facebook-f"></i>페이스북</a></li>
<li><a href="#"><i class="fab fa-instagram"></i>인스타그램</a></li>
</ul>
<div class="copy">Copyright &copy; All rights reserved.</div>
<div class="address">서울시 성북구 안암로 53 (안암동5가 1136) <br /> Tel : 02) 598-4564 | Fax : 02) 6008-4204</div>
</div>
</div>
<!--footer end-->
</div>
<!-- container end -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/min/tiny-slider.js"></script>
<script src="js/script.js"></script>
<!--[if (lt IE 9)]>
<script>
var sheets = document.styleSheets;
for (var i = 0, l = sheets.length; i < l; i++) {
sheets[i].disabled = true;
}
</script>
<style>
body { font-family: Helvetica, Arial, sans-serif; }
@media \0screen { img { width: auto; } }
img {
border: 0;
height: auto;
}
</style>
<![endif]-->
</body>
</html>