MMCT TEAM

Server IP : 103.53.40.154 / Your IP : 3.15.239.0
Web Server : Apache
System : Linux md-in-35.webhostbox.net 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64
User : ppcad7no ( 715)
PHP Version : 8.2.25
Disable Function : NONE
MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON
Directory (0750) : /home2/ppcad7no/ginyardpetroleum.in/

[ Home ]	[ C0mmand ]	[ Upload File ]

Current File : /home2/ppcad7no/ginyardpetroleum.in/404.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>404 Page</title>
    <style>
        main {
  background: lightseagreen url('https://static.pexels.com/photos/5412/water-blue-ocean.jpg')no-repeat center center;
  background-size: cover;
   animation: fadein 4s;
  -webkit-filter:brightness(.9);
  filter:brightness(.9);
  width:100%; height:100vh; display:inline-block; position:relative;
}

.loading {
  text-transform: uppercase;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 100pt;
  text-align: center;
  height: 120px;
  line-height: 110px;
  vertical-align: bottom;
  position: absolute;
  left: 0;
  right: 0;
  top: 100px;
  bottom: 0;
  display: block;
}

@keyframes wave-animation {
  0% {
    background-position: 0 bottom;
  }
  100% {
    background-position: 200px bottom;
  }
}

@keyframes loading-animation {
  0% {
    background-size: 200px 0px;
  }
  100% {
    background-size: 200px 200px;
  }
}

.wave {
  background-image: url("http://vignette4.wikia.nocookie.net/camphalfbloodroleplay/images/b/bb/Large-wave-divider.png");
  -moz-background-clip: text;
  -o-background-clip: text;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0px 0px rgba(155, 255, 255, 0.06);
  animation: wave-animation 3s infinite linear, loading-animation 4s infinite linear alternate;
  background-size: 200px 100px;
  background-repeat: repeat-x;
  opacity: 1;
}

.not-found {
  text-align: center;
  font-size: 55px;
  margin-top: 350px;
  font-family: Arial;
  animation: wave-animation 2.5s infinite linear, loading-animation 10s infinite linear alternate;
}

.search {
  display: block;
  margin-top: 50px;
  margin-left: -20px;
  width: 100%;
}

.search-container {
  width: 490px;
  display: block;
  margin: 0 auto;
}

input#search-bar {
  margin: 0 auto;
  width: 100%;
  height: 45px;
  padding: 0 20px;
  font-size: 1rem;
  border: 1px solid #D0CFCE;
  outline: none;
  &:focus {
    border: 1px solid #008ABF;
    transition: 0.35s ease;
    color: #008ABF;
    &::-webkit-input-placeholder {
      transition: opacity 0.45s ease;
      opacity: 0;
    }
    &::-moz-placeholder {
      transition: opacity 0.45s ease;
      opacity: 0;
    }
    &:-ms-placeholder {
      transition: opacity 0.45s ease;
      opacity: 0;
    }
  }
}

.search-icon {
  position: relative;
  float: right;
  width: 75px;
  height: 75px;
  top: -62px;
  right: -45px;
}


@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */

@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
    </style>
</head>
<body>
    <main>
        <div class="loading wave">
          404
        </div>
      
      
        <div class="not-found wave">
          Page Not Found
        </div>
      
      
        <div class="search">
          <form class="search-container">
            <input type="text" id="search-bar" placeholder="What can I help you find today?">
            <a href="index.html"><img class="search-icon" src="http://www.endlessicons.com/wp-content/uploads/2012/12/search-icon.png"></a>
          </form>
        </div>
      </main>
</body>
</html>

MMCT - 2023