Maintenance Page

Developer
Shridhar Deshmukh
Size
1,773 Kb
Views
62,744
  1. Maintenance Page Previews
  2. Maintenance Page HTML Codes
  3. Maintenance Page CSS Codes

How do I make an maintenance page?

What is a maintenance page? How do you make a maintenance page? This script and codes were developed by Shridhar Deshmukh on 22 July 2022, Friday.

Maintenance Page Previews
IQ Test

Maintenance Page - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Maintenance Page</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="maintenance"> <div class="container"> <h1>We are sorry..!</h1> <h3>The website is under maintenance.</h3> <p>We will back in short while.</p> </div>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</body>
</html>

Maintenance Page - Script Codes CSS Codes

.maintenance { width: 800px; height: 300px; background-color : #44bbcc; margin: 20px auto; box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5) ; position: absolute; top: 50%; margin-left: -400px; left: 50%; margin-top: -150px;
}
.container { background-color: #FFF; width: 80%; height: 200px; float: right; position: absolute; right: 0; top: 50%; margin-top: -100px; box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15) ; border-radius: 5px 0 0 5px; text-align: center; padding: 15px; box-sizing: border-box;
}
.container h1 { text-shadow: 1px 1px 4px rgba(0,0,0,0.5)
}
Maintenance Page - Script Codes
Maintenance Page - Script Codes
Home Page Home
Developer Shridhar Deshmukh
Username _shree33
Uploaded July 22, 2022
Rating 3
Size 1,773 Kb
Views 62,744
Do you need developer help for Maintenance Page?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Shridhar Deshmukh (_shree33) Script Codes
Name
Hover Message Design
This in constructor context
Blog Theme
Console logger
This summary
Registration Form Desgin
Loader
HTML Imports
This in Global Context
This with bind
Create amazing SEO content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!