First Commit

web/html/theme/AT_WEB01/sub1.php

@@ -0,0 +1,177 @@
+<?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');
+?>