AFAD | deprem.gov.tr

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>AFAD | deprem.gov.tr</title> <base href="/" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="description" content="Son Depremler - G眉ncel deprem verilerini ve T眉rkiye genelindeki depremlerle ilgili anl谋k bilgileri sa臒layan platform. Deprem b眉y眉kl眉kleri, konumlar谋 ve tarihleri hakk谋nda detayl谋 ve g眉venilir bilgiler. AFAD Deprem Dairesi Son Deprem, Son Depremler, SonDeprem, SonDepremler, Last earthquakes, Latest earthquakes, Recent Earthquake, Earthquake, Deprem, Zelzele, Ka莽 b眉y眉kl眉臒眉nde, Event, Avrupan谋n En b眉y眉k sismik a臒谋, En b眉y眉k sismik a臒, ivme枚l莽er, kuvvetli yer hareketi, zay谋f yer hareketi, sismik sens枚r, Deprem mi oldu, Son Depremler Listesi, 艦imdi deprem mi oldu, Nerede deprem oldu"> <link rel="icon" type="image/x-icon" href="./assets/img/afad_fav.png" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-81499834-3"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-81499834-3'); </script> <link rel="stylesheet" href="styles.c4048a9d5505774d329b.css"></head> <style> .loadingWrapper { position: absolute; background-color: white; width: 100%; height: 100vh; text-align: center; display: flex; justify-content: center; flex-direction: column; align-items: center; } .loadingSpinner { width: 10rem; height: 10rem; border: 3px solid rgba(0, 0, 0, 0.3); border-radius: 50%; border-top-color: black; animation: 1s spin infinite ease-in-out; } @keyframes spin { to { transform: rotate(360deg); } } .la-ball-scale-multiple, .la-ball-scale-multiple>div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-scale-multiple { display: block; font-size: 0; color: #fff; } .la-ball-scale-multiple.la-dark { color: #333; } .la-ball-scale-multiple>div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-scale-multiple { width: 32px; height: 32px; } .la-ball-scale-multiple>div { position: absolute; top: 0; left: 0; width: 32px; height: 32px; border-radius: 100%; opacity: 0; -webkit-animation: ball-scale-multiple 1s 0s linear infinite; -moz-animation: ball-scale-multiple 1s 0s linear infinite; -o-animation: ball-scale-multiple 1s 0s linear infinite; animation: ball-scale-multiple 1s 0s linear infinite; } .la-ball-scale-multiple>div:nth-child(2) { -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -o-animation-delay: .2s; animation-delay: .2s; } .la-ball-scale-multiple>div:nth-child(3) { -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s; } .la-ball-scale-multiple.la-sm { width: 16px; height: 16px; } .la-ball-scale-multiple.la-sm>div { width: 16px; height: 16px; } .la-ball-scale-multiple.la-2x { width: 64px; height: 64px; } .la-ball-scale-multiple.la-2x>div { width: 64px; height: 64px; } .la-ball-scale-multiple.la-3x { width: 192px; height: 192px; } .la-ball-scale-multiple.la-3x>div { width: 192px; height: 192px; } /* * Animation */ @-webkit-keyframes ball-scale-multiple { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 5% { opacity: .75; } 100% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes ball-scale-multiple { 0% { opacity: 0; -moz-transform: scale(0); transform: scale(0); } 5% { opacity: .75; } 100% { opacity: 0; -moz-transform: scale(1); transform: scale(1); } } @-o-keyframes ball-scale-multiple { 0% { opacity: 0; -o-transform: scale(0); transform: scale(0); } 5% { opacity: .75; } 100% { opacity: 0; -o-transform: scale(1); transform: scale(1); } } @keyframes ball-scale-multiple { 0% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 5% { opacity: .75; } 100% { opacity: 0; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } section { position: absolute; width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background: linear-gradient(to bottom, #84a5dd, #dff1ff); } section .color { position: absolute; filter: blur(150px) } section .color:nth-child(1) { background: #9fa8b3; width: 100%; height: 400px; top: 0; } section .color:nth-child(2) { background: #97b1d1; width: 400px; height: 400px; left: 50px; bottom: 150px; } section .color:nth-child(3) { background: #fffd87; width: 250px; height: 125px; right: 50px; bottom: 100px; } .box { position: relative; } .main { position: relative; width: 500px; min-height: 500px; background: rgba(255, 255, 255, 0.1); border-radius: 10px; display: flex; justify-content: center; align-items: center; backdrop-filter: blur(5px); box-shadow: 0 25px 45px rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2); } </style> <body> <app-root> <div class="loadingWrapper"> <div style="color: #012d72" class="la-ball-scale-multiple la-3x"> <div></div> <div></div> <div></div> </div> </div> </app-root> <script src="runtime-es2015.ea5d02e59aeb64103e2a.js" type="module"></script><script src="runtime-es5.ea5d02e59aeb64103e2a.js" nomodule defer></script><script src="polyfills-es5.d481fdd22e527b614054.js" nomodule defer></script><script src="polyfills-es2015.b953e322751d3b00fc33.js" type="module"></script><script src="scripts.60a768fe51979bd2b818.js" defer></script><script src="main-es2015.07c6ac5302fb11a47412.js" type="module"></script><script src="main-es5.07c6ac5302fb11a47412.js" nomodule defer></script></body> </html>

CINXE.COM

AFAD | deprem.gov.tr