File manager

File manager - Edit - /home/custbahd/public_html/webs/monitor/clients/marylhouse/index.html

Back
<!DOCTYPE html> <html> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <head> <title>Maryl House</title> <!-- Favicon --> <link rel="icon" href="index/logo/glass3.png"> <meta name="description" content="Wines & Liquor"> <meta name="keywords" content="Best Discounts Around Town"> <meta name="author" content="Custom Webs"> <style type="text/css"> body { font-family: "Spectral", serif; } .logo { } a { text-decoration: none; } .logo h1 { color: white; font-size: 10vw; margin-top: 10%; text-transform: uppercase; background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 400% 400%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: gradient 15s ease infinite; animation: gradient 15s ease infinite; } .logo b { font-size: 5vw; color: deepskyblue; text-transform: uppercase; margin-top: 5%; } h2 { font-weight: normal; font-size: 3vw; color: white; margin-top: 5%; width: 60%; border-radius: 10px; background-image: url('src="../images/fruity2.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; } .body { position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; background-image: url('index/gif/gif3.gif'); background-position: center; background-size: cover; background-repeat: no-repeat; } .items { padding: 5vh; border-radius: 10px; } /Image Span/ .items span { font-weight: bold; font-size: 5vw; color: white; padding: 3vw; border-radius: 10px; background-color: rgba(0, 0, 128, 0.7); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(154, 18, 179, 0.3); box-shadow: 0 0 0 0 rgba(154, 18, 179, 0.3) } 70% { -webkit-box-shadow: 0 0 0 20px rgba(154, 18, 179, 0); box-shadow: 0 0 0 20px rgba(154, 18, 179, 0) } 100% { -webkit-box-shadow: 0 0 0 0 rgba(154, 18, 179, 0); box-shadow: 0 0 0 0 rgba(154, 18, 179, 0) } } @keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(154, 18, 179, 0.3); box-shadow: 0 0 0 0 rgba(154, 18, 179, 0.3) } 70% { -webkit-box-shadow: 0 0 0 20px rgba(154, 18, 179, 0); box-shadow: 0 0 0 20px rgba(154, 18, 179, 0) } 100% { -webkit-box-shadow: 0 0 0 0 rgba(154, 18, 179, 0); box-shadow: 0 0 0 0 rgba(154, 18, 179, 0) } } .line { border: 1px solid white; margin-bottom: 10px; } /Paragraphs/ p { color: white; margin-top: 50px; } p a{ color: white; font-style: italic; text-decoration: underline; } .terms { font-size: 3vw; } .footerr { position: absolute; bottom: 0; width: 53vh; height: 3vh; background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 400% 400%; -webkit-animation: gradient 15s ease infinite; animation: gradient 15s ease infinite; } @-webkit-keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .responsible { position: absolute; bottom: 0; left: 5px; font-size: 2vw; background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 400% 400%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: gradient 15s ease infinite; animation: gradient 15s ease infinite; } .age { position: absolute; bottom: 0; right: 5px; font-size: 2vw; background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 400% 400%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: gradient 15s ease infinite; animation: gradient 15s ease infinite; } /Background Overlay/ .background-overlay, .background-overlay-black { position: relative; z-index: 2; background-position: center center; background-size: cover; } .background-overlay:before, .background-overlay-black:before { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; content: ""; } .background-overlay:before { background-color: rgba(0, 0, 0, 0.5); } .background-overlay-black:before { background-color: rgba(23, 24, 24, 0.5); } </style> </head> <body> <div class="body"> <div class="background-overlay"> <div class="logo" align="center"> <a href="../index.php"> <h1>Maryl House</h1> <b>Wines & Liqors</b> </a> </div> <br> <div align="center"> <h2> You must be 18 years and above to order! </h2> </div> <div align="center"> <div class="items"> <br> <a href="index"> <span>Confirm</span> </a> </div> <br> <br> <h2> We are not liable for any disguises, if caught you'll face penalty. </h2> <p class="terms"><a href="index/terms/#age">Terms & Conditions</a> Apply.</p> </div> </div> <div class="footer"> <p class="responsible">Please drink responsibly!</p> <p class="age">Not sold to persons under the age of 18!</p> </div> </div> </body> </html>

| ver. 1.4 | Github | . | PHP 8.1.33 | Generation time: 1 | proxy | phpinfo | Settings