<!DOCTYPE html>
<html>
<head>
<title>Web site is down for upkeep</title>
<meta http–equiv=“Content material-Sort” content material=“textual content/html; charset=UTF-8”>
<meta title=“viewport” content material=“width=device-width, initial-scale=1” />
<fashion kind=”textual content/css”>
physique { text-align: heart; padding: 10%; font: 20px Helvetica, sans-serif; shade: #333; }
h1 { font-size: 50px; margin: 0; }
article { show: block; text-align: left; max-width: 650px; margin: 0 auto; }
a { shade: #dc8100; text-decoration: none; }
a:hover { shade: #333; text-decoration: none; }
@media solely display and (max-width : 480px) {
h1 { font-size: 40px; }
}
</fashion>
</head>
<physique>
<article>
<h1>Web site is briefly unavailable.</h1>
<p>Scheduled upkeep is presently in progress. Please examine again quickly.</p>
<p>We apologize for any inconvenience.</p>
<p id=“signature”>— <a href=“https://phpgurukul.com/html-maintenance-page/mailto:[Email]”>[Name]</a></p>
</article>
</physique>
</html>