CINXE.COM

Periodonta Dental Clinic Turkey | Expert Dentistry

<!doctype html> <html lang="en"> <head> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-WSM3VTHTG3"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-WSM3VTHTG3'); </script> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge; chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <link rel="icon" href="/pic/thelogoquizicon.png"> <title>Periodonta Dental Clinic Turkey | Expert Dentistry </title> <meta name="description" content="Periodonta is located Istanbul, home to an expert dentist crew offering treatments such as implants, veneers, crowns and more at affordible prices"> <link rel="preload" as="image" href="/pic/gulumseyenkadin2.jpg"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;1,200;1,300;1,400;1,500&display=swap" rel="stylesheet"> <style type="text/css"> body { background: #fff !important; overflow-x: hidden; } .istisna:hover{background: transparent !important; color: #EAC600 !important;} .istisna{margin-bottom: 0; color: #EAC600 !important; font-weight: 650 !important; font-size: 13px !important; text-decoration: underline !important;} .istisnaseeall:hover;{background: transparent !important; color: #3098FF !important;} .istisnaseeall{margin-bottom: 0; color: #2981D8 !important; font-weight: 650 !important; font-size: 13px !important;} h1,h2,h3,h4 { font-family: 'Montserrat', sans-serif !important; } </style> <!-- whatsapp --> <link rel="stylesheet" href="/whatsap.css"> <!-- donenbok--> <link rel="stylesheet" href="/donenbok/styles.css"> <script type="text/javascript" src="/donenbok/jquery.min.js"></script> <script type="text/javascript" src="/donenbok/tablooper.dev.js"></script> <script type="text/javascript" src="/donenbok/jquery.mobile.touch.min.1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.beacon').click(function achangeisgoingtocome(){ console.log("lol") if ( $('.beacon').attr('lol') == 'false' ){ $('.beacon').attr('lol','true'); $('.nav-item.dropdown').addClass('show'); setTimeout( function() { $('.dropdown-menu').addClass('show'); },100); } else{ $('.beacon').attr('lol', 'false'); $('.nav-item.dropdown').removeClass('show'); setTimeout( function() { $('.dropdown-menu').removeClass('show'); },100); $('.dropdown-menu').removeClass('sikisporno'); } }); }); </script> <script type="text/javascript"> $(window).load(function() { $('#looptab').looptab({ ext: 'php', EnableSwipe: true, EnableKeys: true, EnableHide: false, HideContentTab: false }); }); </script> <script src="https://kit.fontawesome.com/37f2951389.js" crossorigin="anonymous"></script> <!--index--> <link rel="stylesheet" href="/bootstrap.mindex.css"> <!--menurengisikiyor navbar-togglerxd olarak değiştirildi--> <link rel="stylesheet" href="/styles.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.0/font/bootstrap-icons.css"> <!--header--> <link href='https://fonts.googleapis.com/css?family=Roboto:400,100,300,700' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/5.15.4/css/font-awesome.min.css"> <link rel="stylesheet" href="/css/styleh.css"> <!--karoselsikiyor, isim carouselden carousellaya çevrildi--> <!--footer--> <link rel="stylesheet" href="/css/ionicons.min.css"> <link rel="stylesheet" href="/css/stylemod.css"> </head> <body> <section class="ftco-section"> <div class="wrap py-2"> <div class="container lmao"> <div class="row justify-content-between rowspecial"> <div class="col d-flex justify-content-start languagebar mr-0 pl-0"> <!--<div class="social-media"> <p class="mb-0 d-flex"> <a href="#" class="d-flex align-items-center justify-content-center langag"><img src="/icon/icon-de.png" class="langimg" alt="lang-de"><i class="sr-only">Deutsch</i></a> <a href="#" class="d-flex align-items-center justify-content-center langag"><img src="/icon/icon-fr.png" class="langimg" alt="lang-fr"><i class="sr-only">France</i></a> <a href="#" class="d-flex align-items-center justify-content-center langag"><img src="/icon/icon-tr.png" class="langimg" alt="lang-tr"><i class="sr-only">Turkish</i></a> <a href="#" class="d-flex align-items-center justify-content-center langag"><img src="/icon/icon-en.png" class="langimg" alt="lang-en"><i class="sr-only">English</i></a> </p> </div>--> </div> <div class="col d-flex justify-content-end ml-0 pl-0" style="padding-right: 7px;"> <div class="social-media"> <p class="mb-0 d-flex"> <a href="https://api.whatsapp.com/send?phone=+905302248127&text=Hello, I am reaching out to you through your website!" style="background-color: #3399fe;" class="d-flex align-items-center justify-content-center"><span class="fa fa-whatsapp"><i class="sr-only">Whatsapp</i></span></a> <a href="tel:+905302248127" style="background-color: #3399fe;" class="d-flex align-items-center justify-content-center"><span class="fa fa-phone"><i class="sr-only">Phone</i></span></a> <a href="https://instagram.com/periodonta?utm_medium=copy_link" style="background-color: #3399fe;" class="d-flex align-items-center justify-content-center"><span class="fa fa-instagram"><i class="sr-only">Instagram</i></span></a> <a href="#" style="background-color: #3399fe;" class="d-flex align-items-center justify-content-center"><span class="fab fa-tiktok"><i class="sr-only">TikTok</i></span></a> </p> </div> </div> </div> </div> </div> <div id="headpadding" class="d-none" style="height: 90px;"></div> <nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light pt-2 " id="ftco-navbar" style="z-index: 99999999999; box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 34%);"> <div class="container"> <a href="/" alt="Periodonta"><img class="navbar-brand navtopz py-auto imgpos mb-2" src="/pic/thelogo.jpeg" style="width: 165px; height: auto; margin-left: 4px !important;"></a> <button class="navbar-toggler navtopz mr-2" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation"> <span class="fa fa-bars"></span> Menu<span class="d-md-none">&nbsp</span> </button> <div class="collapse navbar-collapse" id="ftco-nav"> <ul class="navbar-nav m-auto ecksdee" style="padding-bottom: 0px;"> <li class="nav-item mr-5"><a href="/" class="nav-link"><span class="d-md-none">&nbsp &nbsp</span>Home</a></li> <li class="nav-item dropdown" style="z-index: 500;"> <a class="nav-link dropdown-toggle beacon" href="#" id="dropdown04" data-toggle="dropdown" aria-haspopup="true" lol="false" aria-expanded="false"><span class="d-md-none">&nbsp &nbsp</span>Treatments</a> <div class="dropdown-menu" aria-labelledby="dropdown04"> <p class="dropdown-item istisna">Featured Treatments</p> <a class="dropdown-item" href="/treatments/dental-implants/">Implants</a> <a class="dropdown-item" href="/treatments/dental-veneers/">Veneers</a> <a class="dropdown-item" href="/treatments/dental-crowns/">Crowns</a> <a class="dropdown-item" href="/treatments/smile-design/">Smile Design</a> <a class="dropdown-item" href="/treatments/teeth-whitening/">Teeth Whitening</a> <a class="dropdown-item istisnaseeall" href="/treatments/">See All Treatments</a> </div> </li> <li class="nav-item"><a href="/blog/" class="nav-link"><span class="d-md-none">&nbsp &nbsp</span>Blog</a></li> <li class="nav-item"><a href="/contact-us/" class="nav-link"><span class="d-md-none">&nbsp &nbsp</span>Contact</a></li> </ul> </div> <div class="navtopz d-none d-lg-block" style="width: 165px;"></div> <!--<p style="color: #fff" class="navtopz d-none d-lg-block">Papermag Magazine</p>--> </div> <!-- <div id="headerpagenavid" class="hearderpagenav" style="overflow: auto; white-space: nowrap;" onscroll="scrollcheck();"> <div id="skipscrollid" style="position: relative;" class="text-end d-none"> <div id="skipscrollid2" style="position: fixed; right: 0px; height: 30px; width:31px; background-color: #1F1F1F; box-shadow: -20px 0px 10px -5px #1F1F1F;"> <div class="d-flex align-items-center justify-content-end" style="height: 100%;" onclick="scrollfunct(); scrollcheck();"> <img src="donenbok/contents/nex-purp.png" style="height: 20px; width: auto;"> </div> </div> </div> <div id="skipscrollideleff" style="position: relative;" class="text-end"> <div id="skipscrollideleff2" class="d-none" style="position: fixed; left: 0px; height: 30px; width:31px; background-color: #1F1F1F; box-shadow: 20px 0px 10px -5px #1F1F1F;"> <div class="d-flex align-items-center justify-content-end" style="height: 100%;" onclick="scrollfunctbak(); scrollcheck();"> <img src="donenbok/contents/prev-purp.png" style="height: 20px; width: auto;"> </div> </div> </div> <div style="display: inline-block; width: 25%; padding-left: 7px; color: purple;"> Skip To </div> <div style="display: inline-block;"> <div class="d-flex align-items-center justify-content-center"> <div style="display: inline-block; margin-right: 10px; margin-left: 10px;">qwe</div> <div style="display: inline-block; margin-right: 10px; margin-left: 10px;">qwe</div> <div style="display: inline-block; margin-right: 10px; margin-left: 10px;">qwe</div> <div style="display: inline-block; margin-right: 10px; margin-left: 10px;">qwe</div> <div style="display: inline-block; margin-right: 10px; margin-left: 10px;">qwe</div> <div style="display: inline-block; margin-right: 10px; margin-left: 10px;">qwe</div> <div style="display: inline-block; margin-right: 10px; margin-left: 10px;">qwe</div> <div style="display: inline-block; margin-right: 10px; margin-left: 10px;">qwe</div> <div style="display: inline-block; margin-right: 10px; margin-left: 10px;">qwe</div> </div> </div> </div>--> <div id="closer2" style="width: 100%;" class="d-md-none"></div> </nav> <!-- END nav --> <div id="closer1" class="d-none d-md-block" style="z-index: 999999999;"></div> </section> <!-- <div style="position: fixed; right: 15px; bottom: 80px; height: 60px; width:60px;z-index: 50000000;border-radius: 5px;padding: 10px 0;display: flex;align-items: center;justify-content: center; background-color: black;"> <a href=""> <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"> <g fill="none" fill-rule="evenodd"> <path fill="#00F2EA" d="M20.023 18.111v-1.703a13.17 13.17 0 0 0-1.784-.13c-7.3 0-13.239 5.94-13.239 13.24 0 4.478 2.238 8.442 5.652 10.839a13.187 13.187 0 0 1-3.555-9.014c0-7.196 5.77-13.064 12.926-13.232"/> <path fill="#00F2EA" d="M20.335 37.389c3.257 0 5.914-2.591 6.035-5.82l.011-28.825h5.266a9.999 9.999 0 0 1-.17-1.825h-7.192l-.012 28.826c-.12 3.228-2.778 5.818-6.034 5.818a6.006 6.006 0 0 1-2.805-.694 6.037 6.037 0 0 0 4.901 2.52M41.484 12.528v-1.602a9.943 9.943 0 0 1-5.449-1.62 10.011 10.011 0 0 0 5.45 3.222"/> <path fill="#FF004F" d="M36.035 9.305a9.962 9.962 0 0 1-2.461-6.56h-1.927a10.025 10.025 0 0 0 4.388 6.56M18.239 23.471a6.053 6.053 0 0 0-6.046 6.046 6.05 6.05 0 0 0 3.24 5.352 6.007 6.007 0 0 1-1.144-3.526 6.053 6.053 0 0 1 6.046-6.047c.623 0 1.22.103 1.784.28v-7.343a13.17 13.17 0 0 0-1.784-.13c-.105 0-.208.006-.312.008v5.64a5.944 5.944 0 0 0-1.784-.28"/> <path fill="#FF004F" d="M41.484 12.528v5.59c-3.73 0-7.185-1.193-10.007-3.218v14.617c0 7.3-5.938 13.239-13.238 13.239-2.821 0-5.437-.89-7.587-2.4a13.201 13.201 0 0 0 9.683 4.225c7.3 0 13.239-5.939 13.239-13.238V16.726a17.107 17.107 0 0 0 10.007 3.218V12.75c-.72 0-1.42-.078-2.097-.223"/> <path fill="#FFF" d="M31.477 29.517V14.9a17.103 17.103 0 0 0 10.007 3.218v-5.59a10.011 10.011 0 0 1-5.449-3.223 10.025 10.025 0 0 1-4.388-6.56h-5.266L26.37 31.57c-.121 3.228-2.778 5.819-6.035 5.819a6.038 6.038 0 0 1-4.901-2.52 6.05 6.05 0 0 1-3.241-5.352 6.053 6.053 0 0 1 6.046-6.046c.622 0 1.219.102 1.784.28v-5.64c-7.156.168-12.926 6.036-12.926 13.232 0 3.48 1.352 6.648 3.555 9.014a13.16 13.16 0 0 0 7.587 2.399c7.3 0 13.238-5.939 13.238-13.239"/> </g> </svg> </a> </div>--> <div style="position: fixed; right: 20px; bottom: 20px; height: 38px; width:50px;z-index: 50000000;border-radius: 50px;padding: 10px 0;display: flex;align-items: center;justify-content: center"> <a href="https://api.whatsapp.com/send?phone=+905302248127&text=Hello, I am reaching out to you through your website!" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 39 39"><path fill="#25D366" d="M10.7 32.8l.6.3c2.5 1.5 5.3 2.2 8.1 2.2 8.8 0 16-7.2 16-16 0-4.2-1.7-8.3-4.7-11.3s-7-4.7-11.3-4.7c-8.8 0-16 7.2-15.9 16.1 0 3 .9 5.9 2.4 8.4l.4.6-1.6 5.9 6-1.5z"></path><path fill="#FFF" d="M32.4 6.4C29 2.9 24.3 1 19.5 1 9.3 1 1.1 9.3 1.2 19.4c0 3.2.9 6.3 2.4 9.1L1 38l9.7-2.5c2.7 1.5 5.7 2.2 8.7 2.2 10.1 0 18.3-8.3 18.3-18.4 0-4.9-1.9-9.5-5.3-12.9zM19.5 34.6c-2.7 0-5.4-.7-7.7-2.1l-.6-.3-5.8 1.5L6.9 28l-.4-.6c-4.4-7.1-2.3-16.5 4.9-20.9s16.5-2.3 20.9 4.9 2.3 16.5-4.9 20.9c-2.3 1.5-5.1 2.3-7.9 2.3zm8.8-11.1l-1.1-.5s-1.6-.7-2.6-1.2c-.1 0-.2-.1-.3-.1-.3 0-.5.1-.7.2 0 0-.1.1-1.5 1.7-.1.2-.3.3-.5.3h-.1c-.1 0-.3-.1-.4-.2l-.5-.2c-1.1-.5-2.1-1.1-2.9-1.9-.2-.2-.5-.4-.7-.6-.7-.7-1.4-1.5-1.9-2.4l-.1-.2c-.1-.1-.1-.2-.2-.4 0-.2 0-.4.1-.5 0 0 .4-.5.7-.8.2-.2.3-.5.5-.7.2-.3.3-.7.2-1-.1-.5-1.3-3.2-1.6-3.8-.2-.3-.4-.4-.7-.5h-1.1c-.2 0-.4.1-.6.1l-.1.1c-.2.1-.4.3-.6.4-.2.2-.3.4-.5.6-.7.9-1.1 2-1.1 3.1 0 .8.2 1.6.5 2.3l.1.3c.9 1.9 2.1 3.6 3.7 5.1l.4.4c.3.3.6.5.8.8 2.1 1.8 4.5 3.1 7.2 3.8.3.1.7.1 1 .2h1c.5 0 1.1-.2 1.5-.4.3-.2.5-.2.7-.4l.2-.2c.2-.2.4-.3.6-.5s.4-.4.5-.6c.2-.4.3-.9.4-1.4v-.7s-.1-.1-.3-.2z"></path></svg> </a> </div> <!--headline--> <section class="headline mt-0"> <div class="container-fluid drumfill"> <div style="position: relative;" class="d-none d-md-block"><img src="pic/thelogoquiz.png" class="headerlogo"></div> <div class="row"> <div class="col-12 girisimg px-5 text-center"> <div class="row"> <div class="col-12 px-0" style="height: 470px;"> <h1 class="mb-5 ml-md-1 sekiltext text-start giristext gt1" style="line-height: 120%; font-weight: 350;">Reach <span class="spanhead">Periodonta</span> <span class="d-none d-md-inline"><br></span>and book an Appointment</h1> <div class="bottomalign2"></div> <div class="text-start"> <div class="cta text-center mx-1 bottomalign" style=""> <p class="py-2 px-1 sekiltext gt2" style="font-size: 32px; margin-bottom: 0px;"> <a href="https://api.whatsapp.com/send?phone=+905302248127&text=Hello, I am reaching out to you through your website! I would like to book an appointment"><span class="text-white">Click Here</span></a> </p> </div> </div> <div class="d-flex text-start"><img style="height: 80px;" class="mb-3 ml-1 imgsmall " src="pic/thelogoquiz.png"></div> </div> </div> </div> </div> </div> </section> <!-- foto --> <section id="about_us"> <div class="container-fluid my-0 revolvingnumbaz"> <div class="row"> <div class="col-12 pt-4 px-2"> <div class="text-center"> <div class="d-flex justify-content-center"> <h2 id="boutuss" class="sekiltext mt-4 boutusilkyazi slideaux" style="width: 70%; font-weight: 300;">About Us</h2> </div> <div class="py-3 boutuscontainer"> <h3 id="girisfi1" class="mb-4 slideaux" style="color: #1C5084; font-size: 28px !important;">&#x2022 Dental clinic of your trust in Istanbul</h3> <p class="sekiltext boutustext mb-1"> <b class="slideaux" id="affordableprice" >At Periodonta, we take pride in offering top-notch dental treatments at affordable costs.</b> </p> <div class="d-flex justify-content-center"> <div style="width: 20%;"></div> <p id="affordableprice2" class="sekiltext boutustext slideaux"> Our passionate team of dental experts, comprised only of <span style="text-decoration: underline;">experienced doctors with PhDs and publishings in international journals</span>, are ready to provide you with the best possible dental care in Turkey, Bakırköy with the help of our cutting edge dentistry technology at our 1200 square meter clinic. </p> <div style="width: 20%;"></div> </div> </div> <div id="girisfi2"> <h3 class="mb-4" style="color: #1C5084; font-size: 28px !important;">&#x2022 Our Story</h3> <div class="d-flex justify-content-center mb-5"> <div style="width: 20%;" class="d-none d-md-block"></div> <div style="position: relative"> <div id="borderbio" class="bordery slideaux"></div> <p id="bioo" class="history sekiltext boutustext my-3 px-2 px-md-3 slideaux"b> Founded in 2014 as a private practice in İstanbul Bakırköy with the mission of providing high quality dental treatments by Çağdaş Çağlar Laçin, Periodonta has been active for a long while. The staff, loved by locals and eventually by İstanbul and all patients over the world, has become seasoned during these years of service and eventually decided to expand, providing its claim to the highest quality service to a larger audience, Periodonta has now moved into a two-story, 1200 square meter state-of-the-art dental clinic in the heart of Istanbul, ready to handle any customer that walks through to door, continuing to provide quality dental treatments with passion. </p> </div> <div style="width: 20%;" class="d-none d-md-block"></div> </div> </div> <div class="d-flex justify-content-center"> <h2 id="cizgi" class="sekiltext mt-4 boutusilkyazi" style="width: 70%; border-bottom-width: 0px !important;"></h2> </div> <div id="altcizgi" class="slideaux container-fluid girisfb"> <div class="row" id="girisfi3"> <div style="width: 12.5%;" class="d-none d-md-block"></div> <div class="col-md-3 px-2 order-1 order-md-2"> <h3 class="secondaryboutus mt-4">&#x2022 Staff</h3> <p class="sekiltext boutustext"> As mentioned, our team is comprised of <span style="text-decoration: underline;"> doctors with PhDs, publishings in highly respectable international journals.</span> You can discover our team that we take pride in by <a href="#doktorlar">clicking here</a>, or simply scrolling down </p> </div> <div class="col-md-3 px-2 order-2 order-md-3"> <h3 class="secondaryboutus mt-4">&#x2022 There for you at every step</h3> <p class="sekiltext boutustext"> We have employed an <a href="#diag">online consultation and diagnosis line,</a> to readily inform you about your condition and the proper course of action free of any charges. Reach us! </p> </div> <div class="col-md-3 px-2 order-1"> <h3 class="secondaryboutus mt-4">&#x2022 Online Quiz</h3> <p class="sekiltext boutustext"> In order to inform our patients about the estimated costs of their operations, we have designed a quiz <a href="#quiztime">here</a> that can help patients learn about the affordability of Periodonta in under a minute! </p> </div> </div> </div> </div> </div> <div style="height: 30px;"></div> <div class="col-12 py-0 px-0 mx-0"> <div class="container-fluid"> <div class="row revolvingnumbaz2 bottomshade"> <div id="opnumcltop" class="col-12 col-md-4 px-0 numbaz"> <div class="p-4"> <h4 style="font-size: 30px; color: #000;" class="sekiltext" > Operations </h4> </div> <p id="opnumcl" class="sekiltext" style="font-size: 40px; color: #000;">0</p> </div> <div id="opnumcltop2" class="col-12 col-md-4 px-0 numbaz"> <div class="p-4"> <h4 style="font-size: 30px;" class="sekiltext" > Patients </h4> </div> <p id="opnumcl2" class="sekiltext" style="font-size: 40px; color: #000;">0</p> </div> <div id="opnumcltop3" class="col-12 col-md-4 px-0 numbaz"> <div class="p-4"> <h4 style="font-size: 30px;" class="sekiltext" > Expert dentists </h4> </div> <p id="opnumcl3" class="sekiltext" style="font-size: 40px; color: #000;">0</p> </div> <div style="height: 300px;" class="d-none d-md-block"></div> <div style="height: 300px;" class="d-md-none"></div> </div> </div> </div> </div> </div> </section> <!-- <div class="col-12 col-md-6 numbaz"> <h4 style="font-size: 30px;" class="text-warning sekiltext" > No. Of Operations </h4> <p class="m-0" id="opno"> </p> </div> <div class="col-12 col-md-6 numbaz"> <h4 style="font-size: 30px;" class="text-warning sekiltext" > No. Of Operations </h4> <p class="m-0"> </p> </div> <div class="col-12 numbaz numbaz2"> <h4 style="font-size: 30px;" class="text-warning sekiltext numbaz3" > No. Of Operations </h4> <p class="m-0"> </p> </div> --> <!--cards--> <section id="f&b"> <div class="container-fluid"> <div class="row my-5"> <div class="col-6 col-md-3 text-center my-3 shitclass scleft"> <img class="featnbnft" src="fbpic/supportexpo.jpg"> <h4 >Online Diagnosis</h4> <p class="d-md-none" style="padding-bottom: 3px;">&nbsp</p> <p>Take our <a href="#quizz">2 minute quiz</a> to get an instant cost approximation and expert consultation for your treatment!</p> </div> <div class="col-6 col-md-3 text-center my-3 shitclass scright"> <img class="featnbnft" src="fbpic/multilingualexpo.jpg"> <h4>Multilingual Assistance</h4> <p>We provide multilingual translators for our patients consultation.</p> </div> <div class="col-6 col-md-3 text-center my-3 shitclass scleft"> <img style="height: 100px; width: auto;" src="fbpic/priceexpo.png"> <h4>Modest Prices</h4> <p>Periodonta stands by keeping the customer first in every aspect of their visit, offering uncompromising quality at modest costs.</p> </div> <div class="col-6 col-md-3 text-center my-3 shitclass scright"> <img class="featnbnft" src="fbpic/rontgenexpo.webp"> <h4>Tomography</h4> <p>Our state of art dental lab is home to tomography devices for better treatments</p> </div> <div class="col-6 col-md-3 text-center my-3 shitclass scleft"> <img class="featnbnft" src="fbpic/travelexpo.png"> <h4>Travel Plans</h4> <p class="d-md-none" style="padding-bottom: 5px;">&nbsp</p> <p>Our experienced staff will provide you with the most suitable travel plans to make the best of your journey! You can learn more about it here</p> </div> <div class="col-6 col-md-3 text-center my-3 shitclass scright"> <img class="featnbnft" src="fbpic/certexpo.png"> <h4>Ministry of Health Approved</h4> <p>Approved by top-notch institutions such as the Turkish Ministry of Health and FDA</p> </div> <div class="col-6 col-md-3 text-center my-3 shitclass scleft"> <img class="featnbnft" src="fbpic/expert3.png"> <h4>Expert Team</h4> <p>Our experienced team of dental specialists will handle every aspect of your treatment with care, escalating your oral health to the highest standarts.</p> </div> <div class="col-6 col-md-3 text-center my-3 shitclass scright"> <img style="height: 100px;" src="fbpic/3dexpo.png"> <h4>CAD/CAM</h4> <p>We offer CAD/CAM tech to pinpoint the specific course of action to be taken during your treatment</p> </div> </div> </div> </section> <!--dönen mevzu + quiz--> <section id="quiztime"> <div class="text-center"> <h2 style="font-size: 35px; color: #222;" class="mb-0 mt-0 mb-1 text-center sekiltext2 mx-3">Take our 2 Minute Price Estimation Quiz</h2> <div class="text-center"> <svg class="text-center" width="310" height="30" xmlns="http://www.w3.org/2000/svg"> <path d="M 10 10 L 300 10" stroke="#000"/> </svg> </div> </div> <div class="container-fluid"> <div class="quizback2"></div> <div class="row"> <div id="quizdiv" class="col-12 col-md-8 px-0 py-md-3 order-2 order-md-1" style="overflow: visible;"> <div style="display: none;"> <button id="nextquestion" data-bs-target="#quizz" data-bs-slide="next" type="button" class="btn btn-primary mt-2"> <span class="visually-hidden">Next</span> </button> </div> <div id="quizz" class="carousel slide quizshadow beyazkisim" style="overflow: visible; z-index: 555;" data-bs-ride="carousel"> <div id="pbarparent" class="pbarparentclass mx-3 mx-md-4 pt-md-3 pb-md-0" style="background-color: #98ccff; overflow: visible; position: relative; top: 1px"> <div id="pbardiv" class="mx-3 progress quizshadow" style="overflow: hidden;"> <div id="pbar" class="progress-bar" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width:1%"> </div> </div> </div> <div class="quizback"></div> <div class="d-none d-md-block quizback6" style="z-index: -10; right: 0; top: 0; width: 99%; height: 383px !important; background-color: #98ccff; position: absolute;"></div> <div class="carousel-inner quizborder" style="overflow: hidden !important;"> <div class="quizrow carousel-item active" data-bs-interval="100000000000"> <div class="mx-3 mx-md-4 mavikisim" style="background-color: #98ccff;"> <div class="text-center text-dark py-2 questionn" style="font-size: 20px;"> Which treatment are you considering?</div> <div class="container-fluid mx-0"> <div class="row px-2 quizcardsection"> <div class="col-4 col-md-3 p-2"> <div id="1ques" class="quizcard" onclick="quizselect(1), highlight('1ques'), progressbar('20%')"> <div class="text-center pt-2"> <div class="classdoneniconcont"><img class="classdonenicon" src="pic/donenicon/2.png"></div> </div> <div class="text-center pt-2"><p class="text-black px-2">Implant</p></div> </div> </div> <div class="col-4 col-md-3 p-2"> <div id="2ques" class="quizcard" onclick="quizselect(2), highlight('2ques'), progressbar('20%')"> <div class="text-center pt-2"> <div class="classdoneniconcont"><img class="classdoneniconveneer" src="pic/donenicon/5.png"></div> </div> <div class="text-center pt-2"><p class="text-black px-2">Veneers</p></div> </div> </div> <div class="col-4 col-md-3 p-2"> <div id="3ques" class="quizcard" onclick="quizselect(3), highlight('3ques'), progressbar('25%')"> <div class="text-center pt-2"> <div class="classdoneniconcont"><img class="classdoneniconsmile" src="pic/donenicon/1.png"></div> </div> <div class="text-center pt-2"><p class="text-black px-2" style="line-height: 20px;">Smile Design</p></div> </div> </div> <div class="col-4 col-md-3 p-2"> <div id="4ques" class="quizcard" onclick="quizselect(4), highlight('4ques'), progressbar('25%'), cbtrue = true;"> <div class="text-center pt-2"> <div class="classdoneniconcont"><img class="classdonenicon" src="pic/donenicon/4.png"></div> </div> <div class="text-center pt-2"><p class="text-black px-2" style="line-height: 20px;">Crowns Bridges</p></div> </div> </div> <div class="col-4 col-md-3 p-2"> <div id="5ques" class="quizcard" onclick="quizselect(5), highlight('5ques')"> <div class="text-center pt-2"> <div class="classdoneniconcont"><img class="classdoneniconoral" src="pic/donenicon/3.png"></div> </div> <div class="text-center pt-2"><p class="text-black px-2" style="line-height: 20px;">Oral Surgery</p></div> </div> </div> <div class="col-4 col-md-3 p-2"> <div id="6ques" class="quizcard" onclick="quizselect(6), highlight('6ques'), progressbar('33%')"> <div class="text-center pt-2"> <div class="classdoneniconcont"><img class="classdoneniconinvisible clearalignerquiz" src="pic/donenicon/6.png"></div> </div> <div class="text-center pt-2"><p class="text-black px-2" style="line-height: 20px;">Clear Aligner</p></div> </div> </div> <div class="d-md-none" style="width: 16%;"></div> <div class="col-4 col-md-3 p-2"> <div id="7ques" class="quizcard" onclick="quizselect(7), highlight('7ques'), progressbar('33%')"> <div class="text-center pt-2"> <div class="classdoneniconcont"><img class="classdoneniconoral" src="pic/donenicon/gumdisease.png"></div> </div> <div class="text-center pt-2"><p class="text-black px-2" style="line-height: 20px;">Gum Disease</p></div> </div> </div> <div class="col-4 col-md-3 p-2"> <div id="8ques" class="quizcard" onclick="quizselect(8), highlight('8ques'), progressbar('25%')"> <div class="text-center pt-2"> <div class="classdoneniconcont"><img class="classdoneniconoral" src="pic/donenicon/rcanal.png"></div> </div> <div class="text-center pt-2"><p class="text-black px-2" style="line-height: 20px;">Root Canal</p></div> </div> </div> </div> </div> </div> </div> <div class="quizrow carousel-item" data-bs-interval="1000000000"> <div class="mx-3 mx-md-4 mavikisim implantdisplay d-none" style="background-color: #98ccff;"> <div class="text-center text-dark py-2 questionn" style="font-size: 20px;"> How many teeth will be operated on?</div> <div class="container-fluid mx-0"> <div class="row px-2 quizcardsection"> <div class="col-2 col-md-3"></div> <div class="text-center"> <div id="sayimevzusu" class="mt-4 numbershit d-flex uncleruckus2 unselectable"> <div class="text-start" onclick="impnumbak(), highlight('sayimevzusu')" style="width: 20%; background-color: #d1e8ff;" onclick="impnumbak(), fullmouthimp1 = 0, fullmouthimp2 = 0;"> <img src="icon/minus.png" style="width: 10%; height: auto; position: relative; left: 50%; pointer-events: none;"> </div> <div id="impnum" class="text-center" style="background-color: #fff; width: 80%;">1</div> <div class="text-end" onclick="impnumforw(), highlight('sayimevzusu'), fullmouthimp2 = 0, fullmouthimp1 = 0;" style="width: 20%; background-color: #d1e8ff;"> <img src="icon/plus.png" style="width: 10%; height: auto; position: relative; right: 50%; pointer-events: none;"> </div> </div> <div class="mt-4 vertcardpar exceptionimpjaw"> <div id="fullmouthonejaw" class="vertcard exceptionimpjaw" onclick="highlight('fullmouthonejaw'), $('#impnum').html('10-14'), delruckus(), fullmouthimp1 = 1;"> One Jaw (full mouth) </div> </div> <div class="mt-4 vertcardpar exceptionimpjaw"> <div id="fullmouthtwojaw" class="vertcard exceptionimpjaw" onclick="highlight('fullmouthtwojaw'), $('#impnum').html('20-28'), delruckus(), fullmouthimp2 = 1;"> Both Jaws (full mouth) </div> </div> <div id="nextquestion2" class="mt-4 vertcardpar"> <div id="nextimpno" class="vertcard questionnextpass" onclick="nextques(), lowlight('nextimpno'), progressbar('40%')"> Next </div> </div> </div> <div class="col-2 col-md-3"></div> </div> </div> </div> <div class="mx-3 mx-md-4 mavikisim veneerdisplay d-none" style="background-color: #98ccff;"> <div class="text-center text-dark py-2 questionn" style="font-size: 20px;">What is you dental complaint you wish to overcome with veneers?</div> <div class="mt-4 text-center vertcardpar" > <div id="ven11" class="vertcard" onclick="veneerwhy=1,highlight('ven11'),nextques(), progressbar('40%')"> Crookness </div> </div> <div class="mt-4 text-center vertcardpar"> <div id="ven12" class="vertcard" onclick="veneerwhy=2,highlight('ven12'), nextques(), progressbar('40%')"> Unwanted Gap </div> </div> <div class="mt-4 text-center vertcardpar"> <div id="ven13" class="vertcard" onclick="veneerwhy=3,highlight('ven13'), nextques(), progressbar('40%')"> Color </div> </div> <div class="mt-4 text-center vertcardpar"> <div id="ven14" class="vertcard" onclick="veneerwhy=4,highlight('ven14'), nextques(), progressbar('40%')"> Too short </div> </div> </div> <div class="mx-3 mx-md-4 mavikisim smiledesigndisplay d-none" style="background-color: #98ccff;"> <div class="text-center text-dark py-2 questionn" style="font-size: 20px;"> How many teeth will be operated on?</div> <div class="container-fluid mx-0"> <div class="row px-2 quizcardsection"> <div class="col-2 col-md-3"></div> <div class="text-center"> <div id="sayimevzusu2" class="mt-4 numbershit d-flex uncleruckus2"> <div class="text-start" onclick="sdnobak('#sdno'), highlight('sayimevzusu2')" style="width: 20%; background-color: #d1e8ff;"> <img src="icon/minus.png" style="width: 10%; height: auto; position: relative; left: 50%;"> </div> <div id="sdnoi" class="text-center" style="background-color: #fff; width: 80%;">1</div> <div class="text-end" onclick="sdnoforw('#sdno'), highlight('sayimevzusu2')" style="width: 20%; background-color: #d1e8ff;"> <img src="icon/plus.png" style="width: 10%; height: auto; position: relative; right: 50%"> </div> </div> <div class="mt-4 vertcardpar"> <div id="sdnexx" class="vertcard questionnextpass" onclick="lowlight('sdnexx'), progressbar('50%'), nextques()"> Next </div> </div> <div class="vertcardpar"> <div id="hollywoodsd" class="vertcard exceptionsd mt-5 px-1" onclick="highlight('hollywoodsd'), delruckus(), $('.smiledesigndisplaydelete').hide(), $('.smiledesigndisplayshow').removeClass('d-none'), nextques(), progressbar('62%'),sdesignbrand = 'Hollywood'"> I wish to receive Hollywood Smile design </div> </div> </div> <div class="col-2 col-md-3"></div> </div> </div> </div> <div class="mx-3 mx-md-4 mavikisim clearalignerdisplay d-none" style="background-color: #98ccff;"> <div class="text-center text-dark p-2 questionn" style="font-size: 20px;"> Do you want clear aligners on one jaw or both jaws?</div> <div class="mt-4 text-center vertcardpar"> <div id="casoru1" class="vertcard" onclick="highlight('casoru1'),nextques(), resultbring(), progressbar('100%')"> One Jaw </div> </div> <div class="mt-4 text-center vertcardpar"> <div id="casoru2" class="vertcard" onclick="progressbar('100%'), highlight('casoru2'), nextques(), $('#lowclearaligner').html(1500), $('#highclearaligner').html(3000),resultbring()"> Both Jaws </div> </div> </div> <div class="mx-3 mx-md-4 mavikisim rootcanaldisplay d-none" style="background-color: #98ccff;"> <div class="text-center text-dark py-2 questionn" style="font-size: 20px;"> How severe is the pain you experience?</div> <div class="mt-2 mt-md-4 text-center vertcardpar"> <div id="rcs1" class="vertcard" onclick="painseverity='none';highlight('rcs1'),nextques(), progressbar('50%')"> None </div> </div> <div class="mt-4 text-center vertcardpar"> <div id="rcs2" class="vertcard" onclick="painseverity='light';highlight('rcs2'), nextques(), progressbar('50%')"> Light </div> </div> <div class="mt-4 text-center vertcardpar"> <div id="rcs3" class="vertcard" onclick="painseverity='medium';highlight('rcs3'), nextques(), progressbar('50%')"> Medium </div> </div> <div class="mt-4 text-center vertcardpar"> <div id="rcs4" class="vertcard" onclick="painseverity='high';highlight('rcs4'), nextques(), progressbar('50%')"> High </div> </div> <div class="mt-4 text-center vertcardpar"> <div id="rcs5" class="vertcard" onclick="painseverity='severe';highlight('rcs5'), nextques(), progressbar('50%')"> Severe </div> </div> </div> <div class="mx-3 mx-md-4 mavikisim oralsurgery d-none" style="background-color: #98ccff;"> <div class="text-center text-dark py-2 questionn" style="font-size: 20px;"> Which treatment are you considering?</div> <div class="mt-1 text-center vertcardpar" > <div id="os1" class="vertcard" onclick="highlight('os1'), nextques(), oralsurgcalc(70,150), resultbring(), progressbar('100%')"> Wisdom tooth </div> </div> <div class="mt-3 text-center vertcardpar"> <div id="os2" class="vertcard" onclick="highlight('os2'), nextques(), oralsurgcalc(100,500), resultbring(), progressbar('100%')"> Cyst </div> </div> <div class="mt-3 text-center vertcardpar"> <div id="os3" class="vertcard" onclick="highlight('os3'), nextques(), oralsurgcalc(150,700), resultbring(), progressbar('100%')"> Bone-grafting </div> </div> <div class="mt-3 text-center vertcardpar"> <div id="os4" class="vertcard" onclick="highlight('os4'), nextques(), oralsurgcalc(350,650), resultbring(), progressbar('100%')"> Sinus-lifting </div> </div> <div class="mt-3 text-center vertcardpar"> <div id="os5" class="vertcard" onclick="highlight('os5'), nextques(), oralsurgcalc(200,700), resultbring(), progressbar('100%')"> Bone expansion </div> </div> <div class="mt-3 text-center vertcardpar"> <div id="os7" class="vertcard" onclick="highlight('os7'), highlight(), oralsurgcalc(100,200), resultbring(), progressbar('100%')"> Flap operation </div> </div> </div> <div class="mx-3 mx-md-4 mavikisim gumdiseasedisplay d-none" style="background-color: #98ccff;"> <div class="text-center text-dark py-2 questionn" style="font-size: 20px;">What complaints do you have regarding your dental gum?</div> <div class="mt-4 mt-md-2 text-center vertcardpar" > <div id="gd11" class="vertcard" onclick="q1()"> Bleeding </div> </div> <div class="mt-4 text-center vertcardpar"> <div id="gd12" class="vertcard" onclick="q2()"> Swollen </div> </div> <div class="mt-4 text-center vertcardpar"> <div id="gd13" class="vertcard" onclick="q3()"> Gum Recession </div> </div> <div class="mt-4 text-center vertcardpar"> <div id="gd14" class="vertcard" onclick="q4()"> Loose tooth </div> </div> <div class="mt-4 vertcardpar"> <div id="gdnexx" class="vertcard questionnextpass text-center" onclick="lowlight('gdnexx'), nextques(), progressbar('66%')"> Next </div> </div> </div> <div class="mx-3 mx-md-4 mavikisim crownbridgesdisplay d-none" style="background-color: #98ccff;"> <div class="text-center text-dark py-2 questionn" style="font-size: 20px;"> How many teeth will be operated on?</div> <div class="container-fluid mx-0"> <div class="row px-2 quizcardsection"> <div class="col-2 col-md-3"></div> <div class="text-center"> <div id="sayimevzusu23" class="mt-4 numbershit d-flex uncleruckus2"> <div class="text-start" onclick="cbbak(), highlight('sayimevzusu23')" style="width: 20%; background-color: #d1e8ff;"> <img src="icon/minus.png" style="width: 10%; height: auto; position: relative; left: 50%;"> </div> <div id="cbnoi" class="text-center" style="background-color: #fff; width: 80%;">1</div> <div class="text-end" onclick="cbforw(), highlight('sayimevzusu23')" style="width: 20%; background-color: #d1e8ff;"> <img src="icon/plus.png" style="width: 10%; height: auto; position: relative; right: 50%"> </div> </div> <div class="mt-4 vertcardpar"> <div id="cbnext" class="vertcard questionnextpass" onclick="nextques(), lowlight('cbnext'), progressbar('50%')"> Next </div> </div> </div> <div class="col-2 col-md-3"></div> </div> </div> </div> </div> <div class="quizrow carousel-item" data-bs-interval="1000000000000"> <div class="mx-3 mx-md-4 mavikisim rootcanaldisplay d-none" style="background-color: #98ccff;"> <div class="text-center text-dark p-2 questionn" style="font-size: 20px;"> How many teeth will be operated on?</div> <div class="container-fluid mx-0"> <div class="row px-2 quizcardsection"> <div class="col-2 col-md-3"></div> <div class="text-center"> <div id="sayimevzusu4" class="mt-4 numbershit d-flex uncleruckus2"> <div class="text-start" onclick="rctoothnobak(), highlight('sayimevzusu4')" style="width: 20%; background-color: #d1e8ff;"> <img src="icon/minus.png" style="width: 10%; height: auto; position: relative; left: 50%;"> </div> <div id="rctoothnonum" class="text-center" style="background-color: #fff; width: 80%;">1</div> <div class="text-end" onclick="rctoothnoforw(), highlight('sayimevzusu4')" style="width: 20%; background-color: #d1e8ff;"> <img src="icon/plus.png" style="width: 10%; height: auto; position: relative; right: 50%"> </div> </div> <div id="nextquestion2" class="mt-4 vertcardpar"> <div id="yeter8" class="vertcard questionnextpass" onclick="nextques(), lowlight('yeter8'), $('#lowrootcanal').html(90*rctoothno), $('#highrootcanal').html(130*rctoothno), progressbar('75%')"> Next </div> </div> </div> <div class="col-2 col-md-3"></div> </div> </div> </div> <div class="mx-3 mx-md-4 mavikisim implantdisplay d-none" style="background-color: #98ccff;"> <div class="text-center text-dark py-2 questionn" style="font-size: 20px;"> Which brand would you prefer?</div> <div class="container-fluid mx-0"> <div class="row px-2 quizcardsection"> <div class="d-none d-md-block m-4"></div> <div class="d-none d-md-block m-2"></div> <div class="col-md-1 p-2 markha"></div> <div class="col-12 col-md-3 p-2"> <div id="imm1" class="quizcard quiz2" onclick="highlight('imm1'), nextques(), progressbar('60%'), implantbrand='Hiossen';"> <div class="text-center p-2" style="height: 100%"><div class="d-flex align-items-center justify-content-center px-md-2" style="height: 100%"><img class="imgfit markaquiz2" src="markalar/hiossen2.jpg"></div></div> </div> </div> <div class="col-12 col-md-3 p-2"> <div id="imm2" class="quizcard quiz2 mx-1" onclick="highlight('imm2'), nextques(), progressbar('60%'), implantbrand='Straumann';"> <div class="text-center p-2" style="height: 100%"><div class="d-flex align-items-center justify-content-center px-md-2" style="height: 100%"><img class="imgfit markaquiz" src="markalar/straumann.png"></div></div> </div> </div> <div class="col-12 col-md-3 p-2"> <div id="imm3" class="quizcard quiz2 mx-1" onclick="highlight('imm3'), nextques(), progressbar('60%'), implantbrand='Osstem';"> <div class="text-center p-2" style="height: 100%"><div class="d-flex align-items-center justify-content-center px-md-2" style="height: 100%"><img class="imgfit markaquiz" src="markalar/osstem2.png"></div></div> </div> </div> </div> </div> </div> <div class="mx-3 mx-md-4 mavikisim veneerdisplay d-none" style="background-color: #98ccff;"> <div class="text-center text-dark py-2 questionn" style="font-size: 20px;"> How many teeth will be operated on?</div> <div class="container-fluid mx-0"> <div class="row px-2 quizcardsection"> <div class="col-2 col-md-3"></div> <div class="text-center"> <div id="sayimevzusu3" class="mt-4 numbershit d-flex uncleruckus2"> <div class="text-start" onclick="vennobak('#venno'), highlight('sayimevzusu3')" style="width: 20%; background-color: #d1e8ff;"> <img src="icon/minus.png" style="width: 10%; height: auto; position: relative; left: 50%;"> </div> <div id="vennoi" class="text-center" style="background-color: #fff; width: 80%;">1</div> <div class="text-end" onclick="vennoforw('#venno'), highlight('sayimevzusu3')" style="width: 20%; background-color: #d1e8ff;"> <img src="icon/plus.png" style="width: 10%; height: auto; position: relative; right: 50%"> </div> </div> <div class="mt-4 vertcardpar"> <div id="vnnext" class="vertcard questionnextpass" onclick="nextques(), lowlight('vnnext'), progressbar('60%')"> Next </div> </div> </div> <div class="col-2 col-md-3"></div> </div> </div> </div> <div class="mx-3 mx-md-4 mavikisim smiledesigndisplay smiledesigndisplaydelete d-none" style="background-color: #98ccff;"> <div class="text-center text-dark py-2 questionn" style="font-size: 20px;">Which material would you like for your smile design?</div> <div class="mt-4 text-center vertcardpar" > <div id="sd21" class="vertcard" onclick="highlight('sd21'),nextques(), progressbar('75%'), sdesignbrand = 'Zircronium';"> Zirconium Crown </div> </div> <div class="mt-4 text-center vertcardpar"> <div id="sd22" class="vertcard" onclick="highlight('sd22'), nextques(), progressbar('75%'), sdesignbrand = 'Emax';"> Emax </div> </div> <div class="mt-4 text-center vertcardpar"> <div id="sd23" class="vertcard" onclick="highlight('sd23'), nextques(), progressbar('75%'), sdesignbrand = 'Porcelain';"> Porcelain </div> </div> <div class="mt-4 text-center vertcardpar"> <div id="sd25" class="vertcard" onclick="highlight('sd25'), nextques(), progressbar('75%'), sdesignbrand = 'Laminate';"> Laminate </div> </div> </div> <div class="mx-3 mx-md-4 mavikisim smiledesigndisplayshow d-none " style="background-color: #98ccff;"> <div class="text-center text-dark py-2 questionn" style="font-size: 20px;">Can you provide us with images of your teeth?</div> <div class="text-center text-dark py-2" style="font-size: 14px;">(Instructions will be provided upon consultation)</div> <div class="mt-4 text-center vertcardpar" > <div id="sd12y" class="vertcard" onclick="progressbar('100%'), highlight('sd12y'),nextques(), resultbring(), sdcalculate(), sdesignxray = true;"> Yes </div> </div> <div class="mt-4 text-center vertcardpar"> <div id="sd12n" class="vertcard" onclick="progressbar('100%'), highlight('sd12n'), nextques(), resultbring(), sdcalculate(), sdesignxray = false;"> No </div> </div> </div> <div class="mx-3 mx-md-4 mavikisim gumdiseasedisplay d-none" style="background-color: #98ccff;"> <div class="text-center text-dark py-2 questionn" style="font-size: 20px;"> Can you provide us with an xray image??</div> <div class="mt-4 text-center vertcardpar" > <div id="gd2y" class="vertcard" onclick="gdxray=1,highlight('gd2y'),nextques(), resultbring(), gumdiseasecalc(), progressbar('100%')"> Yes </div> </div> <div class="mt-4 text-center vertcardpar"> <div id="gd2n" class="vertcard" onclick="highlight('gd2n'), nextques(), resultbring(), gumdiseasecalc(), progressbar('100%')"> No </div> </div> </div> <div class="mx-3 mx-md-4 mavikisim crownbridgesdisplay d-none" style="background-color: #98ccff;"> <div class="text-center text-dark py-2 questionn" style="font-size: 20px;">Which material would you like for your crowns?</div> <div class="mt-4 text-center vertcardpar" > <div id="cb91" class="vertcard" onclick="highlight('cb91'),nextques(), sdesignbrand='Zircronium', progressbar('75%')"> Zirconium </div> </div> <div class="mt-4 text-center vertcardpar"> <div id="cb92" class="vertcard" onclick="highlight('cb92'), nextques(), sdesignbrand='Emax', progressbar('75%')"> Emax </div> </div> <div class="mt-4 text-center vertcardpar"> <div id="cb93" class="vertcard" onclick="highlight('cb93'), nextques(), sdesignbrand='Porcelain', progressbar('75%')"> Porcelain </div> </div> </div> <div class="mx-3 mx-md-4 mavikisim oralsurgery d-none" style="background-color: #98ccff;"> <div class="fo d-flex flex-column justify-content-center align-items-center" style="height: 100%;"> <div style="background-color: #fff; border-radius: 50%;"> <div class="text-center p-5"> <div class="spinner-border text-success m-2" style="width: 4rem; height: 4rem;" role="status"> <span class="sr-only"> Loading Results </span> </div> <div class="mt-2 text-dark">Loading Results</div> </div> </div> </div> <div class="fi justify-content-center align-items-center d-none" style="height: 100%;"> <div class="estprice p-3 m-3 d-flex flex-column justify-content-center align-items-center" style="background-color: #fff;"> <h3 class="text-dark text-center pt-2 m-2" style="font-size: 30px; background-color: #fff; border-radius: 20px; font-weight: 650;">Estimated Price Range:</h3> <div class="text-center text-success m-3 py-2 px-3" style="white-space:nowrap; font-size: 32px; font-weight: 650;border-radius: 13px; border-width: 2px; border-style: solid; border-color: #000;"><span id="loworalsurgery"></span>€ - <span id="highoralsurgery"></span>€</div> <div class="text-center pt-3 text-dark">Consult our clinic for exact price</div> <a id="oswp" href="https://api.whatsapp.com/send?phone=&amp;text=asdasda" class="quizcontact pb-4 text-center" target="_blank"> <span aria-hidden="true" style="font-size: 50px;" class="fa fa-whatsapp p-1"><i class="sr-only">Contact for Price</i></span> </a> </div> </div> </div> <div class="mx-3 mx-md-4 mavikisim clearalignerdisplay d-none" style="background-color: #98ccff;"> <div class="fo d-flex flex-column justify-content-center align-items-center" style="height: 100%;"> <div style="background-color: #fff; border-radius: 50%;"> <div class="text-center p-5"> <div class="spinner-border text-success m-2" style="width: 4rem; height: 4rem;" role="status"> <span class="sr-only"> Loading Results </span> </div> <div class="mt-2 text-dark">Loading Results</div> </div> </div> </div> <div class="fi justify-content-center align-items-center d-none" style="height: 100%;"> <div class="estprice p-3 m-3 d-flex flex-column justify-content-center align-items-center" style="background-color: #fff;"> <h3 class="text-dark text-center pt-2 m-2" style="font-size: 30px; background-color: #fff; border-radius: 20px; font-weight: 650;">Estimated Price Range:</h3> <div class="text-center text-success m-3 py-2 px-3" style="white-space:nowrap; font-size: 32px; font-weight: 650;border-radius: 13px; border-width: 2px; border-style: solid; border-color: #000;"><span id="lowclearaligner">500</span>€ - <span id="highclearaligner">1500</span>€</div> <div class="text-center pt-3 text-dark">Consult our clinic for exact price</div> <a id="cawp" href="https://api.whatsapp.com/send?phone=&amp;text=asdasda" class="quizcontact pb-4 text-center" target="_blank"> <span aria-hidden="true" style="font-size: 50px;" class="fa fa-whatsapp p-1"><i class="sr-only">Contact for Price</i></span> </a> </div> </div> </div> </div> <div class="quizrow carousel-item" data-bs-interval="10000000000"> <div class="mx-3 mx-md-4 mavikisim implantdisplay d-none" style="background-color: #98ccff;"> <div class="text-center text-dark py-2 questionn" style="font-size: 20px;">What material would you prefer for your veneers?</div> <div class="my-2 text-center vertcardpar" > <div id="impvenbr1" class="vertcard" onclick="highlight('impvenbr1'), progressbar('80%'), nextques(), implantveneerbrand = 250;"> Zirconium </div> </div> <div class="mt-4 text-center vertcardpar"> <div id="impvenbr2" class="vertcard" onclick="highlight('impvenbr2'), progressbar('80%'), nextques(), implantveneerbrand = 150;"> Screw Retained </div> </div> </div> <div class="mx-3 mx-md-4 mavikisim veneerdisplay d-none" style="background-color: #98ccff;"> <div class="text-center text-dark p-2 questionn" style="font-size: 20px;">Which material would you prefer for your veneers?</div> <div class="container-fluid mx-0"> <div class="row px-2 quizcardsection"> <div class="col-2 col-md-3"></div> <div class="text-center"> <div class="mt-4 vertcardpar"> <div id="vnnext2" class="vertcard questionnextpass" onclick="nextques(), highlight('vnnext2'), delruckus(), progressbar('80%'), venbrand=[300,400]"> Emax </div> </div> <div class="mt-4 vertcardpar"> <div id="vnnext23" class="vertcard questionnextpass" onclick="nextques(), highlight('vnnext23'), delruckus(), progressbar('80%'), venbrand=[120,150]"> Composite </div> </div> </div> <div class="col-2 col-md-3"></div> </div> </div> </div> <div class="mx-3 mx-md-4 mavikisim smiledesigndisplay smiledesigndisplaydelete d-none" style="background-color: #98ccff;"> <div class="text-center text-dark py-2 questionn" style="font-size: 20px;">Can you provide us with images of your teeth?</div> <div class="text-center text-dark py-2" style="font-size: 14px;">(Instructions will be provided upon consultation)</div> <div class="mt-4 text-center vertcardpar" > <div id="sd4y" class="vertcard" onclick="progressbar('100%'), highlight('sd4y'),nextques(), resultbring(), sdcalculate(), sdesignxray = true;"> Yes </div> </div> <div class="mt-4 text-center vertcardpar"> <div id="sd4n" class="vertcard" onclick="progressbar('100%'), highlight('sd4n'), nextques(), resultbring(), sdcalculate(), sdesignxray = false;"> No </div> </div> </div> <div class="mx-3 mx-md-4 mavikisim smiledesigndisplayshow d-none" style="background-color: #98ccff;"> <div class="fo d-flex flex-column justify-content-center align-items-center" style="height: 100%;"> <div style="background-color: #fff; border-radius: 50%;"> <div class="text-center p-5"> <div class="spinner-border text-success m-2" style="width: 4rem; height: 4rem;" role="status"> <span class="sr-only"> Loading Results </span> </div> <div class="mt-2 text-dark">Loading Results</div> </div> </div> </div> <div class="fi justify-content-center align-items-center d-none" style="height: 100%;"> <div class="estprice p-3 m-3 d-flex flex-column justify-content-center align-items-center" style="background-color: #fff;"> <h3 class="text-dark text-center pt-2 m-2" style="font-size: 30px; background-color: #fff; border-radius: 20px; font-weight: 650;">Estimated Price Range:</h3> <div class="text-center text-success m-3 py-2 px-3" style="white-space:nowrap; font-size: 32px; font-weight: 650;border-radius: 13px; border-width: 2px; border-style: solid; border-color: #000;"><span id="lowhollywood"></span>€ - <span id="highhollywood"></span>€</div> <div class="text-center pt-3 text-dark">Consult our clinic for exact price</div> <a id="hwwp" href="https://api.whatsapp.com/send?phone=&amp;text=asdasda" class="quizcontact pb-4 text-center" target="_blank"> <span aria-hidden="true" style="font-size: 50px;" class="fa fa-whatsapp p-1"><i class="sr-only">Contact for Price</i></span> </a> </div> </div> </div> <div class="mx-3 mx-md-4 mavikisim crownbridgesdisplay d-none" style="background-color: #98ccff;"> <div class="text-center text-dark py-2 questionn" style="font-size: 20px;"> Can you provide us with an xray image??</div> <div class="mt-4 text-center vertcardpar"> <div id="cb3y" class="vertcard" onclick="highlight('cb3y'),nextques(), sdcalculate(), resultbring(), progressbar('100%')"> Yes </div> </div> <div class="mt-4 text-center vertcardpar"> <div id="cb3n" class="vertcard" onclick="highlight('cb3n'), nextques(), sdcalculate(), resultbring(), progressbar('100%')"> No </div> </div> </div> <div class="mx-3 mx-md-4 mavikisim gumdiseasedisplay d-none" style="background-color: #98ccff;"> <div class="fo d-flex flex-column justify-content-center align-items-center" style="height: 100%;"> <div style="background-color: #fff; border-radius: 50%;"> <div class="text-center p-5"> <div class="spinner-border text-success m-2" style="width: 4rem; height: 4rem;" role="status"> <span class="sr-only"> Loading Results </span> </div> <div class="mt-2 text-dark">Loading Results</div> </div> </div> </div> <div class="fo" style="height: 600px;"></div> <div class="fi justify-content-center align-items-center d-none" style="height: 100%;"> <div class="estprice p-3 m-3 d-flex flex-column justify-content-center align-items-center" style="background-color: #fff;"> <h3 class="text-dark text-center pt-2 m-2" style="font-size: 30px; background-color: #fff; border-radius: 20px; font-weight: 650;">Estimated Price Range:</h3> <div class="text-center text-success m-3 pt-2 px-3" style="white-space:nowrap; font-size: 32px; font-weight: 650;border-radius: 13px; border-width: 2px; border-style: solid; border-color: #000;"><span id="lowgumdisease"></span>€ - <span id="highgumdisease"></span>€</div> <div class="text-center pt-1 text-dark" style="font-size: 12px;">Gum disease treatments costs vary largely depending on the severity of the condition</div> <div class="text-center text-dark">Consult our clinic for exact price</div> <a id="gdwp" href="https://api.whatsapp.com/send?phone=&amp;text=asdasda" class="quizcontact pb-4 text-center" target="_blank"> <span aria-hidden="true" style="font-size: 50px;" class="fa fa-whatsapp p-1"><i class="sr-only">Contact for Price</i></span> </a> </div> </div> </div> <div class="mx-3 mx-md-4 mavikisim rootcanaldisplay d-none" style="background-color: #98ccff;"> <div class="text-center text-dark p-2 questionn" style="font-size: 20px;"> Is there swelling, and if there is, for how many days has it been swollen?</div> <div class="container-fluid mx-0"> <div class="row px-2 quizcardsection"> <div class="col-2 col-md-3"></div> <div class="text-center"> <div id="sayimevzusu4" class="mt-4 numbershit d-flex uncleruckus2"> <div class="text-start" onclick="swolnumbak(), highlight('sayimevzusu4')" style="width: 20%; background-color: #d1e8ff;"> <img src="icon/minus.png" style="width: 10%; height: auto; position: relative; left: 50%;"> </div> <div id="swolnum" class="text-center" style="background-color: #fff; width: 80%;">1</div> <div class="text-end" onclick="swolnumforw(), highlight('sayimevzusu4')" style="width: 20%; background-color: #d1e8ff;"> <img src="icon/plus.png" style="width: 10%; height: auto; position: relative; right: 50%"> </div> </div> <div class="mt-4 vertcardpar"> <div id="swellsht" class="vertcard" onclick="swolno=0,highlight('swellsht'), delruckus()"> No swelling </div> </div> <div id="nextquestion2" class="mt-4 vertcardpar"> <div id="yeter2" class="vertcard questionnextpass" onclick="nextques(), lowlight('yeter2'), resultbring(), progressbar('100%')"> Next </div> </div> </div> <div class="col-2 col-md-3"></div> </div> </div> </div> </div> <div class="quizrow carousel-item" data-bs-interval="10000000000000"> <div class="mx-3 mx-md-4 mavikisim rootcanaldisplay d-none" style="background-color: #98ccff;"> <div class="fo d-flex flex-column justify-content-center align-items-center" style="height: 100%;"> <div style="background-color: #fff; border-radius: 50%;"> <div class="text-center p-5"> <div class="spinner-border text-success m-2" style="width: 4rem; height: 4rem;" role="status"> <span class="sr-only"> Loading Results </span> </div> <div class="mt-2 text-dark">Loading Results</div> </div> </div> </div> <div class="fi justify-content-center align-items-center d-none" style="height: 100%;"> <div class="estprice p-3 m-3 d-flex flex-column justify-content-center align-items-center" style="background-color: #fff;"> <h3 class="text-dark text-center pt-2 m-2" style="font-size: 30px; background-color: #fff; border-radius: 20px; font-weight: 650;">Estimated Price Range:</h3> <div class="text-center text-success m-3 py-2 px-3" style="white-space:nowrap; font-size: 32px; font-weight: 650;border-radius: 13px; border-width: 2px; border-style: solid; border-color: #000;"><span id="lowrootcanal"></span>€ - <span id="highrootcanal"></span>€</div> <div class="text-center pt-3 text-dark">Consult our clinic for exact price</div> <a id="rcwp" href="https://api.whatsapp.com/send?phone=&amp;text=asdasda" class="quizcontact pb-4 text-center" target="_blank"> <span aria-hidden="true" style="font-size: 50px;" class="fa fa-whatsapp p-1"><i class="sr-only">Contact for Price</i></span> </a> </div> </div> </div> <div class="mx-3 mx-md-4 mavikisim implantdisplay d-none" style="background-color: #98ccff;"> <div class="text-center text-dark py-2 questionn" style="font-size: 20px;"> Can you provide us with an xray image??</div> <div class="mt-4 text-center vertcardpar" > <div id="impsony" class="vertcard" onclick="highlight('impsony'),nextques(), resultbring('imp'), progressbar('100%'), implantxray = true, impcalculate()"> Yes </div> </div> <div class="mt-4 text-center vertcardpar"> <div id="impsonn2" class="vertcard" onclick="highlight('impsonn2'), nextques(), resultbring('imp'), progressbar('100%'), implantxray = false, impcalculate()"> No </div> </div> </div> <div class="mx-3 mx-md-4 mavikisim veneerdisplay d-none" style="background-color: #98ccff;"> <div class="text-center text-dark py-2 questionn" style="font-size: 20px;"> Can you provide us with an xray image??</div> <div class="mt-4 text-center vertcardpar" > <div id="sd3y" class="vertcard" onclick="venxray = 1,highlight('sd3y'),nextques(), resultbring(), progressbar('100%'), $('#lowveneer').html(venno*venbrand[0]), $('#highveneer').html(venno*venbrand[1])"> Yes </div> </div> <div class="mt-4 text-center vertcardpar"> <div id="sd3n" class="vertcard" onclick="venxray = 0,highlight('sd3n'), nextques(), resultbring(), progressbar('100%'), $('#lowveneer').html(venno*venbrand[0]), $('#highveneer').html(venno*venbrand[1])"> No </div> </div> </div> <div class="mx-3 mx-md-4 mavikisim smiledesigndisplay d-none" style="background-color: #98ccff;"> <div class="fo d-flex flex-column justify-content-center align-items-center" style="height: 100%;"> <div style="background-color: #fff; border-radius: 50%;"> <div class="text-center p-5"> <div class="spinner-border text-success m-2" style="width: 4rem; height: 4rem;" role="status"> <span class="sr-only"> Loading Results </span> </div> <div class="mt-2 text-dark">Loading Results</div> </div> </div> </div> <div class="fi justify-content-center align-items-center d-none" style="height: 100%;"> <div class="estprice p-3 m-3 d-flex flex-column justify-content-center align-items-center" style="background-color: #fff;"> <h3 class="text-dark text-center pt-2 m-2" style="font-size: 30px; background-color: #fff; border-radius: 20px; font-weight: 650;">Estimated Price Range:</h3> <div class="text-center text-success m-3 py-2 px-3" style="white-space:nowrap; font-size: 32px; font-weight: 650;border-radius: 13px; border-width: 2px; border-style: solid; border-color: #000;"><span id="lowsd"></span>€ - <span id="highsd"></span>€</div> <div class="text-center pt-3 text-dark">Consult our clinic for exact price</div> <a id="sdwp" href="https://api.whatsapp.com/send?phone=&amp;text=asdasda" class="quizcontact pb-4 text-center" target="_blank"> <span aria-hidden="true" style="font-size: 50px;" class="fa fa-whatsapp p-1"><i class="sr-only">Contact for Price</i></span> </a> </div> </div> </div> <div class="mx-3 mx-md-4 mavikisim crownbridgesdisplay d-none" style="background-color: #98ccff;"> <div class="fo d-flex flex-column justify-content-center align-items-center" style="height: 100%;"> <div style="background-color: #fff; border-radius: 50%;"> <div class="text-center p-5"> <div class="spinner-border text-success m-2" style="width: 4rem; height: 4rem;" role="status"> <span class="sr-only"> Loading Results </span> </div> <div class="mt-2 text-dark">Loading Results</div> </div> </div> </div> <div class="fi justify-content-center align-items-center d-none" style="height: 100%;"> <div class="estprice p-3 m-3 d-flex flex-column justify-content-center align-items-center" style="background-color: #fff;"> <h3 class="text-dark text-center pt-2 m-2" style="font-size: 30px; background-color: #fff; border-radius: 20px; font-weight: 650;">Estimated Price Range:</h3> <div class="text-center text-success m-3 py-2 px-3" style="white-space:nowrap; font-size: 32px; font-weight: 650;border-radius: 13px; border-width: 2px; border-style: solid; border-color: #000;"><span id="lowcrownbridges"></span>€ - <span id="highcrownbridges"></span>€</div> <div class="text-center pt-3 text-dark">Consult our clinic for exact price</div> <a id="cbwp" href="https://api.whatsapp.com/send?phone=&amp;text=asdasda" class="quizcontact pb-4 text-center" target="_blank"> <span aria-hidden="true" style="font-size: 50px;" class="fa fa-whatsapp p-1"><i class="sr-only">Contact for Price</i></span> </a> </div> </div> </div> </div> <div class="quizrow carousel-item" data-bs-interval="100000000000000"> <div class="mx-3 mx-md-4 mavikisim veneerdisplay d-none" style="background-color: #98ccff;"> <div class="fo d-flex flex-column justify-content-center align-items-center" style="height: 100%;"> <div style="background-color: #fff; border-radius: 50%;"> <div class="text-center p-5"> <div class="spinner-border text-success m-2" style="width: 4rem; height: 4rem;" role="status"> <span class="sr-only"> Loading Results </span> </div> <div class="mt-2 text-dark">Loading Results</div> </div> </div> </div> <div class="fi justify-content-center align-items-center d-none" style="height: 100%;"> <div class="estprice p-3 m-3 d-flex flex-column justify-content-center align-items-center" style="background-color: #fff;"> <h3 class="text-dark text-center pt-2 m-2" style="font-size: 30px; background-color: #fff; border-radius: 20px; font-weight: 650;">Estimated Price Range:</h3> <div class="text-center text-success m-3 py-2 px-3" style="white-space:nowrap; font-size: 32px; font-weight: 650;border-radius: 13px; border-width: 2px; border-style: solid; border-color: #000;"><span id="lowveneer"></span>€ - <span id="highveneer"></span>€</div> <div class="text-center pt-3 text-dark">Consult our clinic for exact price</div> <a id="venwp" href="https://api.whatsapp.com/send?phone=&amp;text=asdasda" class="quizcontact pb-4 text-center" target="_blank"> <span aria-hidden="true" style="font-size: 50px;" class="fa fa-whatsapp p-1"><i class="sr-only">Contact for Price</i></span> </a> </div> </div> </div> <div class="mx-3 mx-md-4 mavikisim implantdisplay d-none" style="background-color: #98ccff;"> <div class="fo d-flex flex-column justify-content-center align-items-center" style="height: 100%;"> <div style="background-color: #fff; border-radius: 50%;"> <div class="text-center p-5"> <div class="spinner-border text-success m-2" style="width: 4rem; height: 4rem;" role="status"> <span class="sr-only"> Loading Results </span> </div> <div class="mt-2 text-dark">Loading Results</div> </div> </div> </div> <div class="fi justify-content-center align-items-center d-none" style="height: 100%;"> <div class="estprice p-3 m-3 d-flex flex-column justify-content-center align-items-center" style="background-color: #fff;"> <h3 class="text-dark text-center pt-2 m-2" style="font-size: 30px; background-color: #fff; border-radius: 20px; font-weight: 650;">Estimated Price Range:</h3> <div class="text-center text-success m-3 py-2 px-3" style="white-space:nowrap; font-size: 32px; font-weight: 650;border-radius: 13px; border-width: 2px; border-style: solid; border-color: #000;"><span id="lowimp"></span>€ - <span id="highimp"></span>€</div> <div class="text-center pt-3 text-dark">Consult our clinic for exact price</div> <a id="impwp" href="https://api.whatsapp.com/send?phone=&amp;text=asdasda" class="quizcontact pb-4 text-center" target="_blank"> <span aria-hidden="true" style="font-size: 50px;" class="fa fa-whatsapp p-1"><i class="sr-only">Contact for Price</i></span> </a> </div> </div> </div> <!--<div class="quizrow carousel-item " data-bs-interval="1000000"> <div class="row" style="height: 300px !important;"> <div class="col-6 px-0 text-center"> <div class="p-0"> <h4 class="fw-bold text-center mt-3"></h4> <form class="px-4" action=""> <p class="fw-bold">How satisfied are you with our product1?</p> <div class="form-check mb-2"> <input class="form-check-input" type="radio" name="exampleForm" id="radioExample1" /> <label class="form-check-label" for="radioExample1"> Option 1 </label> </div> <div class="form-check mb-2"> <input class="form-check-input" type="radio" name="exampleForm" id="radioExample2" /> <label class="form-check-label" for="radioExample2"> Option 2 </label> </div> <div class="form-check mb-2"> <input class="form-check-input" type="radio" name="exampleForm" id="radioExample3" /> <label class="form-check-label" for="radioExample3"> Option 3 </label> </div> </form> <div class="ms-4"> <button onclick="but4fun()" data-bs-target="#quizz" data-bs-slide="next" type="button" class="btn btn-primary mt-2" style="position: relative; right: 3%;">Next <span class="visually-hidden">Next</span> </button> </div> </div> </div> <div class="col-6 px-0"> <div class="row d-flex justify-content-end mt-5 pt-4"> <img src="pic/pngwng" class="pngwng"> </div> <div class="row mt-4"> <div class="text-end" style="position: relative; right: 10%;"> <p class="pdesc mb-0">asdas</p> <p class="pdesc mb-0">asdasaasdd</p> <p class="pdesc mb-0">aabacadaeafegahajakalamana</p> </div> </div> </div> </div> </div>--> </div> </div> </div> </div> <div id="quiz2div" class="col-12 col-md-4 order-1 order-md-2 quiz2div2" style="z-index: 55;"> <div id="quizlogo" class="quizlogo" style="z-index: 600;"> <div id="yomrwhite" class="yomrwhite"> <div class="d-none d-md-block" style="position: relative; z-index: 9999;"><div id="quizarabdr" style="position: absolute; height: 257px; width: 50px; left: -30px; z-index: 9999"></div></div> <h3 class="text-center" style="font-weight: 650; margin-top: 2px;">Diagnostic Quiz</h3> <p class="text-center px-2 mb-0 mb-md-2 text-black" style="font-size: 14px;">By taking the quiz, you can get an estimated price range for your treatment and get a headstart on your consulatation with our experts for a faster diagnosis. You can also get in direct contact with us by clicking the icon below</p> <div class="text-center"> <a href="https://api.whatsapp.com/send?phone=905467181661&text=Hello, I am contacting you through the whatsapp link on your price estimation quiz" class="quizcontact pb-4 text-center" target="_blank"> <span aria-hidden="true" style="font-size: 50px;" class="fa fa-whatsapp p-1"><i class="sr-only">Contact for Price</i></span> </a> </div> </div> <div id="quizlogo2" class="quizlogo2 d-flex flex-column align-items-center justify-content-center"> <img id="quizlogo3" class="quizlogo3" src="pic/thelogoquiz.png" style="width: auto;"> </div> </div> </div> </div> </section> <!--donmeceeeee--> <section id="Most_Popular_Treatments" class="mt-5"> <div style="background: #A2D3FF;" class="pt-3 pb-5"> <div class="col-12"> <div> <h2 style="font-size: 35px; color: #222" class="mb-0 mt-3 mb-1 text-center sekiltext">Most Popular Treatments</h2> <div class="text-center"> <svg class="text-center" width="310" height="30" xmlns="http://www.w3.org/2000/svg"> <path d="M 10 10 L 300 10" stroke="#000"/> </svg> </div> <p style="font-size: 16px; color: #555;" class="mb-3 mt-0 mb-4 text-center sekiltext"><i>Explore Periodontas Most Preferred Treatments</i></p> </div> </div> <div class="donenmevzucont" style="margin-left: auto; margin-right: auto;"> <div class="container"> <div class="row"> <div class="col-md-12"> <div id="looptab" class="loop-tabbox"> <div class="loop-tabzone loop-metro"> <div class="loop-tabholder"> <div data-tabid="1" class="loop-tab tab-bg light-text"> Dental Implants </div> <div data-tabid="3" class="loop-tab tab-bg light-text"> Veneers </div> <div data-tabid="7" class="loop-tab tab-bg light-text"> Smile Makeover </div> <div data-tabid="8" class="loop-tab tab-bg light-text"> Bridges </div> <div data-tabid="5" class="loop-tab tab-bg light-text"> Oral Surgery </div> <div data-tabid="4" class="loop-tab tab-bg light-text"> Clear Aligners </div> </div> <div class="loop-tabctrl solid-black" style="background-color: #fff;"> <div class="loop-prevbt" style="z-index: 9999; position: relative;"> <img src="donenbok/contents/prev-black.png" alt="prevtab" /> </div> <div class="loop-tabnum"> <span class="loop-curindex"></span> <span class="loop-tabtotal">/ </span> </div> <div class="loop-nextbt"> <img src="donenbok/contents/next-black.png" alt="nexttab" /> </div> </div> </div> <div class="clearspace"></div> <div class="loop-contentzone my-2"> <div class="loop-content solid-blue-2" data-tabid="1"> <div class="col-md-3 widthwhite col-xs-12 p-0"> <div class="tab-white-area" style="padding: 8px 20px !important"> <div class="text-center mb-2"> <div class="classdoneniconcont"><img class="classdonenicon" src="pic/donenicon/2.png" ></div> </div> <div class="clearfix"></div> <div><hr class="mt-0 mb-2" style="height: 0px;"></div> <div class="text-center mb-3" style="color:#000; font-size: 12px; font-weight: 400;">Secure your oral and periodontal health permanently with our top quality implants. Replace your missing teeth affordably with the premium Swiss and German dental implants operated smoothly by our specialist dentist staff in our state of art dental clinic. </div> <div class="clearfix applebottomjeans"></div> <hr class="mt-0 mb-2" style="height: 0px;"> <div> <div class="text-center mt-3"><img src="pic/donenicon/clock.png" style="height: 32px; width: auto;" ></div> <div class="text-center" style="color: #000; font-size: 12px; font-weight: 400;">TIMESCALE 1-2 WEEKS</div> </div> </div> </div> <div class="col-md-6 donenbuyukimg px-0 hidden-xs hidden-sm"><div style="overflow: hidden; " class="my-3"><img class="donenbokimg desaturate" src="pic/implantdonenexpo.jpeg" alt="" title=""></div></div> <div class="col-md-3 px-0 sagdakidonen"> <div class="hidden-xs hidden-sm"><img class="desaturate" src="pic/logodonen.png" style="width:100%;"></div> <div class="clearfix"></div> <a href="/turkey-dental-testimonials" target="_blank" style="text-decoration: none;"> <div class="patient-videos bosluk"> <div class="divfux" style="color: #000;">Watch Patient Videos</div> </div> </a> <div class="clearfix"></div> <a href="/treatments/dental-implants/" target="_blank" style="text-decoration: none;"> <div class="see-details bosluk" style="z-index: 200;"> <div class="divfux" style="font-size: 20px; color: #000;">See Details</div> </div> </a> </div> </div> <div class="loop-content solid-blue-2" data-tabid="3"> <div class="col-md-3 widthwhite col-xs-12 p-0"> <div class="tab-white-area"> <div class="text-center mb-2"> <div class="classdoneniconcont"><img class="classdoneniconveneer" src="pic/donenicon/5.png" ></div> </div> <div class="clearfix"></div> <div><hr class="mt-0 mb-2" style="height: 0px;"></div> <div class="text-center mb-3" style="color:#000; font-size: 12px; font-weight: 400;">Are you concerned about the appearance of your entire smile, or just a few teeth? Dental veneers have you covered in any circumstance! We use high-quality porcelain and composite veneers to provide you the brightest smile possible at affordable prices. </div> <div class="clearfix applebottomjeans"></div> <hr class="mt-0 mb-2" style="height: 0px;"> <div> <div class="text-center mt-3"><img src="pic/donenicon/clock.png" style="height: 32px; width: auto;" ></div> <div class="text-center" style="color: #000; font-size: 12px; font-weight: 400;">TIMESCALE 1-2 WEEKS</div> </div> </div> </div> <div class="col-md-6 donenbuyukimg px-2 hidden-xs hidden-sm pt-0"> <div class="container-fluid p-0"><div class="row"><div class="col-12 p-0"><div style="overflow: hidden;" class="ml-4"><img class="donenbokimg desaturate" src="pic/veneeranim2.jpeg" title=""></div></div></div></div> </div> <div class="col-md-3 px-0 sagdakidonen"> <div class="hidden-xs hidden-sm"><img class="desaturate" src="pic/logodonen.png" style="width:100%;"></div> <div class="clearfix"></div> <a href="/turkey-dental-testimonials" target="_blank" style="text-decoration: none;"> <div class="patient-videos bosluk"> <div class="divfux" style="color: #000;">Watch Patient Videos</div> </div> </a> <div class="clearfix"></div> <a href="/treatments/dental-veneers/" target="_blank" style="text-decoration: none;"> <div class="see-details bosluk" style="z-index: 200;"> <div class="divfux" style="font-size: 20px; color: #000;">See Details</div> </div> </a> </div> </div> <div class="loop-content solid-blue-2" data-tabid="7"> <div class="col-md-3 widthwhite col-xs-12 p-0"> <div class="tab-white-area"> <div class="text-center mb-2"> <div class="classdoneniconcont"><img class="classdoneniconsmile" src="pic/donenicon/1.png" ></div> </div> <div class="clearfix"></div> <div><hr class="mt-0 mb-2" style="height: 0px;"></div> <div class="text-center mb-3" style="color:#000; font-size: 12px; font-weight: 400;">Stand out with an authentic smile, boost your confidence in every aspect of life! Either for health or cosmetic reasons we provide exclusive digital smile design services (Hollywood Smile Design, Natural Smile Design etc.) in our dental clinic in Istanbul.</div> <div class="clearfix applebottomjeans"></div> <hr class="mt-0 mb-2" style="height: 0px;"> <div> <div class="text-center mt-3"><img src="pic/donenicon/clock.png" style="height: 32px; width: auto;" ></div> <div class="text-center" style="color: #000; font-size: 12px; font-weight: 400;">TIMESCALE 1-2 WEEKS</div> </div> </div> </div> <div class="col-md-6 donenbuyukimg px-0 hidden-xs hidden-sm"><div style="overflow: hidden; "><img class="donenbokimgsmile desaturate" src="pic/smiledesign.jpg" title=""></div></div> <div class="col-md-3 px-0 sagdakidonen"> <div class="hidden-xs hidden-sm"><img class="desaturate" src="pic/logodonen.png" style="width:100%;"></div> <div class="clearfix"></div> <a href="/turkey-dental-testimonials" target="_blank" style="text-decoration: none;"> <div class="patient-videos bosluk"> <div class="divfux" style="color: #000;">Watch Patient Videos</div> </div> </a> <div class="clearfix"></div> <a href="/treatments/smile-design/" target="_blank" style="text-decoration: none;"> <div class="see-details bosluk" style="z-index: 200;"> <div class="divfux" style="font-size: 20px; color: #000;">See Details</div> </div> </a> </div> </div> <div class="loop-content solid-blue-2" data-tabid="8"> <div class="col-md-3 widthwhite col-xs-12 p-0"> <div class="tab-white-area"> <div class="text-center mb-2"> <div class="classdoneniconcont"><img class="classdonenicon" src="pic/donenicon/4.png" ></div> </div> <div class="clearfix"></div> <div><hr class="mt-0 mb-2" style="height: 0px;"></div> <div class="text-center mb-3" style="color:#000; font-size: 12px; font-weight: 400;">Dental bridges are often the treatment of choice for patients who wish to replace several adjacent teeth. Check out our options for bridge treatments, featuring a variety of materials all at affordable prices</div> <div class="clearfix applebottomjeans"></div> <hr class="mt-0 mb-2" style="height: 0px;"> <div> <div class="text-center mt-3"><img src="pic/donenicon/clock.png" style="height: 32px; width: auto;" ></div> <div class="text-center" style="color: #000; font-size: 12px; font-weight: 400;">TIMESCALE 1-2 WEEKS</div> </div> </div> </div> <div class="col-md-6 donenbuyukimg px-0 hidden-xs hidden-sm"><div style="overflow: hidden; " class="my-3"><img class="donenbokimg desaturate" src="pic/dentalbridgeexpo.jpg" alt="" title=""></div></div> <div class="col-md-3 px-0 sagdakidonen"> <div class="hidden-xs hidden-sm"><img class="desaturate" src="pic/logodonen.png" style="width:100%;"></div> <div class="clearfix"></div> <a href="/turkey-dental-testimonials" target="_blank" style="text-decoration: none;"> <div class="patient-videos bosluk"> <div class="divfux" style="color: #000;">Watch Patient Videos</div> </div> </a> <div class="clearfix"></div> <a href="/treatments/dental-bridges/" target="_blank" style="text-decoration: none;"> <div class="see-details bosluk" style="z-index: 200;"> <div class="divfux" style="font-size: 20px; color: #000;">See Details</div> </div> </a> </div> </div> <div class="loop-content solid-blue-2" data-tabid="5"> <div class="col-md-3 widthwhite col-xs-12 p-0"> <div class="tab-white-area"> <div class="text-center mb-2"> <div class="classdoneniconcont"><img class="classdoneniconoral" src="pic/donenicon/3.png" ></div> </div> <div class="clearfix"></div> <div><hr class="mt-0 mb-2" style="height: 0px;"></div> <div class="text-center mb-3" style="color:#000; font-size: 12px; font-weight: 400;">We perform a wide range of oral and maxillofacial surgical operations (such as bone grafting, sinus lifting, emdogain operation and more!). With prominent experience and passion, our dentists deliver the best results to ensure that your oral health is at its best. .</div> <div class="clearfix applebottomjeans"></div> <hr class="mt-0 mb-2" style="height: 0px;"> <div> <div class="text-center mt-3"><img src="pic/donenicon/clock.png" style="height: 32px; width: auto;" ></div> <div class="text-center" style="color: #000; font-size: 12px; font-weight: 400;">TIMESCALE 1-2 WEEKS</div> </div> </div> </div> <div class="col-md-6 donenbuyukimg px-0 hidden-xs hidden-sm"><div style="overflow: hidden; " class="my-4"><img class="donenbokimg desaturate" src="pic/oralsurgery.webp" alt="" title=""></div></div> <div class="col-md-3 px-0 sagdakidonen"> <div class="hidden-xs hidden-sm"><img class="desaturate" src="pic/logodonen.png" style="width:100%;"></div> <div class="clearfix"></div> <a href="/turkey-dental-testimonials" target="_blank" style="text-decoration: none;"> <div class="patient-videos bosluk"> <div class="divfux" style="color: #000;">Watch Patient Videos</div> </div> </a> <div class="clearfix"></div> <a href="/treatments/oral-maxillofacial-surgery/" target="_blank" style="text-decoration: none;"> <div class="see-details bosluk" style="z-index: 200;"> <div class="divfux" style="font-size: 20px; color: #000;">See Details</div> </div> </a> </div> </div> <div class="loop-content solid-blue-2" data-tabid="4"> <div class="col-md-3 widthwhite col-xs-12 p-0"> <div class="tab-white-area"> <div class="text-center mb-2"> <div class="classdoneniconcont"><img style="height: 38px !important; widht: auto !important;" class="classdoneniconinvisible clearaligner" src="pic/donenicon/6.png" ></div> </div> <div class="clearfix"></div> <div><hr class="mt-0 mb-2" style="height: 0px;"></div> <div class="text-center mb-3" style="color:#000; font-size: 12px; font-weight: 400;">Orthodontic treatment doesn’t necessarily mean that you need braces! Discover the aesthetic options for (or with?) clear aligners to meet your aesthetic standards during orthodontic treatment.</div> <div class="clearfix applebottomjeans"></div> <hr class="mt-0 mb-2" style="height: 0px;"> <div> <div class="text-center mt-3"><img src="pic/donenicon/clock.png" style="height: 32px; width: auto;" ></div> <div class="text-center" style="color: #000; font-size: 12px; font-weight: 400;">TIMESCALE 1-2 WEEKS</div> </div> </div> </div> <div class="col-md-6 donenbuyukimg px-0 hidden-xs hidden-sm"><div style="overflow: hidden; " class="my-0"><img class="donenbokimg desaturate" src="pic/veneeer.jpg" alt="" title=""></div></div> <div class="col-md-3 px-0 sagdakidonen"> <div class="hidden-xs hidden-sm"><img class="desaturate" src="pic/logodonen.png" style="width:100%;"></div> <div class="clearfix"></div> <a href="/turkey-dental-testimonials" target="_blank" style="text-decoration: none;"> <div class="patient-videos bosluk"> <div class="divfux" style="color: #000;">Watch Patient Videos</div> </div> </a> <div class="clearfix"></div> <a href="/treatments/clear-aligner/" target="_blank" style="text-decoration: none;"> <div class="see-details bosluk" style="z-index: 200;"> <div class="divfux" style="font-size: 20px; color: #000;">See Details</div> </div> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div></section> <section id="whychooseus"> <div class="mt-4"></div> <div class="container-fluid text-center"> <div class="row"> <div class="col-12 text-center mb-3"> <h2 style="font-size: 40px; color: #333; font-weight: 400;" class="mt-4 mb-2 sekiltext2">Why Choose Us?</h2> <div style="max-width: 600px; display: inline-block;"> <svg class=" text-center" width="310" height="30" xmlns="http://www.w3.org/2000/svg"> <path d="M 10 10 L 300 10" stroke="#000"/> </svg> <p style="font-size: 18px; color: #777;" class="mb-2 mt-0 mb-4 text-center sekiltext2"><i>Learn why Periodonta has been the clinic of choice among the vast number of patients travelling abroad for dental treatment</i></p> </div> </div> <div class="col-12 px-0"> <div class="container-fluid"> <div class="row" id="borderhalfid1"> <!-- <div style="position: absolute;" class="borderhalf1 d-none d-md-block" id="borderhalf1id"></div>--> <div style="position: absolute; width: calc(100%);" class="halv1 d-none d-md-block" id="borderhalf12id"> <div id="svgcontainer"> <div style="position:relative; width: 100%; height: 100%; overflow: hidden;"> <svg style="position: absolute; z-index: ; right: -200px; top: -200px; width: 500px; height: 500px" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <path fill="#BFDFFF" d="M39.6,-52.4C53.9,-44,69.8,-36,78.7,-22.3C87.6,-8.7,89.4,10.5,83.6,26.8C77.8,43.2,64.4,56.7,49.2,67.9C34,79.2,17,88.1,0.9,86.8C-15.1,85.5,-30.3,74,-43.6,62.2C-57,50.4,-68.5,38.2,-73.7,23.6C-78.9,9,-77.7,-7.9,-71.2,-21.6C-64.7,-35.3,-52.7,-45.7,-40,-54.6C-27.2,-63.5,-13.6,-70.9,-0.5,-70.2C12.6,-69.5,25.2,-60.8,39.6,-52.4Z" transform="translate(100 100)" /> </svg> <svg style="position: absolute; z-index: ; left: -50px; top: 100px; width: 1000px; height: 1000px" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <path fill="#C4E1FE" d="M44.5,-10.7C53.6,13.5,54,44.2,36,59.7C18,75.1,-18.4,75.3,-40.6,58.6C-62.9,41.8,-70.8,8.1,-61.7,-16.2C-52.6,-40.6,-26.3,-55.5,-4.3,-54.1C17.7,-52.7,35.4,-35,44.5,-10.7Z" transform="translate(100 100)" /> </svg> <svg style="position: absolute; z-index: ; right: -200px; bottom: -200px; width: 500px; hei<ssss<ght: 500px" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <path fill="#B9DCFE" d="M49.9,-64.8C65.7,-57.3,80,-44,86.4,-27.4C92.7,-10.8,91,9.1,83.4,25.5C75.9,41.8,62.4,54.6,47.5,62.6C32.6,70.6,16.3,73.9,-0.9,75.1C-18.1,76.3,-36.1,75.5,-48.7,66.7C-61.3,57.9,-68.5,41.2,-72.9,24.4C-77.4,7.6,-79.2,-9.4,-74,-23.6C-68.7,-37.8,-56.5,-49.3,-42.9,-57.5C-29.4,-65.8,-14.7,-70.8,1.2,-72.4C17.1,-74,34.2,-72.3,49.9,-64.8Z" transform="translate(100 100)" /> </svg> </div> </div> </div> <div class="col-12 col-md-6 mt-0 mt-md-5 p-0 p-md-2"> <div style="width: 100%; height: 100%; position: absolute; z-index: -5; overflow: hidden;" id="borderhalfid12"> <div style="position: absolute; width: calc(50% + 100px);" class="borderhalf12 d-md-none" id="borderhalf1id2"> </div></div> <div class="p-0 p-md-4" style="display:flex; justify-content: center; align-items: center;"> <div id="anlatipic11" class="anlatipic1 d-flex align-items-center justify-content-center" style="width: 100%;"> <div> <img id="anlatipic111" src="pic/moneytrees4.png" class="sondan2" style="width: auto;"> </div> </div> </div> </div> <div class="col-12 col-md-6 py-5 uzunfb1"> <svg style="position: absolute; z-index: ; right: -200px; bottom: -50px; width: 500px; height: 500px" class="d-md-none" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <path fill="#89C5FF" d="M49.9,-64.8C65.7,-57.3,80,-44,86.4,-27.4C92.7,-10.8,91,9.1,83.4,25.5C75.9,41.8,62.4,54.6,47.5,62.6C32.6,70.6,16.3,73.9,-0.9,75.1C-18.1,76.3,-36.1,75.5,-48.7,66.7C-61.3,57.9,-68.5,41.2,-72.9,24.4C-77.4,7.6,-79.2,-9.4,-74,-23.6C-68.7,-37.8,-56.5,-49.3,-42.9,-57.5C-29.4,-65.8,-14.7,-70.8,1.2,-72.4C17.1,-74,34.2,-72.3,49.9,-64.8Z" transform="translate(100 100)" /> </svg> <svg style="position: absolute; z-index: ; left: -300px; top: 0px; width: 600px; height: 600px" class="d-md-none" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <path fill="#B2D9FF" d="M44.5,-10.7C53.6,13.5,54,44.2,36,59.7C18,75.1,-18.4,75.3,-40.6,58.6C-62.9,41.8,-70.8,8.1,-61.7,-16.2C-52.6,-40.6,-26.3,-55.5,-4.3,-54.1C17.7,-52.7,35.4,-35,44.5,-10.7Z" transform="translate(100 100)" /> </svg> <div id="yazi1" class="d-flex flex-column align-items-center justify-content-center text-center slideaux" style="width: 100%;"> <div class="mb-0 p-3"> <h2 class="aboutustitle mb-0 sekiltext2" style="color: #000; font-size: 40px !important; font-weight: 400 !important;" id="yazi1c1" >High Quality Dental Care at Modest Costs </h2> </div> <div style="width: 70%; height: 2px; background-color: #1B60A0;" class="mb-3"></div> <div class="mb-3"> <h3 class="mb-3 mt-3" id="yazi1c2" style="font-size: 24px; color: #000;">&#x2022 <b><i>At Periodonta, we take pride in offering top notch dental treatments at affordable costs.</i></b></h3> </div> <div style="width: 40%; height: 2px; background-color: #2276C4;" class="mb-4"></div> <p class="text-center" style="color: #333" id="yazi1c3"> Some of the primary concerns among those travelling to Turkey for dental operations is the overall cost and quality of the treatment. Turkish dental care is very affordable when compared to other countries, which might raise concern amongst patients regarding quality, especially keeping in mind that they are not locals of this country. </p> <p class="text-center" style="color: #333" id="yazi1c4"> Being aware of this specific problem patients face, Periodonta offers top quality dental care at modest costs, catering to the needs of people who wish to undergo all kinds of dental operations while keeping their pockets in mind. It is our primary goal to provide affordable treatments to patients with the greatest quality possible, providing an excellent, lasting treatment for your needs.</p> <p class="text-black text-center mt-3" style="color: #000 !important" id="yazi1c5"><b>At Periodonta, we take pride in offering the best dental service at very affordable costs. You won’t leave us dissatisfied. </b></p> </div> </div> </div> </div> </div> <div class="col-12 px-0"> <div class="container-fluid"> <div class="row" id="borderhalfid2"> <div class="col-12 col-md-6 py-5 order-2 order-md-1 uzunfb2"> <svg style="position: absolute; z-index: ; right: -200px; bottom: -50px; width: 500px; height: 500px" class="d-md-none" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <path fill="#91C9FF" d="M49.9,-64.8C65.7,-57.3,80,-44,86.4,-27.4C92.7,-10.8,91,9.1,83.4,25.5C75.9,41.8,62.4,54.6,47.5,62.6C32.6,70.6,16.3,73.9,-0.9,75.1C-18.1,76.3,-36.1,75.5,-48.7,66.7C-61.3,57.9,-68.5,41.2,-72.9,24.4C-77.4,7.6,-79.2,-9.4,-74,-23.6C-68.7,-37.8,-56.5,-49.3,-42.9,-57.5C-29.4,-65.8,-14.7,-70.8,1.2,-72.4C17.1,-74,34.2,-72.3,49.9,-64.8Z" transform="translate(100 100)" /> </svg> <svg style="position: absolute; z-index: ; left: -300px; top: 0px; width: 600px; height: 600px" class="d-md-none" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <path fill="#4FA1EF" d="M44.5,-10.7C53.6,13.5,54,44.2,36,59.7C18,75.1,-18.4,75.3,-40.6,58.6C-62.9,41.8,-70.8,8.1,-61.7,-16.2C-52.6,-40.6,-26.3,-55.5,-4.3,-54.1C17.7,-52.7,35.4,-35,44.5,-10.7Z" transform="translate(100 100)" /> </svg> <div id="yazi2" class="text-center d-flex flex-column align-items-center justify-content-center text-center d-md-none order-2 order-md-1 slideaux" style="height: 100%;"> <div class="mb-0 p-3"> <h2 class="aboutustitle mb-0 sekiltext2" id="yazi2c1" style="color: #000">Expert Team, Expert Operations</h2> </div> <div style="width: 70%; height: 2px; background-color: #1B60A0;" class="mb-3"></div> <div> <h3 class="mb-3 mt-3" id="yazi2c2" style="font-size: 22px; color: #000;">&#x2022 <b><i>No service of great quality can be provided with a staff which isn’t proficient at their crafts.</i></b></h3> </div> <div style="width: 40%; height: 2px; background-color: #2276C4;" class="mb-4 mt-3"></div> <p id="yazi2c3" class="text-center" style="color: #333">We acknowledge and move in accordance with this principle, only working with an expert staff in order to provide our customers the best dental service possible. Our team is made up of dentists who are very qualified in their respective fields, capable of delivering the best treatment for your needs. <span style="text-decoration: underline;">Almost every member of our crew has a PHD in their particular field</span>, making them specialists in their respective fields of operations and treatments. </p> <p id="yazi2c4" style="color: #333"><b>With such a great team, we confidently assure you that the top-notch quality operation you receive will make your trip to Turkey worth your while.</b></p> </p> </div> </div> <!--<div style="position: absolute; height: 100%; width: 100%; z-index: -5;" class="borderhalf2 d-none d-md-block" id="borderhalf2id"></div>--> <div style="position: absolute; width: 100%; height: 100%; z-index: -5;" class="halv2 d-none d-md-block" id="borderhalf22id"> <div id="svgcontainer2"> <div style="position:relative; width: 100%; height: 100%; overflow: hidden;"> <svg style="position: absolute; z-index: ; right: -200px; top: 100px; width: 1000px; height: 1000px" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <path fill="#88C5FF" d="M44.5,-10.7C53.6,13.5,54,44.2,36,59.7C18,75.1,-18.4,75.3,-40.6,58.6C-62.9,41.8,-70.8,8.1,-61.7,-16.2C-52.6,-40.6,-26.3,-55.5,-4.3,-54.1C17.7,-52.7,35.4,-35,44.5,-10.7Z" transform="translate(100 100)" /> </svg> <svg style="position: absolute; z-index: ; left: -200px; bottom: -200px; width: 500px; height: 500px" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <path fill="#67B1F6" d="M49.9,-64.8C65.7,-57.3,80,-44,86.4,-27.4C92.7,-10.8,91,9.1,83.4,25.5C75.9,41.8,62.4,54.6,47.5,62.6C32.6,70.6,16.3,73.9,-0.9,75.1C-18.1,76.3,-36.1,75.5,-48.7,66.7C-61.3,57.9,-68.5,41.2,-72.9,24.4C-77.4,7.6,-79.2,-9.4,-74,-23.6C-68.7,-37.8,-56.5,-49.3,-42.9,-57.5C-29.4,-65.8,-14.7,-70.8,1.2,-72.4C17.1,-74,34.2,-72.3,49.9,-64.8Z" transform="translate(100 100)" /> </svg> </div> </div> </div> <div class="col-12 col-md-6 mt-0 mt-md-5 order-1 order-md-2 p-0 p-md-2"> <div class="d-md-none" style="width: 100%; height: 100%; position: absolute; z-index: -5; overflow: hidden;" id="borderhalfid22"> <div style="position: absolute;" class="borderhalf222 d-md-none" id="borderhalf2id2"> </div></div> <div class="p-0 p-md-4" style="display:flex; justify-content: center; align-items: center;"> <div id="anlatipic22" class="anlatipic2 d-flex align-items-center justify-content-center" style="width: 100%;"> <div> <img id="anlatipic222" src="pic/dentalcare3.png" class="sondan1" style="width: auto;"> </div> </div> </div> </div> </div> </div> </div> <div class="col-12 px-0" id="borderhalfid3"> <div class="container-fluid"> <div class="row"> <!--<div style="position: absolute; height: 100%; width: 100%;" class="borderhalf1 d-none d-md-block" id="borderhalf3id"></div>--> <div style="position: absolute; width: 100%;" class="halv1 d-none d-md-block" id="borderhalf32id"> <div id="svgcontainer3"> <div style="position:relative; width: 100%; height: 100%; overflow: hidden;"> <svg style="position: absolute; z-index: ; right: -200px; top: -200px; width: 500px; height: 500px" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <path fill="#C5E2FF" d="M39.6,-52.4C53.9,-44,69.8,-36,78.7,-22.3C87.6,-8.7,89.4,10.5,83.6,26.8C77.8,43.2,64.4,56.7,49.2,67.9C34,79.2,17,88.1,0.9,86.8C-15.1,85.5,-30.3,74,-43.6,62.2C-57,50.4,-68.5,38.2,-73.7,23.6C-78.9,9,-77.7,-7.9,-71.2,-21.6C-64.7,-35.3,-52.7,-45.7,-40,-54.6C-27.2,-63.5,-13.6,-70.9,-0.5,-70.2C12.6,-69.5,25.2,-60.8,39.6,-52.4Z" transform="translate(100 100)" /> </svg> <svg style="position: absolute; z-index: ; left: -50px; : 100px; width: 1000px; height: 1000px" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <path fill="#C1E0FD" d="M44.5,-10.7C53.6,13.5,54,44.2,36,59.7C18,75.1,-18.4,75.3,-40.6,58.6C-62.9,41.8,-70.8,8.1,-61.7,-16.2C-52.6,-40.6,-26.3,-55.5,-4.3,-54.1C17.7,-52.7,35.4,-35,44.5,-10.7Z" transform="translate(100 100)" /> </svg> </div> </div> </div> <div class="col-12 col-md-6 mt-0 mt-md-5 p-0 p-md-2"> <div style="width: 100%; height: 100%; position: absolute; z-index: -5; overflow: hidden;" id="borderhalfid32"> <div style="position: absolute;" class="borderhalf123 d-md-none" id="borderhalf3id2"> </div></div> <div class="p-0 p-md-4" style="display:flex; justify-content: center; align-items: center;"> <div id="anlatipic33" class="anlatipic1 d-flex align-items-center justify-content-center" style="width: 100%;"> <img id="anlatipic333" src="pic/disscanstock3.png" class="sondan4" style="height: 200px; width: auto;"> </div> </div> </div> <div class="col-12 col-md-6 py-5 order-2 order-md-1 uzunfb1"> <svg style="position: absolute; z-index: ; left: -300px; bottom: 0px; width: 500px; height: 500px" class="d-md-none" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <path fill="#ADD7FF" d="M49.9,-64.8C65.7,-57.3,80,-44,86.4,-27.4C92.7,-10.8,91,9.1,83.4,25.5C75.9,41.8,62.4,54.6,47.5,62.6C32.6,70.6,16.3,73.9,-0.9,75.1C-18.1,76.3,-36.1,75.5,-48.7,66.7C-61.3,57.9,-68.5,41.2,-72.9,24.4C-77.4,7.6,-79.2,-9.4,-74,-23.6C-68.7,-37.8,-56.5,-49.3,-42.9,-57.5C-29.4,-65.8,-14.7,-70.8,1.2,-72.4C17.1,-74,34.2,-72.3,49.9,-64.8Z" transform="translate(100 100)" /> </svg> <svg style="position: absolute; z-index: ; right: -320px; top: -100px; width: 500px; height: 500px" class="d-md-none" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <path fill="#BDDFFF" d="M49.9,-64.8C65.7,-57.3,80,-44,86.4,-27.4C92.7,-10.8,91,9.1,83.4,25.5C75.9,41.8,62.4,54.6,47.5,62.6C32.6,70.6,16.3,73.9,-0.9,75.1C-18.1,76.3,-36.1,75.5,-48.7,66.7C-61.3,57.9,-68.5,41.2,-72.9,24.4C-77.4,7.6,-79.2,-9.4,-74,-23.6C-68.7,-37.8,-56.5,-49.3,-42.9,-57.5C-29.4,-65.8,-14.7,-70.8,1.2,-72.4C17.1,-74,34.2,-72.3,49.9,-64.8Z" transform="translate(100 100)" /> </svg> <div id="yazi3" class="text-center d-none d-md-block d-flex flex-column align-items-center justify-content-center text-center slideaux" style="height: 100%;"> <h2 class="mb-3 aboutustitle" id="yazi3c1" style="color: #000;">Technology</h2> <div style="width: 70%; height: 2px; background-color: #1B60A0;" class="mb-3"></div> <h3 class="mb-3 mt-3" id="yazi3c2" style="font-size: 24px; color: #000;">&#x2022 <b><i>Top notch technology for top notch treatments</i></b></h3> <div style="width: 40%; height: 2px; background-color: #2276C4;" class="mb-4 mt-3"></div> <p style="color: #333;" id="yazi3c3">Periodonta is equipped with cutting edge technology in order to deliver treatments of the highest standard to our patients. Our dental clinic is substantially innovative in terms of technology and devices. In Periodonta, we only use the latest technological equipment, namely tomographic scanning, CAD/ CAM technology, 3D treatment visualizing/ planning and digital smile design technology</p> <p class="text-black" id="yazi3c4"><b>We utilize such measures in every step of your treatment to plan and execute it with utmost accuracy, from beginning to end.</b></p> </div> </div> </div> </div> </div> <div class="col-12 px-0 mb-5 mb-md-0"> <div class="container-fluid"> <div class="row" id="borderhalfid4"> <!--<div style="position: absolute; height: 100%; width: 100%;" class="borderhalf2 d-none d-md-block" id="borderhalf4id"></div>--> <div style="position: absolute; width: 100%; height: 100%;" class="halv2 d-none d-md-block" id="borderhalf42id"> <div id="svgcontainer4"> <div style="position:relative; width: 100%; height: 100%; overflow: hidden;"> <svg style="position: absolute; z-index: ; right: -200px; top: 100px; width: 1000px; height: 1000px" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <path fill="#8BC7FF" d="M44.5,-10.7C53.6,13.5,54,44.2,36,59.7C18,75.1,-18.4,75.3,-40.6,58.6C-62.9,41.8,-70.8,8.1,-61.7,-16.2C-52.6,-40.6,-26.3,-55.5,-4.3,-54.1C17.7,-52.7,35.4,-35,44.5,-10.7Z" transform="translate(100 100)" /> </svg> <svg style="position: absolute; z-index: ; left: -200px; top: 200px; width: 500px; height: 500px" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <path fill="#73B5F4" d="M49.9,-64.8C65.7,-57.3,80,-44,86.4,-27.4C92.7,-10.8,91,9.1,83.4,25.5C75.9,41.8,62.4,54.6,47.5,62.6C32.6,70.6,16.3,73.9,-0.9,75.1C-18.1,76.3,-36.1,75.5,-48.7,66.7C-61.3,57.9,-68.5,41.2,-72.9,24.4C-77.4,7.6,-79.2,-9.4,-74,-23.6C-68.7,-37.8,-56.5,-49.3,-42.9,-57.5C-29.4,-65.8,-14.7,-70.8,1.2,-72.4C17.1,-74,34.2,-72.3,49.9,-64.8Z" transform="translate(100 100)" /> </svg> </div> </div> </div> <div class="col-12 col-md-6 mt-0 mt-md-5 order-1 order-md-2 p-0 p-md-2"> <div class="d-md-none" style="width: 100%; height: 100%; position: absolute; z-index: -5; overflow: hidden;" id="borderhalfid42"> <div style="position: absolute;" class="borderhalf222 d-md-none" id="borderhalf4id2"> </div></div> <div class="p-0 p-md-4" style="display:flex; justify-content: center; align-items: center;"> <div id="anlatipic44" class="anlatipic2 d-flex align-items-center justify-content-center" style="width: 100%;"> <img id="anlatipic444" src="pic/map.png" class="mapson" style="height: 230px; width: auto;"> </div> </div> </div> <div class="col-12 col-md-6 py-5 order-2 order-md-1 uzunfb2"> <svg style="position: absolute; z-index: ; left: -500px; bottom: -400px; width: 800px; height: 800px" class="d-md-none" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <path fill="#87C5FF" d="M49.9,-64.8C65.7,-57.3,80,-44,86.4,-27.4C92.7,-10.8,91,9.1,83.4,25.5C75.9,41.8,62.4,54.6,47.5,62.6C32.6,70.6,16.3,73.9,-0.9,75.1C-18.1,76.3,-36.1,75.5,-48.7,66.7C-61.3,57.9,-68.5,41.2,-72.9,24.4C-77.4,7.6,-79.2,-9.4,-74,-23.6C-68.7,-37.8,-56.5,-49.3,-42.9,-57.5C-29.4,-65.8,-14.7,-70.8,1.2,-72.4C17.1,-74,34.2,-72.3,49.9,-64.8Z" transform="translate(100 100)" /> </svg> <div id="yazi4" class="text-center d-flex flex-column align-items-center justify-content-center text-center d-md-none order-2 order-md-1 slideaux" style="height: 100%;"> <h2 class="mb-3 aboutustitle" id="yazi4c1" style="color: #000;">Location</h2> <div style="width: 70%; height: 2px; background-color: #1B60A0;" class="mb-3"></div> <h3 class="mb-3 mt-3" id="yazi4c2" style="font-size: 24px; color: #000;">&#x2022 <b><i>Don’t want to waste your time in İstanbul spending long hours just to get to a clinic?</i></b></h3> <div style="width: 40%; height: 2px; background-color: #2276C4;" class="mb-4 mt-3"></div> <p style="color: #333;" id="yazi4c3">Our dental clinic is located in Bakırköy, a very central location in İstanbul that can be reached with almost all means of public transportation. Location might be a concern for anyone travelling to İstanbul in order to receive dental treatment, as people do not want to waste most of their time simply getting to the clinic and back when they could’ve spent their time travelling and seeing İstanbul, visiting its touristic attractions and experiencing the sheer beauty of the city. <p class="text-black" id="yazi4c4"><b>Our clinics location appeals to people who wish to receive dental treatment all over İstanbul, as It’s possible to reach our clinic within a small time frame anytime you wish to, leaving your time in the city in your hands.</b></p> </p> </div> </div> </div> </div> </div> </div> </div> </section> <!-- <section class="text-center mt-0 mt-5 mx-0 p-3" style="width: 100%; background-color: #84C2FD"> <div> <h2 style="font-size: 40px; font-family: Avantgarde, TeX Gyre Adventor, URW Gothic L, sans-serif;" class="mb-2 mt-4 mb-5 text-center">Visit Us</h2> </div> <iframe style="width: 95%;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3011.6293378517166!2d28.869251415335913!3d40.9895966285231!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14cabb59df78116b%3A0x8fbed0bf490edc35!2sIstanbul%20Gum%20Disease%20%26%20Surgery!5e0!3m2!1sen!2str!4v1641923542837!5m2!1sen!2str" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe> </section> --> <!-- <section class="my-4"> <div class="container-fluid"> <div class="row text-center"> <div> <h2 style="color: #464646; font-size: 18px;" class="mx-2">FAQ</h2> <div id="accordion"> <div class="card"> <div class="card-header" id="headingOne"> <h5 class="mb-0"> <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> Collapsible Group Item #1 </button> </h5> </div> <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordion"> <div class="card-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. </div> </div> </div> <div class="card"> <div class="card-header" id="headingTwo"> <h5 class="mb-0"> <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> Collapsible Group Item #2 </button> </h5> </div> <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion"> <div class="card-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. </div> </div> </div> <div class="card"> <div class="card-header" id="headingThree"> <h5 class="mb-0"> <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> Collapsible Group Item #3 </button> </h5> </div> <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion"> <div class="card-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. </div> </div> </div> </div> </div> </div> </div> </section> --> <!-- footer --> <footer class="footer-02"> <div class="container"> <div class="row justify-content-center"> <div class="col-12 "> <div class="card bg-white text-light mb-5 mx-auto" style="width: 250px; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0.7rem; border-bottom-right-radius: 0.7rem;"> <div class="card-body text-center cardfoot"> <img class="mx-auto d-block" src="/pic/thelogo.jpeg" style="width: 200px; height: auto;"> </div> </div> <!--<div class="subscribe mb-5"> <form action="#" class="subscribe-form"> <div class="form-group d-flex"> <input type="text" class="form-control rounded-left" placeholder="Enter email address"> <input type="submit" value="Subscribe" class="form-control submit px-3"> </div> </form> </div> </div>--> </div> <div class="row"> <div class="my-3 my-lg-0 col-12 col-lg-4 order-lg-2 text-center borderfooter borderfooterbottom"> <h4 class="d-block" style="color: #3288DD; margin-bottom: 20px !important;">Periodonta</h2> <p style="color: rgba(255, 255, 255, 0.4);">At Periodonta, we take pride in offering the best dental service at very affordable costs.</p> </div> <div class="mb-3 my-lg-0 col-12 col-lg-4 order-lg-1 px-lg-5 borderfooterbottom"> <h3 class="footer-heading text-center" style="color: rgba(255, 255, 255, 0.9) !important;">Sections</h3> <div style="width: 100%;" class="d-flex justify-content-between"> <p><a href="/">Home</a></p> <p><a href="/treatments/">Treatments</a></p> <p><a href="/blog/">Blog</a></p> </div> </div> <div class="my-3 my-lg-0 col-12 col-lg-4 order-lg-3 px-lg-5"> <h3 class="footer-heading text-center" style="color: rgba(255, 255, 255, 0.9) !important;">Reach Us</h3> <div style="width: 100%;" class="d-flex justify-content-between"> <p></p> <p><a href="/contact-us/">Contact</a></p> <p></p> </div> </div> <!--<div class="col-md-8 col-lg-7"> <div class="row text-center text-md-start"> <div class="col-xs-6 col-sm-6 col-md-3 mb-md-0 mb-4 border-left"> <h3 class="footer-heading">Discover</h3> <ul class="list-unstyled"> <li><a href="#" class="py-1 d-block">Buy &amp; Sell</a></li> <li><a href="#" class="py-1 d-block">Merchant</a></li> <li><a href="#" class="py-1 d-block">Giving back</a></li> <li><a href="#" class="py-1 d-block">Help &amp; Support</a></li> </ul> </div> <div class="col-xs-6 col-sm-6 col-md-3 mb-md-0 mb-4 border-left border-right"> <h3 class="footer-heading">About</h3> <ul class="list-unstyled"> <li><a href="#" class="py-1 d-block">Staff</a></li> <li><a href="#" class="py-1 d-block">Team</a></li> <li><a href="#" class="py-1 d-block">Careers</a></li> <li><a href="#" class="py-1 d-block">Blog</a></li> </ul> </div> <div class="col-xs-6 col-sm-6 col-md-3 mb-md-0 mb-4 border-left"> <h3 class="footer-heading">Resources</h3> <ul class="list-unstyled"> <li><a href="#" class="py-1 d-block">Security</a></li> <li><a href="#" class="py-1 d-block">Global</a></li> <li><a href="#" class="py-1 d-block">Charts</a></li> <li><a href="#" class="py-1 d-block">Privacy</a></li> </ul> </div> <div class="col-xs-6 col-sm-6 col-md-3 mb-md-0 mb-4 border-left border-right"> <h3 class="footer-heading">Social</h3> <ul class="list-unstyled"> <li><a href="#" class="py-1 d-block">Facebook</a></li> <li><a href="#" class="py-1 d-block">Twitter</a></li> <li><a href="#" class="py-1 d-block">Instagram</a></li> <li><a href="#" class="py-1 d-block">Googleplus</a></li> </ul> </div> </div> </div>--> </div> <div class="row my-4"> </div> </div> </footer> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script> <!--<script src="js/jqueryh.min.js"></script> --> <script src="/js/popperh.js"></script> <script src="/js/bootstraph.min.js"></script> <script src="/js/mainh.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script> <!--<script src="js/jqueryh.min.js"></script> --> <script src="js/popperh.js"></script> <script src="js/bootstraph.min.js"></script> <script src="js/mainh.js"></script> <script src="customjs.js"></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10