묻고답하기
[고수님들의 도움요청 ]페이지 삽입문제
2015.12.10 11:43
현재 이 페이지에 있는 이미지움직이는 부분(http://halal03.cafe24.com/page_jdgp50)을
http://halal03.cafe24.com/home 부분 중간에 삽입하고 싶은데..방법이 없을까요?
http://halal03.cafe24.com/home 레이아웃 hrml
-->
<!--
copyright 2015 ian co.
-->
<include target="include/Properties.html" />
<body class="home page boxed transparent-header full-width both-animated-sidebars menu-header" cond="$layout_info->layoutType=='sub'"> <!--@end-->
<body class="home page transparent-header full-width both-animated-sidebars menu-header" cond="$layout_info->layoutType=='main'" cond="($_content_home=='h' && $li->transparent=='y') || ($_content_home!='h' && $li->transparent=='s') || $li->transparent=='all'"></body>
<div id="site-container" class="site-container clearfix">
<div id="sidebar-menu-right" class="sidebar sidebar-menu sidebar-menu-right st-effect-5">
<div class="sidebar-menu-inner">
<div class="widget widget_search">
<form role="search" method="get" id="searchform" action="{getUrl()}">
<input type="hidden" name="act" value="IS" />
<input name="is_keyword" type="text" class="itext" placeholder="Enter search term" spellcheck="true" />
<input type="submit" class="submit" value="Search"/>
</form>
</div>
<ul class="main-menu navigation ">
<li loop="$main_menu->list=>$key1,$val1" cond="$val1['link']">
<a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'" style="color:#{$li->font_color_custom}">{$val1['link']}</a>
<ul cond="$val1['list']" class="sub-menu">
<li loop="$val1['list']=>$key2,$val2" cond="$val2['link']">
<a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'" style="color:#{$li->font_color_custom}">{$val2['link']}</a>
<ul cond="$val2['list']" class="sub-menu">
<li loop="$val2['list']=>$key3,$val3" cond="$val3['link']">
<a href="{$val3['href']}" target="_blank"|cond="$val3['open_window']=='Y'" style="color:#{$li->font_color_custom}">{$val3['link']}</a>
</li>
</ul>
</li>
</ul>
</li>
<li>member <i class="zest-icon-user"></i></li> <!--@if($is_logged)-->
<a href="{getUrl('act','dispMemberLogout')}" style="color:#{$li->font_color_custom}">Logout</a><!--@else-->
<a href="{getUrl('act','dispMemberLoginForm')}" style="color:#{$li->font_color_custom}">Login </a>
<!--@end-->
<!--@if(!$is_logged)-->
<a href="{getUrl('act','dispMemberSignUpForm')}" style="color:#{$li->font_color_custom}">회원가입</a>
<!--@else-->
<a href="{getUrl('act','dispMemberInfo')}" style="color:#{$li->font_color_custom}">회원정보</a>
<!--@end-->
<!--@if($logged_info->is_admin=="Y")--> <a href="{getUrl('', 'module','admin')}" style="color:#{$li->font_color_custom}">Admin</a><!--@end-->
</ul>
</div>
</div>
<include target="include/side.html"/>
<div id="site-pusher" class="site-pusher" style="background-image:url({$li->box_img})">
<div id="page" class="hfeed site">
<div class="site-inner">
<header id="masthead" class="site-header" role="banner">
<div class="container clearfix">
<div class="g12 head">
<div class="logo">
<a href="{$li->default_url}">
<!--@if($li->logo)-->
<img src="{$li->logo}" alt="{$li->logo_title}" />
<!--@elseif($li->logo_title)-->
{$li->logo_title}
<!--@else-->
<img src="zest_layout/img/logosample.png" />
<!--@end-->
</a>
</div>
<!--// GNB //-->
<nav id="site-navigation" class="menu" role="navigation" cond="$li->side!='n'">
<ul class="header-menu">
<li loop="$side_menu->list=>$key1, $val1" class="dropdown <!--@if($val1["selected"])-->active<!--@end-->">
<a href="{$val1['href']}" target="_blank"|cond="$val1['open_window'] == 'y'">{$val1["link"]} <i cond="$val1['list']"></i></a>
<ul cond="$val1['list']" class="sub-menu">
<li loop="$val1['list']=>$key2,$val2" class="<!--@if($val2["list"])-->sub-menu<!--@end--> <!--@if($val2["selected"])-->active<!--@end-->">
<a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']== 'Y'">{$val2["link"]} <i cond="$val2['list']"></i></a>
<ul cond="$val2['list']" class="sub-menu">
<li loop="$val2['list']=>$key3, $val3" class="active"|cond="$val3['selected']">
<a href="{$val3['href']}" target="_blank"|cond="$val3['open_window'] == 'Y'">{$val3["link"]}</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
<a id="show-left-sidebar" class="open-left-sidebar open-animated-sidebars" data-effect="st-effect-5" cond="($_content_home=='h' && $li->side_bar=='y') || $li->side_bar=='all'">
<!--@if($li->side_icon1)-->
<i class="zest-icon-{$li->side_icon1}" />
<!--@else-->
<i class="zest-icon-info-circled">
<!--@end-->
</i></a>
<a id="show-right-sidebar" class="open-right-sidebar open-animated-sidebars" data-effect="st-effect-5" cond="($_content_home=='h' && $li->side_bar2=='y') || $li->side_bar2=='all'">
<i class="zest-icon-menu-3"></i>
</a>
</nav>
</div>
</div>
</header>
<include target="include/layoutPortfolio.html" cond="$layout_info->layoutType=='sub2'" />
<include target="include/layoutB.html" cond="$layout_info->layoutType=='sub3'" />
<include target="include/boxed.html" />
<!--@if($layout_info->layoutType=="main")-->
<!--@if(!$act_on)-->
<!--// Slider //-->
<div class="header-slider" cond="($_content_home=='h' && $li->slider=='y') || $li->slider=='all'">
<!--@if($li->slider_code)-->
{$li->slider_code}
<!--@else-->
<include target="include/slider.html" />
<!--@end-->
</div><!--@end-->
<!--@if(!$act_on && $_content_home=='h')-->
<div id="main" class="content-area container clearfix">
<section id="primary" class="g8 site-content" role="main" cond="$li->section1!='n'" >
<article class="page">
<div class="entry-content">
<div class="row">
<div class="g4">
<div class="service grid">
<div class="service-icon" cond="$li->section1_img">
<img src="{$li->section1_img}">
</div>
<div class="service-text" cond="$li->section1_Title || $li->section1_SubTitle">
<h5 class="service-title" cond="$li->section1_Title" style="color:#{$li->section1_Title_color_custom}" |cond="$li->section1_Title_color_custom">{$li->section1_Title}</h5>
<p class="service-desc"cond="$li->section1_SubTitle">{$li->section1_SubTitle}</p>
<a href="{$li->section1_more_link}" class="alt-button medium" style="color:#{$li->section1_color_custom}" cond="$li->section1_button!='n'">{$li->section1_more_text}</a>
</div>
</div>
</div>
<div class="g4">
<div class="service grid">
<div class="service-icon" cond="$li->section1_img2">
<img src="{$li->section1_img2}">
</div>
<div class="service-text" cond="$li->section1_Title2 || $li->section1_SubTitle2">
<h5 class="service-title" style="color:#{$li->section1_Title_color_custom}"|cond="$li->section1_Title_color_custom">{$li->section1_Title2}</h5>
<p class="service-desc"cond="$li->section1_SubTitle2">{$li->section1_SubTitle2}</p>
<a href="{$li->section1_more_link2}" class="alt-button medium" style="color:#{$li->section1_color_custom2}" cond="$li->section1_button!='n'">{$li->section1_more_text2}</a>
</div>
</div>
</div>
<div class="g4">
<div class="service grid">
<div class="service-icon" cond="$li->section1_img3">
<img src="{$li->section1_img3}">
</div>
<div class="service-text" cond="$li->section1_Title3|| $li->section1_SubTitle3">
<h5 class="service-title" style="color:#{$li->section1_Title_color_custom}"|cond="$li->section1_Title_color_custom">{$li->section1_Title3}</h5>
<p class="service-desc"cond="$li->section1_SubTitle3">{$li->section1_SubTitle3}</p>
<a href="{$li->section1_more_link3}" class="alt-button medium" style="color:#{$li->section1_color_custom3}" cond="$li->section1_button!='n'">{$li->section1_more_text3}</a>
</div>
</div>
</div>
</div>
</div>
<div style="border:1px solid; padding:0px; color:#e6e6e6;"></div>
<p cond="$li->section2!='n'"></p>
<div class="row" cond="$li->section2!='n'">
<div class="g6">
<!--@if($li->section2_code)-->
{$li->section2_code}
<!--@else-->
<img class="zbxe_widget_output" widget="content" skin="content_skin_zest" colorset="white" content_type="document" module_srls="{$li->section2_srl}" list_type="image_title_content" tab_type="tab_top" tab_markup_type="table" list_count="3" cols_list_count="4" page_count="1" option_view="thumbnail,content" show_browser_title="Y" show_comment_count="Y" show_trackback_count="Y" show_category="Y" show_icon="Y" order_target="regdate" order_type="desc" thumbnail_type="crop" /> <!--@end-->
</div>
<div class="g6">
<div class="service inline">
<div class="service-icon">
<i class="zest-icon-{$li->section2_icon1} small"></i>
</div>
<div class="service-text">
<div class="service-desc" style="font-size:0.9em"> {$li->s2text_1} </div>
</div>
</div>
<div class="service inline ">
<div class="service-icon">
<i class="zest-icon-{$li->section2_icon2} small"></i>
</div>
<div class="service-text">
<div class="service-desc" style="font-size:0.9em"> {$li->s2text_2} </div>
</div>
</div>
<div class="service inline ">
<div class="service-icon">
<i class="zest-icon-{$li->section2_icon3} small"></i>
</div>
<div class="service-text">
<div class="service-desc" style="font-size:0.9em"> {$li->s2text_3} </div>
</div>
</div>
<div class="service inline ">
<div class="service-icon">
<i class="zest-icon-{$li->section2_icon4} small"></i>
</div>
<div class="service-text">
<div class="service-desc" style="font-size:0.9em"> {$li->s2text_4} </div>
</div>
</div>
</div>
</div>
<!--@end-->
<!--// parallax //-->
<hr cond="$li->parallax!='n'">
<div class="headline" cond="$li->parallax!='n'">
<h2 style="color:#{$li->Tparallax_color}">{$li->Tparallax_Title}</h2>
</div>
<div class="fit-window-width bg-image" style="background-color:#fff;padding:150px 0;" cond="$li->parallax!='n'">
<div data-velocity="-.3" class="parallax-item" style="background-image:url({$li->parallax_img});;height:1280px"></div>
<div class="container">
<div class="g12">
<div class="headline">
<p class="subheading" cond="$li->parallax_SubTitle">{$li->parallax_SubTitle}</p>
<h1 class="h1" cond="$li->parallax_Title" style="color:#{$li->parallax_Title_color_custom}" |cond="$li->parallax_Title_color_custom">{$li->parallax_Title}</h1>
</div>
</div>
</div>
</div>
<div class="fit-window-width" style="background-color:#{$li->parallax_bar_color_custom};padding:20px 0;" cond="$li->parallax!='n'">
<div class="container">
<div class="g12">
<h3 style="color:#{$li->parallax_bar_Title_color_custom};text-align:center;font-weight:300;"|cond="$li->parallax_bar_Title">{$li->parallax_bar_Title}</h3>
</div>
</div>
</div>
<!--// section3 //-->
<div class="fit-window-width" style="background-color:#f9f8f7;border-top:1px solid#eee;border-bottom:1px solid#eee;padding:30px 0;" cond="$li->section3!='n'">
<div class="container">
<div class="g12">
<div class="headline">
<p class="subheading" cond="$li->section3_SubTitle">{$li->section3_SubTitle}</p>
<h2 class="h2" cond="$li->section3_Title" style="color:#{$li->section3_color}">{$li->section3_Title}</h2>
</div><!--@if($li->section3_code)-->
{$li->section3_code}
<!--@else-->
<div class="twentytwenty-container" cond="$li->section3!='n'" cond="$li->section3_img">
<img src="{$li->section3_img}"/>
<img src="{$li->section3_img2}"/><!--@end-->
</div>
</div>
</div>
</div>
<div class="service-text" style='text-align:center' cond="$li->section3!='n'">
<p>{$li->section3_Contents}</p></div>
<!--// section4 //-->
<hr cond="$li->section4!='n'"><div class="fit-window-width bg-image" style="background-color:#fff;background-image:url('{$li->section4back_img}');padding:20px 0;" cond="$li->section4!='n'">
<div class="container">
<div class="g12">
<div class="headline">
<p class="subheading" cond="$li->section4_SubTitle">{$li->section4_SubTitle}</p>
<h2 class="h2" cond="$li->section4_Title" style="color:#{$li->section4_color}">{$li->section4_Title}</h2>
</div>
<div class="portfolio-wrapper portfolio-title-bottom portfolio-title-visible">
<script>
jQuery(document).ready(function($){
$('.fit-window-width').aFitWindowWidth();
$("#portfolio-shortcode-2").owlCarousel({
items : 3,
navigation : true,
slideSpeed : 800,
scrollPerPage : false,
pagination: false,
responsiveRefreshRate : 200,
stopOnHover : false,
/*autoHeight : true, */
autoPlay: 5000,
itemsDesktop : [1199,3],
itemsDesktopSmall : [768,3],
itemsTablet: [480,2],
itemsMobile : [320,1]
});
});
</script>
<ul id="portfolio-shortcode-2" class="products portfolio columns columns-3">
<li class="portfolio-item filter-photography">
<div class="img-overlay" cond="$li->section4_img1">
<img width="768" height="570" src="{$li->section4_img1}" class="attachment-thumbnail-portfolio wp-post-image"/>
<a href="{$li->section4_link1}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner" cond="$li->section4_text">
<h3><a href="{$li->section4_link2}" class="h3" cond="$li->section4_text"><span>{$li->section4_text}</span></a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay" cond="$li->section4_img2">
<img width="768" height="570" src="{$li->section4_img2}">
<a href="{$li->section4_link2_1}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner" cond="$li->section4_text2">
<h3><a href="{$li->section4_link2_2}" class="h3" cond="$li->section4_text2"><span>{$li->section4_text2}</span></a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay" cond="$li->section4_img3">
<img width="768" height="570" src="{$li->section4_img3}" />
<a href="{$li->section4_link3_1}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner" cond="$li->section4_text3">
<h3><a href="{$li->section4_link3_2}" class="h3" cond="$li->section4_text3"><span>{$li->section4_text3}</span></a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-illustrations">
<div class="img-overlay" cond="$li->section4_img4">
<img width="768" height="570" src="{$li->section4_img4}" />
<a href="{$li->section4_link4_1}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner" cond="$li->section4_text4">
<h3><a href="{$li->section4_link4_2}" class="h3" cond="$li->section4_text4"><span>{$li->section4_text4}</span></a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay" cond="$li->section4_img5">
<img width="768" height="570" src="{$li->section4_img5}" />
<a href="{$li->section4_link5_1}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner" cond="$li->section4_text5">
<h3><a href="{$li->section4_link5_2}" class="h3" cond="$li->section4_text5"><span>{$li->section4_text5}</span></a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay" cond="$li->section4_img6">
<img width="768" height="570" src="{$li->section4_img6}">
<a href="{$li->section4_link6_1}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner" cond="$li->section4_text6">
<h3><a href="{$li->section4_link6_2}" class="h3" cond="$li->section4_text6"><span>{$li->section4_text6}</span></a></h3>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</article>
</section>
<!--@end-->
<!--// section5 //--><!--@if(!$act_on && $_content_home=='h')-->
<div class="container" cond="$li->section5!='n'">
<div class="g15" style="text-align:center; margin:0 auto;" cond="$li->section5!='n'">
<div class="entry-content" style="font-size:0.9em" cond="$li->section5_code">
{$li->section5_code}
</div>
</div>
</div><!--@end-->
<!--// section6 //-->
<!--@if(!$act_on && $_content_home=='h')-->
<div class="call-to-action" cond="$li->section6!='n'">
<div class="container">
<div class="g12">
<h4 class="h4" cond="$li->section6_text">{$li->section6_text}</h4>
<a href="{$li->section6_link}" class="button medium" style="color:#{$li->section6_color}"><i class="zest-icon-{$li->section6_icon}"></i>{$li->section6_text2}</a>
</div>
</div>
</div><!--@end-->
<div class="container" style="padding-top:70px;">{$content}</div>
<footer id="colophon" class="site-footer" role="contentinfo">
<div class="footer-inner container clearfix">
<div class="site-info">
<div id="text-2" class="widget g4 widget_text">
<h3 class="widget-title">{$li->section7_Title1}</h3>
<div class="textwidget">
<p>{$li->section7_text_1}</p>
<p>
<a href="{$li->facebook_link}" target="_blank" class="social-icon medium" cond="$li->sns_foot!='n'" cond="$li->facebook_link"><i class="zest-icon-facebook-squared"></i></a>
<a href="{$li->twitter_link}" target="_blank" class="social-icon medium" cond="$li->sns_foot!='n'" cond="$li->twitter_link"><i class="zest-icon-twitter"></i></a>
<a href="{$li->gplus_link}" target="_blank" class="social-icon medium" cond="$li->sns_foot!='n'" cond="$li->gplus_link"><i class="zest-icon-gplus"></i></a>
<a href="{$li->instagram_link}" target="_blank" class="social-icon medium" cond="$li->sns_foot!='n'" cond="$li->instagram_link"><i class="zest-icon-instagram"></i></a>
<a href="{$li->youtube_link}" target="_blank" class="social-icon medium" cond="$li->sns_foot!='n'" cond="$li->youtube_link"><i class="zest-icon-youtube-squared"></i></a>
<a href="mailto:{$li->mail_link}" target="_blank" class="social-icon medium" cond="$li->sns_foot!='n'" cond="$li->mail_link"><i class="zest-icon-mail-alt"></i></a>
</p>
</div>
</div>
<div id="customwidget-2" class="widget g4 widget_customwidget">
<h3 class="widget-title" cond="$li->section7_Title2">{$li->section7_Title2}</h3>
<div class="flickr_wrap">
{$li->section7_widget_2}
</div>
<div class="clearboth"></div>
</div>
<div id="text-3" class="widget g4 widget_text">
<h3 class="widget-title" cond="$li->section7_Title3">{$li->section7_Title3}</h3>
<div class="textwidget">
{$li->section7_text_3}<br>
{$li->section7_text_4}<br>
</div>
</div>
</div>
</div>
<div class="copyright">
<p cond="$li->copyright">{$li->copyright}</p>
</div>
</footer>
</div>
</div>
</div>
</div>
</div>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script src="js/show/owl.carousel.min.js"></script>
<script src="js/show/jquery.twentytwenty.min.js"></script>
<script src="js/ze/header-slider-owl-carousel-ze.js"></script>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ko_KR/sdk.js#xfbml=1&version=v2.3";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
-->
======================================================================
http://halal03.cafe24.com/page_jdgp50) 레이아웃 html
<!--
copyright 2015 ian co.
-->
<meta name="naver-site-verification" content="545a28979efb570c893312aaf7dd80b1c12bcf6e"/>
<include target="include/Properties.html" />
<div id="site-container" class="site-container clearfix">
<div id="sidebar-menu-right" class="sidebar sidebar-menu sidebar-menu-right st-effect-5">
<div class="sidebar-menu-inner">
<div class="widget widget_search">
<form role="search" method="get" id="searchform" action="{getUrl()}">
<input type="hidden" name="act" value="IS" />
<input name="is_keyword" type="text" class="itext" placeholder="Enter search term" spellcheck="true" />
<input type="submit" class="submit" value="Search"/>
</form>
</div>
<ul class="main-menu navigation ">
<li loop="$main_menu->list=>$key1,$val1" cond="$val1['link']">
<a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'" style="color:#{$li->font_color_custom}">{$val1['link']}</a>
<ul cond="$val1['list']" class="sub-menu">
<li loop="$val1['list']=>$key2,$val2" cond="$val2['link']">
<a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'" style="color:#{$li->font_color_custom}">{$val2['link']}</a>
<ul cond="$val2['list']" class="sub-menu">
<li loop="$val2['list']=>$key3,$val3" cond="$val3['link']">
<a href="{$val3['href']}" target="_blank"|cond="$val3['open_window']=='Y'" style="color:#{$li->font_color_custom}">{$val3['link']}</a>
</li>
</ul>
</li>
</ul>
</li>
<li>member <i class="zest-icon-user"></i></li> <!--@if($is_logged)-->
<a href="{getUrl('act','dispMemberLogout')}" style="color:#{$li->font_color_custom}">Logout</a><!--@else-->
<a href="{getUrl('act','dispMemberLoginForm')}" style="color:#{$li->font_color_custom}">Login </a>
<!--@end-->
<!--@if(!$is_logged)-->
<a href="{getUrl('act','dispMemberSignUpForm')}" style="color:#{$li->font_color_custom}">회원가입</a>
<!--@else-->
<a href="{getUrl('act','dispMemberInfo')}" style="color:#{$li->font_color_custom}">회원정보</a>
<!--@end-->
<!--@if($logged_info->is_admin=="Y")--> <a href="{getUrl('', 'module','admin')}" style="color:#{$li->font_color_custom}">Admin</a><!--@end-->
</ul>
</div>
</div>
<include target="include/side.html"/>
<div id="site-pusher" class="site-pusher" style="background-image:url({$li->box_img})">
<div id="page" class="hfeed site">
<div class="site-inner">
<header id="masthead" class="site-header" role="banner">
<div class="container clearfix">
<div class="g12 head">
<div class="logo">
<a href="{$li->default_url}">
<!--@if($li->logo)-->
<img src="{$li->logo}" alt="{$li->logo_title}" />
<!--@elseif($li->logo_title)-->
{$li->logo_title}
<!--@else-->
<img src="zest_layout/img/logosample.png" />
<!--@end-->
</a>
</div>
<!--// GNB //-->
<nav id="site-navigation" class="menu" role="navigation" cond="$li->side!='n'">
<ul class="header-menu">
<li loop="$side_menu->list=>$key1, $val1" class="dropdown <!--@if($val1["selected"])-->active<!--@end-->">
<a href="{$val1['href']}" target="_blank"|cond="$val1['open_window'] == 'y'">{$val1["link"]} <i cond="$val1['list']"></i></a>
<ul cond="$val1['list']" class="sub-menu">
<li loop="$val1['list']=>$key2,$val2" class="<!--@if($val2["list"])-->sub-menu<!--@end--> <!--@if($val2["selected"])-->active<!--@end-->">
<a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']== 'Y'">{$val2["link"]} <i cond="$val2['list']"></i></a>
<ul cond="$val2['list']" class="sub-menu">
<li loop="$val2['list']=>$key3, $val3" class="active"|cond="$val3['selected']">
<a href="{$val3['href']}" target="_blank"|cond="$val3['open_window'] == 'Y'">{$val3["link"]}</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
<a id="show-left-sidebar" class="open-left-sidebar open-animated-sidebars" data-effect="st-effect-5" cond="($_content_home=='h' && $li->side_bar=='y') || $li->side_bar=='all'">
<!--@if($li->side_icon1)-->
<i class="zest-icon-{$li->side_icon1}" />
<!--@else-->
<i class="zest-icon-info-circled">
<!--@end-->
</i></a>
<a id="show-right-sidebar" class="open-right-sidebar open-animated-sidebars" data-effect="st-effect-5" cond="($_content_home=='h' && $li->side_bar2=='y') || $li->side_bar2=='all'">
<i class="zest-icon-menu-3"></i>
</a>
</nav>
</div>
</div>
</header>
<include target="include/layoutPortfolio.html" cond="$layout_info->layoutType=='sub2'" />
<include target="include/layoutB.html" cond="$layout_info->layoutType=='sub3'" />
<include target="include/boxed.html" />
<!--@if($layout_info->layoutType=="sub2")-->
<body class="page transparent-header portfolio-full-width portfolio-sorting full-width both-animated-sidebars menu-header" cond="$layout_info->layoutType=='sub2'" cond="($_content_home=='h' && $li->transparent=='y') || ($_content_home!='n' && $li->transparent=='s') || $li->transparent=='all'"></body>
<div id="main" class="content-area container clearfix"cond="$layout_info->layoutType=='sub2'">
<section id="primary" class="g8 site-content portfolio-no-margins" role="main" cond="$layout_info->layoutType=='sub2'">
<article class="portfolio">
<ul class="products portfolio columns columns-{$li->subC_column}" cond="$li->portfolio_type!='n'">
<li class="portfolio-item filter-photography">
<div class="img-overlay">
<img src="{$li->portfolio_img}"/>
<a href="{$li->portfolio_link}">
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolio_link}" class="h3" style="color:#{$li->portfolio_color}" cond="$li->portfolio_text">{$li->portfolio_text}</a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay">
<img src="{$li->portfolio_img2}"/>
<a href="{$li->portfolio_link2}">
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolio_link2}" class="h3" style="color:#{$li->portfolio_color}" cond="$li->portfolio_text2">{$li->portfolio_text2}</a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay">
<img src="{$li->portfolio_img3}"/>
<a href="{$li->portfolio_link3}">
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolio_link3}" class="h3" style="color:#{$li->portfolio_color}" cond="$li->portfolio_text"3>{$li->portfolio_text3}</a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay">
<img src="{$li->portfolio_img4}"/>
<a href="{$li->portfolio_link4}">
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolio_link4}" class="h3" style="color:#{$li->portfolio_color}" cond="$li->portfolio_text4">{$li->portfolio_text4}</a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay">
<img src="{$li->portfolio_img5}"/>
<a href="{$li->portfolio_link5}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolio_link5}" class="h3" style="color:#{$li->portfolio_color}" cond="$li->portfolio_text5">{$li->portfolio_text5}</a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay">
<img src="{$li->portfolio_img6}"/>
<a href="{$li->portfolio_link6}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolio_link6}" class="h3" style="color:#{$li->portfolio_color}" cond="$li->portfolio_text6">{$li->portfolio_text6}</a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay">
<img src="{$li->portfolio_img7}"/>
<a href="{$li->portfolio_link7}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolio_link7}" class="h3" style="color:#{$li->portfolio_color}" cond="$li->portfolio_text7">{$li->portfolio_text7}</a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay">
<img src="{$li->portfolio_img8}"/>
<a href="{$li->portfolio_link8}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolio_link8}" class="h3" style="color:#{$li->portfolio_color}" cond="$li->portfolio_text8">{$li->portfolio_text8}</a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay">
<img src="{$li->portfolio_img9}"/>
<a href="{$li->portfolio_link9}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolio_link9}" class="h3" style="color:#{$li->portfolio_color}" cond="$li->portfolio_text9">{$li->portfolio_text9}</a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay">
<img src="{$li->portfolio_img10}"/>
<a href="{$li->portfolio_link10}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolio_link10}" class="h3" style="color:#{$li->portfolio_color}" cond="$li->portfolio_text10">{$li->portfolio_text10}</a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay">
<img src="{$li->portfolio_img11}"/>
<a href="{$li->portfolio_link11}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolio_link11}" class="h3" style="color:#{$li->portfolio_color}" cond="$li->portfolio_text11">{$li->portfolio_text11}</a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay">
<img src="{$li->portfolio_img12}"/>
<a href="{$li->portfolio_link12}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolio_link12}" class="h3" style="color:#{$li->portfolio_color}" cond="$li->portfolio_text12">{$li->portfolio_text12}</a></h3>
</div>
</div>
</div>
</li>
</ul></article>
</section>
<!--// section2 //-->
<div class="fit-window-width bg-image" style="background-color:#fff;background-image:url('{$li->pS2_img1}');padding:50px 0;" cond="$li->portfolio_Section2!='n'">
<div class="container">
<div class="g12">
<div class="headline">
<p class="subheading" style="color:#{$li->portfolioSection2_color}">{$li->portfolioSection2_SubTitle}</p>
<h2 style="color:#{$li->portfolioSection2_color}">{$li->portfolioSection2_Title}</h2>
</div>
<div class="portfolio-wrapper portfolio-no-margins portfolio-title-visible">
<script>
jQuery(document).ready(function($){
$('.fit-window-width').aFitWindowWidth();
$("#portfolio-shortcode-4").owlCarousel({
items : 4,
navigation : true,
slideSpeed : 800,
scrollPerPage : false,
pagination: false,
responsiveRefreshRate : 200,
stopOnHover : false,
/*autoHeight : true, */
autoPlay: 5000,
itemsDesktop : [1199,4],
itemsDesktopSmall : [768,3],
itemsTablet: [480,2],
itemsMobile : [320,1]
});
});
</script>
<ul id="portfolio-shortcode-4" class="products portfolio columns columns-4">
<li class="portfolio-item filter-photography">
<div class="img-overlay">
<img src="{$li->portfolioSection2_img1}">
<a href="{$li->portfolioSection2_link1}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolioSection2_link1}"><span>{$li->portfolioSection2_text}</span></a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay">
<img src="{$li->portfolioSection2_imgB}">
<a href="{$li->portfolioSection2_linkB}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolio_Section2_linkB}"><span>{$li->portfolioSection2_textB}</span></a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay">
<img src="{$li->portfolioSection2_imgC}">
<a href="{$li->portfolioSection2_linkC}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolio_Section2_linkC}"><span>{$li->portfolioSection2_textC}</span></a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-illustrations">
<div class="img-overlay">
<img src="{$li->portfolioSection2_imgD}">
<a href="{$li->portfolioSection2_linkD}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolio_Section2_linkD}"><span>{$li->portfolioSection2_textD}</span></a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay">
<img src="{$li->portfolioSection2_imgE}">
<a href="{$li->portfolioSection2_linkE}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolio_Section2_linkE}"><span>{$li->portfolioSection2_textE}</span></a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay">
<img src="{$li->portfolioSection2_imgF}">
<a href="{$li->portfolioSection2_linkF}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolio_Section2_linkF}"><span>{$li->portfolioSection2_textF}</span></a></h3>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--@end-->
</article>
</section>
<div class="container" style="padding-top:70px;">{$content}</div>
<footer id="colophon" class="site-footer" role="contentinfo">
<div class="footer-inner container clearfix">
<div class="site-info">
<div id="text-2" class="widget g4 widget_text">
<h3 class="widget-title">{$li->section7_Title1}</h3>
<div class="textwidget">
<p>{$li->section7_text_1}</p>
<p>
<a href="{$li->facebook_link}" target="_blank" class="social-icon medium" cond="$li->sns_foot!='n'" cond="$li->facebook_link"><i class="zest-icon-facebook-squared"></i></a>
<a href="{$li->twitter_link}" target="_blank" class="social-icon medium" cond="$li->sns_foot!='n'" cond="$li->twitter_link"><i class="zest-icon-twitter"></i></a>
<a href="{$li->gplus_link}" target="_blank" class="social-icon medium" cond="$li->sns_foot!='n'" cond="$li->gplus_link"><i class="zest-icon-gplus"></i></a>
<a href="{$li->instagram_link}" target="_blank" class="social-icon medium" cond="$li->sns_foot!='n'" cond="$li->instagram_link"><i class="zest-icon-instagram"></i></a>
<a href="{$li->youtube_link}" target="_blank" class="social-icon medium" cond="$li->sns_foot!='n'" cond="$li->youtube_link"><i class="zest-icon-youtube-squared"></i></a>
<a href="mailto:{$li->mail_link}" target="_blank" class="social-icon medium" cond="$li->sns_foot!='n'" cond="$li->mail_link"><i class="zest-icon-mail-alt"></i></a>
</p>
</div>
</div>
<div id="customwidget-2" class="widget g4 widget_customwidget">
<h3 class="widget-title" cond="$li->section7_Title2">{$li->section7_Title2}</h3>
<div class="flickr_wrap">
{$li->section7_widget_2}
</div>
<div class="clearboth"></div>
</div>
<div id="text-3" class="widget g4 widget_text">
<h3 class="widget-title" cond="$li->section7_Title3">{$li->section7_Title3}</h3>
<div class="textwidget">
{$li->section7_text_3}<br>
{$li->section7_text_4}<br>
</div>
</div>
</div>
</div>
<div class="copyright">
<p cond="$li->copyright">{$li->copyright}</p>
</div>
</footer>
</div>
</div>
</div>
</div> </div>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script src="js/show/owl.carousel.min.js"></script>
<script src="js/show/jquery.twentytwenty.min.js"></script>
<script src="js/ze/header-slider-owl-carousel-ze.js"></script>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ko_KR/sdk.js#xfbml=1&version=v2.3";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
-->
레이아웃에 하드코딩 하시던가 위젯으로 만들어서 삽입하시던가 하셔야 할듯 합니다.