Vvveb.SectionsGroup['<?= about ?>'] =
["about/about_style_1","about/about_style_2","about/about_style_3","about/about_style_4","about/about_style_5","about/about_style_6",
"about/about_style_7","about/about_style_8"];

Vvveb.Sections.add("about/about_style_1", {
name: "<?= about_style_1 ?>",
image: "<?= SITE_THEME_URL ?>/assets/preview/about_style_1.png",
html: `
<section class="about-area-three">

    <div class="container">
        <div class="row align-items-center justify-content-center">
            <div class="col-lg-6 col-md-9">
                <div class="about-img-wrap-three">
                    <img id="about-three-img-1" src="<?= SITE_THEME_URL ?>/assets/img/images/h2_about_img01.jpg" alt=""
                         data-aos="fade-down-right" data-aos-delay="0">
                    <img id="about-three-img-2" src="<?= SITE_THEME_URL ?>/assets/img/images/h2_about_img02.jpg" alt="" data-aos="fade-left"
                         data-aos-delay="400">
                    <div class="experience-wrap" data-aos="fade-up" data-aos-delay="300">
                        <h2 class="title">25 <span>Years</span></h2>
                        <p>Finansal Danışmanlık Şirketinde ki Deneyim</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="about-content-three">
                    <div class="section-title-two mb-20 tg-heading-subheading animation-style3">
                        <span class="sub-title">Bizi tanıyın</span>
                        <h2 class="title ">Finans şirketi için yenilikçi iş çözümleri</h2>
                    </div>
                    <p class="info-one">Morem ipsum dolor sit amet, consectetur adipiscing elita florai psum dolor sit
                        amet, consecteture.Borem ipsum dolor sit amet, consectetur adipiscing elita florai psum.</p>
                    <div class="about-list-two">
                        <ul class="list-wrap">
                            <li id="about-three-li-1"><i class="la la-arrow-right"></i> %100 Daha iyi sonuçlar</li>
                            <li id="about-three-li-2"><i class="la la-arrow-right"></i>Metin düzenleme , Tasarım</li>
                            <li id="about-three-li-3"><i class="la la-arrow-right"></i>Taahhüt garantisi</li>
                            <li id="about-three-li-4"><i class="la la-arrow-right"></i>Kredi Raporları</li>
                        </ul>
                    </div>
                    <p id="about-three-p">Morem ipsum dolor sit amet, consectetur adipiscing elita florai psum dolor sit amet,
                        consecteture.</p>
                    <div class="about-author-info">
                        <div class="thumb">
                            <img src="<?= SITE_THEME_URL ?>/assets/img/images/about_author.png" alt="">
                        </div>
                        <div class="content">
                            <h2 class="title">Mücahit Bayram</h2>
                            <span>CEO, VebuSoft</span>
                        </div>
                        <div class="signature">
                            <img src="<?= SITE_THEME_URL ?>/assets/img/images/signature.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="about-shape-wrap-two" >
        <img id="shape08" src="<?= SITE_THEME_URL ?>/assets/img/images/h2_about_shape01.png" alt="" style="z-index: 1;">
        <img id="shape09" src="<?= SITE_THEME_URL ?>/assets/img/images/h2_about_shape02.png" alt="" style="z-index: 1;">
        <img id="shape10" src="<?= SITE_THEME_URL ?>/assets/img/images/h2_about_shape03.png" alt="" style="z-index: 1;" data-aos="fade-left"
             data-aos-delay="500">
    </div>
</section>
`,
});

Vvveb.Sections.add("about/about_style_2", {
name: "<?= about_style_2 ?>",
image: "<?= SITE_THEME_URL ?>/assets/preview/about_style_2.png",
html: `
<section class="about-area-four pb-120">
    <div class="container">
        <div class="row align-items-center justify-content-center">
            <div class="col-lg-7 col-md-10 order-0 order-lg-2">
                <div class="about-img-wrap-four">
                    <div class="mask-img-wrap">
                        <img id="about-four-img-1" src="<?= SITE_THEME_URL ?>/assets/img/images/h3_about_img01.jpg" alt="">
                    </div>
                    <div class="icon" style="z-index: 2;"><i class="flaticon flaticon-business-presentation"></i></div>
                    <img id="about-four-img-2"  src="<?= SITE_THEME_URL ?>/assets/img/images/h3_about_img02.jpg" alt="" class="img-two">
                    <div class="about-shape-wrap-three">
                        <img id="shape11" src="<?= SITE_THEME_URL ?>/assets/img/images/h3_about_shape01.png" alt="" style="z-index: 1;">
                        <img id="shape12" src="<?= SITE_THEME_URL ?>/assets/img/images/h3_about_shape02.png" alt="" style="z-index: 1;">
                        <img id="shape13" src="<?= SITE_THEME_URL ?>/assets/img/images/h3_about_shape03.png" alt="" style="z-index: 1;">
                    </div>
                </div>
            </div>
            <div class="col-lg-5">
                <div class="about-content-four">
                    <div class="section-title-two mb-30 tg-heading-subheading animation-style1">
                        <span class="sub-title tg-element-title">Bizi Tanıyın</span>
                        <h2 class="title tg-element-title">Biz yeni nesil iş deneyimiyiz</h2>
                    </div>
                    <p>25 Yılı aşkın tecrübemizle, geri çekilmemizi sağlayan ve anlamamızı sağlayan binlerce Stratejik
                        keşif süreci hazırladık.</p>
                    <div class="about-list-three">
                        <ul class="list-wrap">
                            <li>
                                <div class="icon" id="about-style-two-icon-1">
                                    <i class="flaticon flaticon-profit"></i>
                                </div>
                                <div class="content" id="about-style-two-content-1">
                                    <h2 class="title" id="about-style-two-title-1">İş Geliştirme</h2>
                                    <p id="about-style-two-p-1">eiusmod temporincididunt ut labore magna aliqua Quisery.</p>
                                </div>
                            </li>
                            <li>
                                <div class="icon" id="about-style-two-icon-2">
                                    <i class="flaticon flaticon-mission"></i>
                                </div>
                                <div class="content" id="about-style-two-content-2">
                                    <h2 class="title" id="about-style-two-title-2">Hedef Kitle</h2>
                                    <p id="about-style-two-p-2">eiusmod temporincididunt ut labore magna aliqua Quisery.</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
`,
});

Vvveb.Sections.add("about/about_style_3", {
name: "<?= about_style_3 ?>",
image: "<?= SITE_THEME_URL ?>/assets/preview/about_style_3.png",
html: `
<section class="about-area-five">
    <div class="container">
        <div class="row align-items-center justify-content-center">
            <div class="col-xl-5 col-lg-6 col-md-8">
                <div class="about-img-wrap-five">
                    <img id="about-five-img-1" src="<?= SITE_THEME_URL ?>/assets/img/images/h4_about_img01.jpg" alt="">
                    <img id="about-five-img-2" src="<?= SITE_THEME_URL ?>/assets/img/images/h4_about_img02.jpg" alt=""
                         data-parallax='{"y" : 100 }'>
                    <div class="experience-wrap">
                        <h2 class="title">25 <span>Yılların Deneyimi</span></h2>
                    </div>
                </div>
            </div>
            <div class="col-xl-7 col-lg-6">
                <div class="about-content-five">
                    <div class="section-title-two mb-30 tg-heading-subheading animation-style2">
                        <span class="sub-title tg-element-title">Sigorta Acenteliği</span>
                        <h2 class="title tg-element-title">Bugün, indirilemeyen herhangi bir sağlık sigortası şöyle
                            hissedebilir</h2>
                    </div>
                    <p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It
                        has survived not only five centuries, but also the leap into electronic.</p>
                    <div class="about-content-bottom">
                        <div class="about-list">
                            <ul class="list-wrap">
                                <li id="about-five-li-1"><i class="la la-arrow-right"></i>% 100 Daha iyi sonuçlar</li>
                                <li id="about-five-li-2"><i class="la la-arrow-right"></i>Suspe ndisse suscipit sagittis</li>
                                <li id="about-five-li-3"><i class="la la-arrow-right"></i>Garantilik</li>
                                <li id="about-five-li-4"><i class="la la-arrow-right"></i>Kredi Raporları</li>
                            </ul>
                        </div>
                        <div class="about-success-wrap">
                            <ul class="list-wrap" id="about-five-list-1">
                                <li id="about-five-li-1">
                                    <div class="icon" id="abput-five-icon-1">
                                        <i class="flaticon flaticon-family"></i>
                                    </div>
                                    <div class="content" id="about-five-content-1">
                                        <h2 class="count" id="about-five-count-1"><span class="odometer" data-count="63" >63</span>%</h2>
                                        <p id="about-five-p-1">Sigortalı Müşteriler</p>
                                    </div>
                                </li>
                                <li id="about-five-li-2">
                                    <div class="icon" id="about-five-icon-1">
                                        <i class="flaticon flaticon-trophy"></i>
                                    </div>
                                    <div class="content" id="about-five-content-1">
                                        <h2 class="count" id="about-five-count-1"><span class="odometer" data-count="95">95</span>%</h2>
                                        <p id="about-five-p-1">Memnuniyet</p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="about-shape-five">
        <img id="shape14" src="<?= SITE_THEME_URL ?>/assets/img/images/h4_about_shape.png" alt=""  style="z-index: 1;">
    </div>
</section>
`,
});

Vvveb.Sections.add("about/about_style_4", {
name: "<?= about_style_4 ?>",
image: "<?= SITE_THEME_URL ?>/assets/preview/about_style_4.png",
html: `
<section class="about-area-six">
    <div class="container">
        <div class="row align-items-center justify-content-center">
            <div class="col-lg-6 col-md-10">
                <div class="about-img-six" id="<?=uniqid()?>">
                    <img id="shape15" src="<?= SITE_THEME_URL ?>/assets/img/images/h5_about_img.png" alt="">
                    <img id="shape16" src="<?= SITE_THEME_URL ?>/assets/img/images/h5_about_shape01.png" alt="">
                    <img id="shape17" src="<?= SITE_THEME_URL ?>/assets/img/images/h5_about_shape02.png" alt="" style="z-index: 1">
                </div>
            </div>
            <div class="col-lg-6">
                <div class="about-content-six" id="<?=uniqid()?>">
                    <div class="section-title section-title-three mb-30 tg-heading-subheading animation-style1">
                        <span class="sub-title tg-element-title" id="<?=uniqid()?>">Sigorta acentası</span>
                        <h2 class="title tg-element-title" id="<?=uniqid()?>">Biz En İyi Dijital Pazarlama Şirketiyiz</h2>
                    </div>
                    <p id="<?=uniqid()?>">when an unknown printer took a galley of type and scrambled it ake a type specimen book. when an
                        unknown printer took a galley of type and scrambled it ake.</p>
                    <div class="about-list" id="<?=uniqid()?>">
                        <ul class="list-wrap" id="<?=uniqid()?>">
                            <li id="<?=uniqid()?>"><i class="la la-arrow-right"></i>%100 Daha iyi sonuçlar</li>
                            <li id="<?=uniqid()?>"><i class="la la-arrow-right"></i>söz zaman çizelgesi</li>
                            <li id="<?=uniqid()?>"><i class="la la-arrow-right"></i>ndisse suscipit sagittis</li>
                            <li id="<?=uniqid()?>"><i class="la la-arrow-right"></i>Kredi Raporları</li>
                        </ul>
                    </div>
                    <a href="about.html" class="btn btn-three" id="<?=uniqid()?>">Hizmetimizi Alın </a>
                </div>
            </div>
        </div>
    </div>
</section>
`,
});

Vvveb.Sections.add("about/about_style_5", {
name: "<?= about_style_5 ?>",
image: "<?= SITE_THEME_URL ?>/assets/preview/about_style_5.png",
html: `
<section class="about-area about-bg" >
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-5">
                <div class="about-img-wrap" id="<?=uniqid()?>">
                    <img id="<?=uniqid()?>" src="<?= SITE_THEME_URL ?>/assets/img/images/about_img01.png" alt="" class="main-img">
                    <img id="<?=uniqid()?>" src="<?= SITE_THEME_URL ?>/assets/img/images/about_img_shape01.png" alt="">
                    <img id="<?=uniqid()?>" src="<?= SITE_THEME_URL ?>/assets/img/images/about_img_shape02.png" alt="">
                </div>
            </div>
            <div class="col-lg-7">
                <div class="about-content" id="<?=uniqid()?>">
                    <div class="section-title mb-25 tg-heading-subheading animation-style2">
                        <span class="sub-title tg-element-title" id="<?=uniqid()?>">Ne yapıyoruz</span>
                        <h2 class="title tg-element-title" id="<?=uniqid()?>">En İyi İş Çözümlerini Yapmanın Yolunu Değiştirmek</h2>
                    </div>
                    <p id="<?=uniqid()?>">Borem ipsum dolor sit amet, consectetur adipiscing elita floraipsum dolor sit amet, consectetur
                        adipiscing elit, sed do eiusmod temporincididunt ut labore et dolore magna aliqua Quis
                        suspendisse ultri ces gravida.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="background-container"><img src="<?= SITE_THEME_URL ?>/assets/img/bg/about_bg.jpg"></div>

</section>
`,
});
Vvveb.Sections.add("about/about_style_6", {
name: "<?= about_style_6 ?>",
image: "<?= SITE_THEME_URL ?>/assets/preview/about_style_6.png",
html: `
<section class="about-area-two pt-110 pb-120">
    <div class="container">
        <div class="row align-items-center justify-content-center">
            <div class="col-lg-7 col-md-9 order-0 order-lg-2">
                <div class="about-img-two">
                    <div class="main-img">
                        <img src="<?= SITE_THEME_URL ?>/assets/img/images/about_img02.jpg" alt="">
                        <a href="https://www.youtube.com/watch?v=6mkoGSqTqFI" class="play-btn popup-video" style="z-index: 2"><i
                                class="la la-play"></i></a>
                    </div>
                    <img src="<?= SITE_THEME_URL ?>/assets/img/images/about_img03.jpg" alt="" style="z-index: 2">
                </div>
            </div>
            <div class="col-lg-5">
                <div class="about-content-two" id="<?=uniqid()?>">
                    <div class="section-title mb-30 tg-heading-subheading animation-style2">
                        <span class="sub-title tg-element-title" id="<?=uniqid()?>">Biz Kimiz</span>
                        <h2 class="title tg-element-title" id="<?=uniqid()?>">Kendi Girişiminizi Kurmak Artık Daha Kolay</h2>
                    </div>
                    <p id="<?=uniqid()?>">Morem ipsum dolor sit amet, consectetur adipiscing elita florai psum dolor sit amet,
                        consecteture.Borem ipsum dolor sit amet, consectetur adipiscing elita florai psum.</p>
                    <div class="about-list" id="<?=uniqid()?>">
                        <ul class="list-wrap" id="<?=uniqid()?>">
                            <li id="<?=uniqid()?>"><img src="<?= SITE_THEME_URL ?>/assets/img/icons/check_icon.svg" alt="">%100 Daha iyi
                                sonuçlar
                            </li>
                            <li id="<?=uniqid()?>"><img src="<?= SITE_THEME_URL ?>/assets/img/icons/check_icon.svg" alt="">Değerli
                                Fikirler
                            </li>
                            <li id="<?=uniqid()?>"><img src="<?= SITE_THEME_URL ?>/assets/img/icons/check_icon.svg" alt="">Bütçe Dostu
                                Tema
                            </li>
                            <li id="<?=uniqid()?>"><img src="<?= SITE_THEME_URL ?>/assets/img/icons/check_icon.svg" alt="">Müşteri
                                Memnuniyeti
                            </li>
                        </ul>
                    </div>
                    <div class="success-wrap" id="<?=uniqid()?>">
                        <ul class="list-wrap" id="<?=uniqid()?>">
                            <li id="<?=uniqid()?>">
                                <h2 class="count" id="<?=uniqid()?>">+150,000</h2>
                                <p id="<?=uniqid()?>">1 yıllık toplam gelir</p>
                            </li>
                            <li id="<?=uniqid()?>">
                                <h2 class="count" id="<?=uniqid()?>">90%</h2>
                                <p id="<?=uniqid()?>">Satışlarda artış</p>
                            </li>
                        </ul>
                    </div>
                    <a href="about.html" class="btn transparent-btn" id="<?=uniqid()?>">Bizimle Başlayın</a>
                </div>
            </div>
        </div>
    </div>
    <div class="about-shape-wrap">
        <img id="shape18" src="<?= SITE_THEME_URL ?>/assets/img/images/about_shape01.png" alt="" style="z-index: 1">
        <img id="shape19" src="<?= SITE_THEME_URL ?>/assets/img/images/about_shape02.png" alt="" style="z-index: 1">
    </div>
</section>
`,
});
Vvveb.Sections.add("about/about_style_7", {
name: "<?= about_style_7 ?>",
image: "<?= SITE_THEME_URL ?>/assets/preview/about_style_7.png",
html: `
<section class="about-area-eight pt-120 pb-120">
    <div class="container">
        <div class="row align-items-center justify-content-center">
            <div class="col-lg-6 col-md-9">
                <div class="about-img-eight" id="<?=uniqid()?>">
                    <img src="<?= SITE_THEME_URL ?>/assets/img/images/inner_about_img03.jpg" alt="" id="<?=uniqid()?>">
                </div>
            </div>
            <div class="col-lg-6">
                <div class="about-content-eight" id="<?=uniqid()?>">
                    <div class="section-title-two mb-30" id="<?=uniqid()?>">
                        <span class="sub-title" id="<?=uniqid()?>">Daha Fazlasını Tanıyın</span>
                        <h2 class="title" id="<?=uniqid()?>">20 Yılı Aşkın Sektördeyiz</h2>
                    </div>
                    <p id="<?=uniqid()?>">Morem ipsum dolor sit amet consectetur adipiscing elita florai psum dolor sit amet consecteture
                        Borem ipsum dolor sitter consectetur adipiscing elita florai rem ipsum dolor sit amet
                        consectetu.</p>
                    <div class="about-content-inner" id="<?=uniqid()?>">
                        <ul class="list-wrap" id="<?=uniqid()?>">
                            <li id="<?=uniqid()?>">
                                <div class="icon" id="<?=uniqid()?>">
                                    <i class="flaticon flaticon-business-presentation"></i>
                                </div>
                                <div class="content" id="<?=uniqid()?>">
                                    <h4 class="title" id="<?=uniqid()?>">İş Geliştirme</h4>
                                    <p id="<?=uniqid()?>">Finans, stratejik bir varlığa dönüşmenize yardımcı olur.</p>
                                </div>
                            </li>
                            <li id="<?=uniqid()?>">
                                <div class="icon" id="<?=uniqid()?>">
                                    <i class="flaticon flaticon-investment"></i>
                                </div>
                                <div class="content" id="<?=uniqid()?>">
                                    <h4 class="title" id="<?=uniqid()?>">Finansal Yatırım</h4>
                                    <p id="<?=uniqid()?>">Finans, stratejik bir varlığa dönüşmenize yardımcı olur.</p>
                                </div>
                            </li>
                        </ul>
                        <div class="right-slide-img" id="<?=uniqid()?>">
                            <img src="<?= SITE_THEME_URL ?>/assets/img/images/inner_about_img04.jpg" alt="" id="<?=uniqid()?>">
                        </div>
                    </div>
                    <div class="about-content-bottom" id="<?=uniqid()?>">
                        <div class="services-btn" id="<?=uniqid()?>">
                            <a href="#" class="btn" id="<?=uniqid()?>">Hizmetlerimiz</a>
                        </div>
                        <div class="about-author-info" id="<?=uniqid()?>">
                            <div class="thumb" id="<?=uniqid()?>">
                                <img src="<?= SITE_THEME_URL ?>/assets/img/images/about_author.png" alt="" id="<?=uniqid()?>">
                            </div>
                            <div class="content" id="<?=uniqid()?>">
                                <h2 class="title" id="<?=uniqid()?>">Mücahit Bayram</h2>
                                <span id="<?=uniqid()?>">CEO, VebuSoft</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
`,
});
Vvveb.Sections.add("about/about_style_8", {
name: "<?= about_style_8 ?>",
image: "<?= SITE_THEME_URL ?>/assets/preview/about_style_8.png",
html: `
<section class="about-area-eleven">
    <div class="container">
        <div class="row align-items-center justify-content-center">
            <div class="col-lg-6 col-md-9 order-0 order-lg-2">
                <div class="about-img-wrap-eleven" id="<?=uniqid()?>">
                    <img id="shape20" src="<?= SITE_THEME_URL ?>/assets/img/images/inner_about_img05.png" alt="">
                    <img id="shape21" src="<?= SITE_THEME_URL ?>/assets/img/images/inner_about_shape01.png" alt=""  class="shape-one"  style="z-index: 1">
                    <img id="shape22" src="<?= SITE_THEME_URL ?>/assets/img/images/inner_about_shape02.png" alt=""
                         class="shape-two">
                </div>
            </div>
            <div class="col-lg-6">
                <div class="about-content-eleven" id="<?=uniqid()?>">
                    <div class="section-title mb-30" id="<?=uniqid()?>">
                        <span class="sub-title" id="<?=uniqid()?>">Biz Kimiz</span>
                        <h2 class="title" id="<?=uniqid()?>">En iyi dijital çözüm<br> Tedarikçiniz</h2>
                    </div>
                    <p id="<?=uniqid()?>">when an unknown printer took a galley of type and scrambled it ake a type specimen book. when an
                        unknown printer took a galley of type and scrambled it ake.</p>
                    <div class="about-list-two" id="<?=uniqid()?>">
                        <ul class="list-wrap" id="<?=uniqid()?>">
                            <li id="<?=uniqid()?>"><i class="la la-arrow-right"></i>Dijital Kreatif Ajans</li>
                            <li id="<?=uniqid()?>"><i class="la la-arrow-right"></i>Profesyonel Problem Çözümleri</li>
                            <li id="<?=uniqid()?>"><i class="la la-arrow-right"></i>Web Tasarım ve Geliştirme</li>
                        </ul>
                    </div>
                    <a href="#" class="btn btn-three" id="<?=uniqid()?>">Hizmetimizi Alın</a>
                </div>
            </div>
        </div>
    </div>
</section>
`,
});
