Hizmet Tanıtım 1

01.09.2022

</p> </div> </div> </div> <div class="col-xl-4 col-lg-5"> <div class="sidebar"> <div class="sidebar__single sidebar__category"> <h3 class="sidebar__title">Tüm Hizmetler</h3> <ul class="sidebar__category-list list-unstyled"> <li class="active"><a href="hizmet-tanitim-1">Hizmet Tanıtım 1 <span class="fas fa-angle-double-right"></span></a></li> <li ><a href="hizmet-tanitim-2">Hizmet Tanıtım 2 <span class="fas fa-angle-double-right"></span></a></li> <li ><a href="sosyal-medya-yonetimi">Sosyal Medya Yönetimi <span class="fas fa-angle-double-right"></span></a></li> </ul> </div> </div> </div> </div> </div> </section> <style> .whatsapp {position: fixed;left: 15px;bottom: 15px;transition: all .5s ease-in-out;z-index: 999;} .whatsapp a {height: 50px;width: 50px;border-radius: 50%;overflow: hidden;box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);font-size: 28px;display: block;text-align: center;line-height: 50px;color: white;background: #4dc247;} .whatsapp .tooltiptext {visibility: hidden;width: 120px;background-color: black;color: #fff;text-align: center;border-radius: 6px;padding: 5px 0;position: absolute;z-index: 1;line-height: normal;font-size: 15px;top: 13px;left: 105%;height: auto;} .whatsapp:hover a {transform: rotate(45deg);-webkit-transform: rotate(45deg);}.whatsapp:hover .tooltiptext {visibility: visible;} .telefon {position: fixed;left: 15px;bottom: 75px;transition: all .5s ease-in-out;z-index: 999;} .telefon a {height: 50px;width: 50px;border-radius: 50%;overflow: hidden;box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);font-size: 28px;display: block;text-align: center;line-height: 50px;color: white;background: #337ab7;} .telefon .tooltiptext {visibility: hidden;width: 120px;background-color: black;color: #fff;text-align: center;border-radius: 6px;padding: 5px 0;position: absolute;z-index: 1;line-height: normal;font-size: 15px;top: 13px;left: 105%;height: auto;} .telefon:hover a {transform: rotate(45deg);-webkit-transform: rotate(45deg);} .telefon:hover .tooltiptext {visibility: visible;} .telefon { right: 15px !important; left: unset; bottom: 300px; } .whatsapp { right: 15px !important; left: unset; bottom: 240px; } .telefon .tooltiptext, .whatsapp .tooltiptext { right: 105%; left: unset; } .telegram { position: fixed; right: 15px; bottom: 180px; transition: all .5s ease-in-out; z-index: 999; } .telegram a { height: 50px; width: 50px; border-radius: 50%; overflow: hidden; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); font-size: 28px; display: block; text-align: center; line-height: 50px; color: white; background: #27A7E5; } .telegram .tooltiptext { visibility: hidden; width: 100px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; line-height: normal; font-size: 15px; top: 13px; right: 105%; height: auto; } .telegram:hover a { transform: rotate(45deg); -webkit-transform: rotate(45deg); } .telegram:hover .tooltiptext { visibility: visible; } .instagram { position: fixed; right: 15px; bottom: 120px; transition: all .5s ease-in-out; z-index: 999; } .instagram a { height: 50px; width: 50px; border-radius: 50%; overflow: hidden; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); font-size: 28px; display: block; text-align: center; line-height: 50px; color: white; background: #fd3a67; } .instagram .tooltiptext { visibility: hidden; width: 100px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; line-height: normal; font-size: 15px; top: 13px; right: 105%; height: auto;} </style> <div class="telefon"> <a href="tel:0850 441 89 49" title="Telefon" alt="Telefon"><i class="fa fa-phone"></i></a> <span class="tooltiptext">Telefon</span> </div> <div class="whatsapp"> <a href="https://api.whatsapp.com/send?phone=0850 441 89 49" target="_blank" title="WhatsApp" alt="WhatsApp"><i class="fab fa-whatsapp"></i></a> <span class="tooltiptext">WhatsApp</span> </div> <div class="instagram"> <a href="https://instagram.com" target="_blank" title="instagram" alt="instagram"><i class="fab fa-instagram"></i></a> <span class="tooltiptext">İnstagram</span> </div> <div class="telegram"> <a href="" target="_blank" title="Telegram" alt="Telegram"><i class="fab fa-telegram"></i></a> <span class="tooltiptext">Telegram</span> </div> <footer class="site-footer"> <div class="site-footer-bg" style="background-image: url(assets/images/backgrounds/site-footer-bg.png);"> </div> <div class="container"> <div class="site-footer__top"> <div class="row"> <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="100ms"> <div class="footer-widget__column footer-widget__about"> <div class="footer-widget__logo"> <a href="./"><img src="resimler/617355756-webmios.png" alt="EKA Reklam" width="150"></a> </div> <div class="footer-widget__about-text-box"> <p class="footer-widget__about-text"> </p> </div> <div class="site-footer__social"> <a href="" target="_blank"><i class="fab fa-twitter"></i></a> <a href="" target="_blank"><i class="fab fa-facebook"></i></a> <a href="" target="_blank"><i class="fab fa-pinterest-p"></i></a> <a href="https://instagram.com" target="_blank"><i class="fab fa-instagram"></i></a> <a href="" target="_blank"><i class="fab fa-youtube"></i></a> <a href="" target="_blank"><i class="fab fa-telegram"></i></a> <a href="" target="_blank"><i class="fab fa-linkedin"></i></a> </div> </div> </div> <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="200ms"> <div class="footer-widget__column footer-widget__contact clearfix"> <h3 class="footer-widget__title">İletişim</h3> <ul class="footer-widget__contact-list list-unstyled clearfix"> <li> <div class="icon"> <span class="icon-email"></span> </div> <div class="text"> <p><a href="mailto:bilgi@ekareklam.com.tr">bilgi@ekareklam.com.tr</a></p> </div> </li> <li> <div class="icon"> <span class="icon-pin"></span> </div> <div class="text"> <p>İzmir</p> </div> </li> </ul> </div> </div> <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="300ms"> <div class="footer-widget__column footer-widget__gallery clearfix"> <h3 class="footer-widget__title">Instagram</h3> <ul class="footer-widget__gallery-list list-unstyled clearfix"> <li> <div class="footer-widget__gallery-img"> <img src="resimler/512-galeri-resim-1.webp" alt="Galeri resim 1" style="width:100px"> <a href="galeri"><span class="fa fa-link"></span></a> </div> </li> <li> <div class="footer-widget__gallery-img"> <img src="resimler/132-galeri-2.webp" alt="Galeri 2" style="width:100px"> <a href="galeri"><span class="fa fa-link"></span></a> </div> </li> <li> <div class="footer-widget__gallery-img"> <img src="resimler/674-galeri-3.webp" alt="Galeri 3" style="width:100px"> <a href="galeri"><span class="fa fa-link"></span></a> </div> </li> <li> <div class="footer-widget__gallery-img"> <img src="resimler/421-galeri-4.webp" alt="Galeri 4" style="width:100px"> <a href="galeri"><span class="fa fa-link"></span></a> </div> </li> </ul> </div> </div> <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="400ms"> <div class="footer-widget__column footer-widget__newsletter"> <h3 class="footer-widget__title">Abone Ol</h3> <p class="footer-widget__newsletter-text">Geliştirme ve güncellemelerden haberdar olmak için abone olabilirsiniz.</p> <form class="footer-widget__newsletter-form"> <div class="footer-widget__newsletter-input-box"> <input type="email" placeholder="Email address" name="email"> <button type="submit" class="footer-widget__newsletter-btn"><i class="far fa-paper-plane"></i></button> </div> </form> <div class="footer-widget__phone"> <div class="footer-widget__phone-icon"> <span class="icon-telephone"></span> </div> <div class="footer-widget__phone-text"> <a href="tel:0850 441 89 49">0850 441 89 49</a> <p>Müşteri Hizmetleri</p> </div> </div> </div> </div> </div> </div> <div class="site-footer__bottom"> <div class="row"> <div class="col-xl-12"> <div class="site-footer__bottom-inner"> <p class="site-footer__bottom-text">Copyright EKA Reklam © 2022 Tüm Hakları Saklıdır.</a> </p> </div> </div> </div> </div> </div> </footer> </div> <div class="mobile-nav__wrapper"> <div class="mobile-nav__overlay mobile-nav__toggler"></div>  <div class="mobile-nav__content"> <span class="mobile-nav__close mobile-nav__toggler"><i class="fa fa-times"></i></span> <div class="logo-box"> <a href="index.html" aria-label="logo image"><img src="assets/images/resources/logo-2.png" width="143" alt="" /></a> </div>  <div class="mobile-nav__container"></div>  <ul class="mobile-nav__contact list-unstyled"> <li> <i class="fa fa-envelope"></i> <a href="mailto:needhelp@packageName__.com">needhelp@insur.com</a> </li> <li> <i class="fa fa-phone-alt"></i> <a href="tel:666-888-0000">666 888 0000</a> </li> </ul> <div class="mobile-nav__top"> <div class="mobile-nav__social"> <a href="#" class="fab fa-twitter"></a> <a href="#" class="fab fa-facebook-square"></a> <a href="#" class="fab fa-pinterest-p"></a> <a href="#" class="fab fa-instagram"></a> </div> </div> </div>  </div> <div class="search-popup"> <div class="search-popup__overlay search-toggler"></div>  <div class="search-popup__content"> <form action="#"> <label for="search" class="sr-only">search here</label> <input type="text" id="search" placeholder="Search Here..." /> <button type="submit" aria-label="search submit" class="thm-btn"> <i class="icon-magnifying-glass"></i> </button> </form> </div>  </div> <a href="#" data-target="html" class="scroll-to-target scroll-to-top"><i class="fa fa-angle-up"></i></a> <script src="assets/vendors/jquery/jquery-3.6.0.min.js"></script> <script src="assets/vendors/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="assets/vendors/jarallax/jarallax.min.js"></script> <script src="assets/vendors/jquery-ajaxchimp/jquery.ajaxchimp.min.js"></script> <script src="assets/vendors/jquery-appear/jquery.appear.min.js"></script> <script src="assets/vendors/jquery-circle-progress/jquery.circle-progress.min.js"></script> <script src="assets/vendors/jquery-magnific-popup/jquery.magnific-popup.min.js"></script> <script src="assets/vendors/jquery-validate/jquery.validate.min.js"></script> <script src="assets/vendors/nouislider/nouislider.min.js"></script> <script src="assets/vendors/odometer/odometer.min.js"></script> <script src="assets/vendors/swiper/swiper.min.js"></script> <script src="assets/vendors/tiny-slider/tiny-slider.min.js"></script> <script src="assets/vendors/wnumb/wNumb.min.js"></script> <script src="assets/vendors/wow/wow.js"></script> <script src="assets/vendors/isotope/isotope.js"></script> <script src="assets/vendors/countdown/countdown.min.js"></script> <script src="assets/vendors/owl-carousel/owl.carousel.min.js"></script> <script src="assets/vendors/bxslider/jquery.bxslider.min.js"></script> <script src="assets/vendors/bootstrap-select/js/bootstrap-select.min.js"></script> <script src="assets/vendors/vegas/vegas.min.js"></script> <script src="assets/vendors/jquery-ui/jquery-ui.js"></script> <script src="assets/vendors/timepicker/timePicker.js"></script> <script src="assets/vendors/circleType/jquery.circleType.js"></script> <script src="assets/vendors/circleType/jquery.lettering.min.js"></script> <script src="assets/vendors/ion.rangeSlider/js/ion.rangeSlider.min.js"></script> <script src="assets/js/insur.js"></script> </body> </html>