Devam Eden Projeler
Tamamlanan Projeler
21 adet 3+1 daire projemiz devam etmektedir.
</div> </div> </div> </div> <!-- CONTENT AREA ============== !--> <div class="footer-module-main-div"> <div class="footer-module-inside-area"> <!-- Logo Telif alanı !--> <div class="footer-module-box footer-1-area"> <div class="footer-module-box-logo"> <img src="images/logo/5993555622605-477-logo.png" alt="Logo"> </div> <div class="footer-module-box-telif"> Bu web sitesi <a href="https://pirus.tr/"><b>Pirus Yazılım Hizmetleri</b></a> tarafından yapılmıştır. Web yazılımımızın kopyalanması veya görsellerin kullanılması durumunda yasal işlem başlatılacaktır. </div> <div class="footer-module-box-social"> <a href="https://www.facebook.com/DonmezInsaatErokYapi" target="_blank" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="Facebook"> <i class="fa fa-facebook"></i> </a> <a href="https://www.instagram.com/erokyapi" target="_blank" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="instagram"> <i class="fa fa-instagram"></i> </a> </div> </div> <!-- Logo Telif alanı SON !--> <!-- Bağlantılar !--> <div class="footer-module-box footer-4-area"> <div class="footer-module-header-text"> BAĞLANTILAR </div> <div class="footer-module-links-div"> <a href="sayfa/hakkimizda"> Kurumsal </a> <a href="projeler"> Projeler </a> </div> </div> <!-- Bağlantılar SON !--> <!-- Contact !--> <div class="footer-module-box footer-2-area"> <div class="footer-module-header-text"> İLETİŞİM </div> <div class="footer-module-contact-box"> <i class="fa fa-map-marker"></i> <strong>Merkez:</strong> Tekeler Mah. Çevre Yolu Cad. No:180 Adapazarı / SAKARYA<br> <br> <strong>Şube:</strong> Tuzla Mh. Çevreyolu Cad. Adapazarı / SAKARYA </div> <div class="footer-module-contact-box"> <i class="fa fa-phone"></i> <a href="tel:02642728815"> 0264 272 88 15 </a> </div> <div class="footer-module-contact-box"> <i class="fa fa-mobile" style="font-size: 16px ;"></i> <a href="tel:05467165458"> 0546 716 54 58 </a> </div> <div class="footer-module-contact-box"> <i class="fa fa-whatsapp"></i> <a href="https://api.whatsapp.com/send?phone=905467165458-05317165858&text=Merhaba&source=&data="> 905467165458 - 05317165858 </a> </div> <div class="footer-module-contact-box"> <i class="fa fa-envelope-o"></i> <a href="mailto:erok@erokyapi.com.tr"> erok@erokyapi.com.tr </a> </div> </div> <!-- Contact SON !--> </div> </div> </body> </html> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Floating Buttons</title> <style> .floating-button { position: fixed; width: 50px; height: 50px; border-radius: 50%; display: flex; justify-content: center; align-items: center; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); font-size: 24px; color: white; text-align: center; transition: all 0.3s ease; z-index: 999; background-size: cover; background-position: center; } .floating-button a { display: block; width: 100%; height: 100%; } .tooltip { visibility: hidden; width: 100px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; left: -120px; top: 50%; transform: translateY(-50%); font-size: 14px; opacity: 0; transition: opacity 0.3s; } .floating-button:hover .tooltip { visibility: visible; opacity: 1; } .phone { bottom: 300px; right: 15px; background-image: url('images/icons/004.png'); } .whatsapp { bottom: 240px; right: 15px; background-image: url('images/icons/003.png'); } .instagram { bottom: 120px; right: 15px; background-image: url('images/icons/002.png'); } .facebook { bottom: 180px; right: 15px; background-image: url('images/icons/001.png'); } </style> </head> <body> <div id="buttons-container"></div> <script> const buttons = [ { class: "phone", tooltip: "Telefon", link: "tel:+902642728815" }, { class: "whatsapp", tooltip: "WhatsApp", link: "https://api.whatsapp.com/send?phone=905467165458" }, { class: "instagram", tooltip: "Instagram", link: "https://instagram.com/erokyapi" }, { class: "facebook", tooltip: "Facebook", link: "https://facebook.com/DonmezInsaatErokYapi" } ]; const container = document.getElementById('buttons-container'); buttons.forEach(button => { const div = document.createElement('div'); div.className = `floating-button ${button.class}`; div.innerHTML = ` <a href="${button.link}" target="_blank" title="${button.tooltip}"></a> <span class="tooltip">${button.tooltip}</span> `; container.appendChild(div); }); </script> </body> </html> <!-- JS =========================================--> <script src="assets/helper/bootstrap/js/popper.min.js" ></script> <script src="assets/helper/bootstrap/js/bootstrap.min.js" ></script> <script src='assets/js/jquery.magnific-popup.min.js'></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/Swiper/6.4.5/swiper-bundle.min.js'></script> <script src="assets/helper/other/jquery.appear/jquery.appear.min.js"></script> <script src="assets/helper/other/common/common.min.js"></script> <script src="assets/helper/other/theme.js"></script> <script src="assets/helper/other/theme.init.js"></script> <script src="assets/js/lightbox/lightbox.js"></script> <script src="assets/js/sweetalert/sweetalert2.min.js"></script> <script src="assets/js/footer_scripts.js"></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.1/TweenMax.min.js'></script> <script> var cursor = $(".cursor"), follower = $(".follower"), cWidth = 8, //カーソルの大きさ fWidth = 10, //フォロワーの大きさ delay = 10, //数字を大きくするとフォロワーがより遅れて来る mouseX = 0, //マウスのX座標 mouseY = 0, //マウスのY座標 posX = 0, //フォロワーのX座標 posY = 0; //フォロワーのX座標 //カーソルの遅延アニメーション //ほんの少ーーーしだけ遅延させる 0.001秒 TweenMax.to({}, .001, { repeat: -1, onRepeat: function () { posX += (mouseX - posX) / delay; posY += (mouseY - posY) / delay; TweenMax.set(follower, { css: { left: posX - fWidth / 2, top: posY - fWidth / 2 } }); TweenMax.set(cursor, { css: { left: mouseX - cWidth / 2, top: mouseY - cWidth / 2 } }); } }); //マウス座標を取得 $(document).on("mousemove", function (e) { mouseX = e.pageX; mouseY = e.pageY; }); $("a").on({ "mouseenter": function () { cursor.addClass("is-active"); follower.addClass("is-active"); }, "mouseleave": function () { cursor.removeClass("is-active"); follower.removeClass("is-active"); } }); //# sourceURL=pen.js </script> <script src='assets/js/tabs/tabs.js'></script>
