Skip to content

Instantly share code, notes, and snippets.

@sidneydemoraes

sidneydemoraes/dark-version.html

Last active May 31, 2022 18:44
Show Gist options
  • Save sidneydemoraes/8e912f693edc6bd1113a6ff35f35a1fb to your computer and use it in GitHub Desktop.
Save sidneydemoraes/8e912f693edc6bd1113a6ff35f35a1fb to your computer and use it in GitHub Desktop.
Download ZIP
HTML Maintenance Page
Raw
dark-version.html
<!doctype html>
<html>
<head>
<title>Site Maintenance</title>
<meta charset="utf-8"/>
<meta name="robots" content="noindex"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body { text-align: center; padding: 20px; font: 20px Helvetica, sans-serif; color: #efe8e8; }
@media (min-width: 768px){
body{ padding-top: 150px; }
}
h1 { font-size: 50px; }
article { display: block; text-align: left; max-width: 650px; margin: 0 auto; }
a { color: #dc8100; text-decoration: none; }
a:hover { color: #efe8e8; text-decoration: none; }
</style>
</head>
<body bgcolor="2e2929">
<article>
<h1>Voltaremos em Breve!</h1>
<div>
<p>Desculpe pelo inconveniente, mas estamos providenciando uma nova experi&ecirc;ncia para voc&ecirc;.</p>
<p>Caso queira falar conosco, entre em contato pelo email <a href="mailto:contato@dnprj.com.br">contato@dnprj.com.br</a> e retornaremos o quanto antes.</p>
<p>&mdash; Equipe DNPRJ</p>
</div>
</article>
</body>
</html>
Raw
light-version.html
<!doctype html>
<html>
<head>
<title>Site Maintenance</title>
<meta charset="utf-8"/>
<meta name="robots" content="noindex"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body { text-align: center; padding: 20px; font: 20px Helvetica, sans-serif; color: #333; }
@media (min-width: 768px){
body{ padding-top: 150px; }
}
h1 { font-size: 50px; }
article { display: block; text-align: left; max-width: 650px; margin: 0 auto; }
a { color: #dc8100; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }
</style>
</head>
<body>
<article>
<h1>Voltaremos em Breve!</h1>
<div>
<p>Desculpe pelo inconveniente, mas estamos providenciando uma nova experi&ecirc;ncia para voc&ecirc;.</p>
<p>Caso queira falar conosco, entre em contato pelo email <a href="mailto:contato@dnprj.com.br">contato@dnprj.com.br</a> e retornaremos o quanto antes.</p>
<p>&mdash; Equipe DNPRJ</p>
</div>
</article>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment