heegarden-web/web/html/theme/AT_WEB01/sub1.php

<?php
include_once('./_common.php');
include_once(G5_THEME_PATH.'/head.php');
?>



<div class="sub1_bannerwrap">
    <div class="bnr_img"><img src="<?php echo G5_THEME_IMG_URL ?>/sub/sub_banner_img.png" alt=""></div>
    <div class="inner">
        <div class="imgtextwrap">
            <div class="bnr_text">
                <h2 class="wow fadeInDown">'골뱅이커뮤니케이션은'</h2>
                <h3 class="wow fadeInDown" data-wow-delay="0.3s">온라인 마케팅 전문 기업입니다.</h3>
                <p class="wow fadeInDown" data-wow-delay="0.5s">정확한 데이터와 골뱅이 커뮤니케이션만의 풍부한 경험으로<br>고객의 비즈니스 성장과 성공을 위해 최선을 다하고 있습니다.</p>
            </div>
            <div class="bnr_hexagon">
                <div class="wow bounceInUp"><img src="<?php echo G5_THEME_IMG_URL ?>/sub/hexagon1.png" alt=""></div>
                <div class="wow bounceInUp" data-wow-delay="0.1s"><img src="<?php echo G5_THEME_IMG_URL ?>/sub/hexagon2.png" alt=""></div>
                <div class="wow bounceInUp" data-wow-delay="0.2s"><img src="<?php echo G5_THEME_IMG_URL ?>/sub/hexagon3.png" alt=""></div>
            </div>
        </div>
    </div>
</div>
<div class="section sub1-1">
    <div class="inner">
        <div class="con1wrap">
            <div class="title_wrap">
                <h4 class="wow flipInX">골뱅이커뮤니케이션 목표</h4>
                <p class="wow fadeInDown">고객의 비즈니스 성장과 성공을 생각하는 마케팅</p>
            </div>
            <div class="art_wrap1">
                <div class="left_area wow bounceInLeft">
                    <div><img src="<?php echo G5_THEME_IMG_URL?>/sub/professional.png" alt=""></div>
                </div>
                <div class="right_area wow bounceInRight">
                    <ul>
                        <li>
                            <div class="con1_img"><img src="<?php echo G5_THEME_IMG_URL?>/sub/subicon1.png" alt=""></div>
                            <div class="con1_tbox">
                                <h5>01. Professional</h5>
                                <p>골뱅이커뮤니케이션은 각 분야별 최고의 마케팅 전문가들이<br>성공을 위한 최적의 솔루션을 제안합니다.</p>
                            </div>
                        </li>
                        <li>
                            <div class="con1_img"><img src="<?php echo G5_THEME_IMG_URL?>/sub/subicon2.png" alt=""></div>
                            <div class="con1_tbox">
                                <h5>01. Professional</h5>
                                <p>골뱅이커뮤니케이션은 각 분야별 최고의 마케팅 전문가들이<br>성공을 위한 최적의 솔루션을 제안합니다.</p>
                            </div>
                        </li>
                        <li>
                            <div class="con1_img"><img src="<?php echo G5_THEME_IMG_URL?>/sub/subicon3.png" alt=""></div>
                            <div class="con1_tbox">
                                <h5>01. Professional</h5>
                                <p>골뱅이커뮤니케이션은 각 분야별 최고의 마케팅 전문가들이<br>성공을 위한 최적의 솔루션을 제안합니다.</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="section sub1-2">
    <div class="inner">
        <div>
            <div class="title_wrap">
                <h4 class="wow flipInX">골뱅이커뮤니케이션 비젼</h4>
                <p class="wow fadeInDown">마케팅에 감정을 더하다</p>
            </div>
            <div class="art_wrap2">
                <div class="article wow bounceInUp">
                    <div><img src="<?php echo G5_THEME_IMG_URL?>/sub/vision_icon1.png" alt=""></div>
                    <div class="blueline">
                        <div></div>
                    </div>
                    <div class="tbox">
                        <h5>한발 앞서가는 스마트한 마케팅</h5>
                        <p>미래를 향한 노력과 급변하는 시대를<br>한발 먼저 나아가는 스마트한 마케팅</p>
                    </div>
                </div>
                <div class="article wow bounceInUp" data-wow-delay="0.1s">
                    <div><img src="<?php echo G5_THEME_IMG_URL?>/sub/vision_icon2.png" alt=""></div>
                    <div class="blueline">
                        <div></div>
                    </div>
                    <div class="tbox">
                        <h5>창의력적인 마케팅</h5>
                        <p>다른 마케팅회사와 차별화 된<br>크리에이티브한 기획과 마케팅</p>
                    </div>
                </div>
                <div class="article wow bounceInUp" data-wow-delay="0.2s">
                    <div><img src="<?php echo G5_THEME_IMG_URL?>/sub/vision_icon3.png" alt=""></div>
                    <div class="blueline">
                        <div></div>
                    </div>
                    <div class="tbox">
                        <h5>함께 성장하는 마케팅</h5>
                        <p>고객과 함께 같이 성장해가고 발전해가는<br>골뱅이커뮤니케이션</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="section sub1-3">
    <div class="inner">
       <div class="con3wrap">
        <div class="title_wrap">
                <h4 class="wow flipInX">골뱅이커뮤니케이션 연혁</h4>
            </div>
        <section class="con3_sect1">
            <article><img class="wow bounceInUp" src="<?php echo G5_THEME_IMG_URL?>/sub/year18.png" alt=""></article>
            <article><img class="wow bounceInUp" src="<?php echo G5_THEME_IMG_URL?>/sub/year17.png" alt=""></article>
            <article><img class="wow bounceInUp" src="<?php echo G5_THEME_IMG_URL?>/sub/year16.png" alt=""></article>
            <article><img class="wow bounceInUp" data-wow-delay=".1s" src="<?php echo G5_THEME_IMG_URL?>/sub/year15.png" alt=""></article>
            <article><img class="wow bounceInUp" data-wow-delay=".1s" src="<?php echo G5_THEME_IMG_URL?>/sub/year14.png" alt=""></article>
            <article><img class="wow bounceInUp" data-wow-delay=".1s" src="<?php echo G5_THEME_IMG_URL?>/sub/year13.png" alt=""></article>
        </section>
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="<?php echo G5_THEME_IMG_URL?>/sub/year18.png" alt=""></div>
                <div class="swiper-slide"><img src="<?php echo G5_THEME_IMG_URL?>/sub/year17.png" alt=""></div>
                <div class="swiper-slide"><img src="<?php echo G5_THEME_IMG_URL?>/sub/year16.png" alt=""></div>
                <div class="swiper-slide"><img src="<?php echo G5_THEME_IMG_URL?>/sub/year15.png" alt=""></div>
                <div class="swiper-slide"><img src="<?php echo G5_THEME_IMG_URL?>/sub/year14.png" alt=""></div>
                <div class="swiper-slide"><img src="<?php echo G5_THEME_IMG_URL?>/sub/year13.png" alt=""></div>
            </div>


        </div>
    </div>
    </div>
    <div class="btnWrap">
        <div class="swiper-button-next1"><img src="<?php echo G5_THEME_IMG_URL?>/sub/sub1_prevbtn.png" alt=""></div>

        <div class="swiper-button-prev1"><img src="<?php echo G5_THEME_IMG_URL?>/sub/sub1_nextbtn.png" alt=""></div>
    </div>
</div>
<script src="../dist/js/swiper.min.js"></script>
<script>
    new WOW().init();
</script>
<!-- Initialize Swiper -->
<script>
    var swiper = new Swiper('.swiper-container', {

        spaceBetween: 30,

        centeredSlides: true,

        loop: true,

       /* autoplay: {

            delay: 3500,

            disableOnInteraction: false,

        },*/


        navigation: {

            nextEl: '.swiper-button-prev1',

            prevEl: '.swiper-button-next1',

        },

    });

</script>
<?php
include_once(G5_THEME_PATH.'/tail.php');
?>