|
|
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="tr" lang="tr"><head> |
| <title>yagliboya.com.tr</title> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> |
| <meta name="description" content="Yağlı Boya Tablolar ..."/> |
| <meta name="author" content="WebDoktoru"/> |
| <style> |
|
|
| :root { |
| --primary-color: #45689e; |
| --secondary-color: #ce4088; |
| } |
|
|
| html { |
| font-size: 100%; |
| } |
|
|
| body { |
| margin: 0; |
| } |
|
|
| body::before { |
| content: ''; |
| position: absolute; |
| width: 100%; |
| height: 20px; |
| z-index: 10; |
| background-image: repeating-linear-gradient(-45deg, |
| var(--primary-color), |
| var(--primary-color) 50px, |
| var(--secondary-color) 50px, |
| var(--secondary-color) 100px); |
| } |
|
|
| .board { |
| --deg: 5deg; |
| font-size: 3rem; |
| padding: 0.5em 1em; |
| background-color: #75053e; |
| animation: backgroundTransition 4s infinite alternate; |
| border-radius: 5px; |
| color: #fff; |
| font-family: 'Helvetica Neue', Arial, sans-serif; |
| position: absolute; |
| top: 50%; |
| left: 50%; |
| text-align: center; |
| transform: translate(-50%, -50%) rotate(calc(-1 * var(--deg))); |
| } |
|
|
| @media screen and (min-width: 480px) { |
| .board { |
| font-size: 4rem; |
| } |
| } |
|
|
| .board::before { |
| content: ''; |
| position: absolute; |
| top: -50vh; |
| height: 50vh; |
| display: block; |
| left: 30px; |
| right: 30px; |
| transform: skew(calc(-1 * var(--deg))); |
| border: dotted var(--primary-color); |
| border-width: 0 8px; |
| transform-origin: bottom left; |
| padding-bottom: 30px; |
| } |
|
|
| .board h1 { |
| margin: 0; |
| font-size: inherit; |
| } |
|
|
| .board h1::before, |
| .board h1::after { |
| content: ''; |
| position: absolute; |
| top: 16px; |
| width: 20px; |
| height: 20px; |
| background-color: #fff; |
| border-radius: 50%; |
| box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.4); |
| z-index: -1; |
| } |
|
|
| .board h1:before { |
| left: 24px; |
| } |
|
|
| .board h1:after { |
| right: 24px; |
| } |
|
|
|
|
| @keyframes backgroundTransition { |
| 0% { |
| background-color: #b3b3b3; |
| } |
| 100% { |
| background-color: #000000; |
| } |
| } |
| |
| p { |
| font-size:1.5rem; |
| } |
| </style> |
| </head> |
| <body> |
| |
| <div class="board"> |
| <p> Bu alan adını satın almak için aşağıdaki e-postaya teklifinizi iletebilirsiniz</p> |
| <p><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="513e3c34233023383a11363c30383d7f323e3c">[email protected]</a></p> |
| |
| </div> |
| |
| <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script></body> |
| </html> |