File manager

File manager - Edit - /home/easyfsul/fillhole.com/index.html

Back
<!DOCTYPE html> <html lang="en"> <head> <meta name="google-site-verification" content="pxajEOPiCXyZx1_isU0E-NxgATzpeQfCW5mo45Ysxv0" /> <script async src="https://www.googletagmanager.com/gtag/js?id=G-GTBES81L8L"></script> <script> window.dataLayer = window.dataLayer \|\| []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-GTBES81L8L'); </script> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="preconnect" href="https://fonts.gstatic.com"> <link rel="shortcut icon" href="./favicon.ico"> <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100&display=swap" rel="stylesheet"> <title>Fillhole – Community Platform for Unique Experiences & Connections</title> <link rel="canonical" href="https://fillhole.com/" /> <meta name="description" content="Fillhole is a community platform for unique experiences, meaningful connections, and creator-led content. Discover, connect, and engage in one place." /> <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1"> <meta name="theme-color" content="#d13b2d"> <style> body { font-family: 'Josefin Sans', sans-serif; margin: 0%; padding: 0%; overflow: hidden; background: no-repeat url(./gay.jpg); background-size: 150% !important; width: 100vw; height: 100vh; background-position-y: -200px; background-position-x: -200px; } #desktop-imagebox:after { width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; content: ""; display: block; position: fixed; z-index: 0 } .desktop-text { position: absolute; z-index: 1; top: 30%; left: 8%; text-align: left } .desktop-text p { font-size: 45px } button { background-color: black; border: none; color: rgb(255, 255, 255); font-size: 28px; border-radius: 30px; cursor: pointer; font-family: 'Rajdhani', sans-serif; animation: blink 5s ease-in-out infinite; outline: none } @media (min-width: 1024px) { button { background-color: red; } } @keyframes blink { 0% { opacity: 0%; } 20% { opacity: 100%; } 40% { opacity: 0%; } 60% { opacity: 100%; } 80% { opacity: 0%; } 90% { opacity: 100%; } 100% { opacity: 0%; } } h1 { font-weight: 700; color: white; margin-top: 0%; padding-bottom: 5px; margin-bottom: 0% } #desktop h1 { font-size: 75px } p { font-weight: 400; color: white } @media (max-width: 900px) { #desktop { display: none; } #mobile { display: block !important; } } @media (max-width: 900px) { #mobile h1 { font-size: 80px !important; } .mobile-text p { font-size: 40px; } #mobile-imagebox img { height: 100vh !important; left: -60px !important; } body { background: center no-repeat url(./gay.jpg); background-size: 400% !important; background-position-y: -180px; } } @media (max-width: 900px) { #mobile h1 { font-size: 50px !important; } .mobile-text p { font-size: 30px; } #mobile-imagebox img { height: 100vh !important; left: -60px !important; } body { background: center no-repeat url(./gay.jpg); background-size: 400% !important; background-position-y: -180px; } } @media (max-width: 560px) { #mobile h1 { font-size: 40px !important; } .mobile-text p { font-size: 20px; } #mobile-imagebox img { height: 60vh !important; left: -40px !important; } body { background: center no-repeat url(./gay.jpg); background-size: 400% !important; background-position-y: -180px; height: 70vh !important; } button { width: 100% !important; } } #mobile { display: none } #mobile h1 { font-size: 50px } #mobile-imagebox { height: 65vh !important; position: absolute; left: -200px; right: 200px } .mobile-text { position: absolute; z-index: 1; bottom: 0%; left: 50%; transform: translate(-50%, -10%); width: 90% } #mobile-imagebox:after { width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; content: ""; display: block; position: fixed; background-image: linear-gradient(180deg, rgba(135, 206, 250, .1) 20%, rgba(135, 206, 250, .6) 60%, rgba(135, 206, 250, 1) 100%); z-index: 0 } .line { width: 100px; height: 5px; background: black; border-radius: 100px } #mobile p { text-align: left; font-size: 28px; padding-bottom: 0px } </style> </head> <body> <div id="desktop"> <div id="desktop-imagebox"> </div> <div class="desktop-text"> <h1 style="color: brown; font-weight: bold;">Dates, Friends, Love <br>for everyone </h1> <div class="line"></div> <p style="color: brown; font-weight: bold;"> Still waiting to find your kind <br> of chemistry? </p> <a href="https://gay-to-be.com/tds/ae?tdsId=s4324pos_r&tds_campaign=s4324pos&s1=ps&utm_source=int&utm_sub=opnfnl&affid=f188194c&subid={gro}&subid2={subid2}&clickid={clickid103}"> <button style="width: 350px;height: 58px;">Continue</button> </a> </div> </div> <div id="mobile"> <div id="mobile-imagebox"></div> <div class="mobile-text"> <h1 style="color: black;">Dates, Friends, Love <br> for everyone</h1> <div class="line"></div> <p style="color: black; font-weight: bold;"> Still waiting to find your kind of chemistry? </p> <center> <a href="https://gay-to-be.com/tds/ae?tdsId=s4324pos_r&tds_campaign=s4324pos&s1=ps&utm_source=int&utm_sub=opnfnl&affid=f188194c&subid={gro}&subid2={subid2}&clickid={clickid103}"> <button style="height:50px">Continue</button> </a> </center> </div> </div> </body> </html>

| ver. 1.4 | Github | . | PHP 8.2.30 | Generation time: 0.8 | proxy | phpinfo | Settings