220 lines
11 KiB
PHP
220 lines
11 KiB
PHP
<?php
|
|
include_once('./_common.php');
|
|
include_once(G5_THEME_PATH.'/head.php');
|
|
?>
|
|
|
|
<script>
|
|
new WOW().init();
|
|
</script>
|
|
|
|
<div class="ing_bnr_Wrap">
|
|
<div class="bnrimg"><img src="<?php echo G5_THEME_IMG_URL ?>/business/banner.png"><br style="clear:both;"><br style="clear:both;"></div>
|
|
<div class="bnrtxtwrap">
|
|
<h3 class="wow fadeInDown">BUSINESS</h3>
|
|
<div class="bnrline wow fadeInDown" data-wow-delay="0.1s"></div>
|
|
<p class="wow fadeInDown" data-wow-delay="0.2s">골뱅이스토어는 최선의 서비스를 제공합니다.</p>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="mdlTxt">
|
|
<h2 class="wow flipInX" data-wow-duration="2s">사업영역</h2>
|
|
</div>
|
|
|
|
<div class="bs_area">
|
|
<div class="section first_area" >
|
|
<div class="inner clearfix">
|
|
<div class="leftarea">
|
|
<div class="img1 wow bounceInLeft" data-wow-delay="0.3s"><img src="<?php echo G5_THEME_IMG_URL?>/business/area_section1_img1.png" alt=""></div>
|
|
<div class="img2 wow bounceInLeft" data-wow-delay="0.3s"><img src="<?php echo G5_THEME_IMG_URL?>/business/area_section1_img2.png" alt=""></div>
|
|
</div>
|
|
<div class="rightarea wow bounceInRight" data-wow-delay="0.3s">
|
|
<div class="toptxt">
|
|
<h2>ATSTORE<br><span>TEMPLATE SKIN'S</span></h2>
|
|
</div>
|
|
<div class="mdllinewrap">
|
|
<div class="mdlline"></div>
|
|
</div>
|
|
<div class="mdltxt">
|
|
<p>골뱅이스토어에서 제작한 다양한 컨셉의 고급 스킨으로 <br>멋진 홈페이지를 구현해 보세요!</p>
|
|
</div>
|
|
<div class="bottomtxt">
|
|
<p>
|
|
잘 만든 홈페이지는 시간이 지나도 그 가치를 간직합니다. 다년간의 노하우와 경험으로 가장최적화된 디자인과 기술력을 선보입니다. 제작이 완성된 후에도 꾸준한 소통으로 항상 만족할 수 있도록 노력하겠습니다. 기능은 동일하지만 다양한 효과를 주어 시각적으로 다른 것처럼 보여질 수 있습니다. 고객에게 홍보와 상품구매로 이어지는 최적화된 절차, 컨슈머의 이목을 끌기 위한 기능 개발 등 가치있는 홈페이지로써의 최적화된 '기술'을 개발하기 위해 노력합니다.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="section second_area">
|
|
<div class="bgc">
|
|
<div class="inner clearfix">
|
|
<div class="article">
|
|
|
|
<div class="artimg ai1"><img src="<?php echo G5_THEME_IMG_URL?>/business/area_section2_icon1.png" alt=""></div>
|
|
<div class="arttbox">
|
|
<div class="center">
|
|
<div class="leftnum">
|
|
<h3 class="count" data="760">0</h3>
|
|
</div>
|
|
<div class="righttxt">
|
|
<p>SATISFIED<br>CUSTOMERS</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="article">
|
|
|
|
<div class="artimg ai2"><img src="<?php echo G5_THEME_IMG_URL?>/business/area_section2_icon2.png" alt=""></div>
|
|
<div class="arttbox">
|
|
<div class="center">
|
|
<div class="leftnum">
|
|
<h3 class="count" data="543">0</h3>
|
|
</div>
|
|
<div class="righttxt">
|
|
<p>COMPLETED<br>WORKS</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="article">
|
|
|
|
<div class="artimg ai3"><img src="<?php echo G5_THEME_IMG_URL?>/business/area_section2_icon3.png" alt=""></div>
|
|
<div class="arttbox">
|
|
<div class="center">
|
|
<div class="leftnum">
|
|
<h3 class="count" data="120">0</h3>
|
|
</div>
|
|
<div class="righttxt">
|
|
<p>SATISFIED<br>CUSTOMERS</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="article">
|
|
|
|
<div class="artimg ai4"><img src="<?php echo G5_THEME_IMG_URL?>/business/area_section2_icon4.png" alt=""></div>
|
|
<div class="arttbox">
|
|
<div class="center">
|
|
<div class="leftnum">
|
|
<h3 class="count" data="432">0</h3>
|
|
</div>
|
|
<div class="righttxt">
|
|
<p>COMPLETED<br>WORKS</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="section third_area">
|
|
<div class="inner clearfix">
|
|
<div class="rightarea wow bounceInRight" data-wow-delay="0.3s">
|
|
<div class="imgwrap"></div>
|
|
</div>
|
|
<div class="leftarea wow bounceInLeft" data-wow-delay="0.3s">
|
|
<div class="txtbox tb1">
|
|
<div class="toptxt">
|
|
<h3>함께 나아가는 골뱅이스토어입니다.</h3>
|
|
</div>
|
|
<div class="bottomtxt">
|
|
<p>
|
|
잘 만든 홈페이지는 시간이 지나도 그 가치를 간직합니다. 다년간의 노하우와 경험으로 가장최적화된 디자인과 기술력을 선보입니다. 제작이 완성 된 후에도 꾸준한 소통으로 항상 만족할 수 있도록 노력하겠습니다. 기능은 동일하지만 다양한 효과를 주어 시각적으로 다른 것처럼 보여질 수 있습니다. 고객에게 홍보와 상품구매로 이어지는 최적화된 절차, 컨슈머의 이목을 끌기 위한 기능 개발 등 가치있는 홈페이지로써의 최적화된 '기술' 을 개발하기 위해 노력합니다.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="txtbox tb2">
|
|
<div class="toptxt">
|
|
<h3>How We <span>Work</span></h3>
|
|
</div>
|
|
<div class="bottombox">
|
|
<div class="boxarticle">
|
|
<div class="boximgwrap"><img src="<?php echo G5_THEME_IMG_URL?>/business/area_section3_icon1.png" alt=""></div>
|
|
<div class="boxtxtwrap">
|
|
<div>
|
|
<p class="p1">EASY AND FAST</p>
|
|
</div>
|
|
<div>
|
|
<p>쉽게 사이트를 제작할수 있으며 빠른 시간안에 웹사이트를 만나볼 수 있습니다.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxarticle">
|
|
<div class="boximgwrap"><img src="<?php echo G5_THEME_IMG_URL?>/business/area_section3_icon2.png" alt=""></div>
|
|
<div class="boxtxtwrap">
|
|
<div>
|
|
<p class="p1">STRATEGY DEVELOPMENT</p>
|
|
</div>
|
|
<div>
|
|
<p>전문적 제작 컨설팅 및 다양한 경험을 바탕으로 제대로 된 웹 서비스를 재공합니다.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxarticle">
|
|
<div class="boximgwrap"><img src="<?php echo G5_THEME_IMG_URL?>/business/area_section3_icon3.png" alt=""></div>
|
|
<div class="boxtxtwrap">
|
|
<div>
|
|
<p class="p1">HIGH QUALITY</p>
|
|
</div>
|
|
<div>
|
|
<p>차별화된 디자인과 체계적인 제작으로 고객님이 만족하는 웹사이트를 제작합니다.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxarticle">
|
|
<div class="boximgwrap"><img src="<?php echo G5_THEME_IMG_URL?>/business/area_section3_icon4.png" alt=""></div>
|
|
<div class="boxtxtwrap">
|
|
<div>
|
|
<p class="p1">PROJECT MANAGEMENT</p>
|
|
</div>
|
|
<div>
|
|
<p>고객의 목적과 상황에 맞게 컨설팅 및 분석을 하여 고객의 맞는 웹서비스를 제공합니다.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
$(window).scroll(function() {
|
|
|
|
var sectionTwo = $('.second_area');
|
|
var sectionTwoOffset = sectionTwo.offset().top;
|
|
var windowHeight = $(window).height();
|
|
var windowScroll = $(this).scrollTop();
|
|
|
|
// console.log(windowScroll);
|
|
|
|
if(windowScroll > sectionTwoOffset - windowHeight / 2) {
|
|
// console.log("hi");
|
|
$(window).off("scroll");
|
|
$('.count').each(function () {
|
|
var $this = $(this);
|
|
jQuery({ Counter: 0 }).animate({ Counter: $this.attr("data") }, {
|
|
duration: 2000,
|
|
easing: 'swing',
|
|
step: function () {
|
|
$this.text(Math.ceil(this.Counter));
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
});
|
|
</script>
|
|
|
|
|
|
<?php
|
|
include_once(G5_THEME_PATH.'/tail.php');
|
|
?>
|