Create a gist now

Instantly share code, notes, and snippets.

What would you like to do?
HTML: Simple Maintenance Page
<!doctype html>
<title>Site Maintenance</title>
<style>
body { text-align: center; padding: 150px; }
h1 { font-size: 50px; }
body { font: 20px Helvetica, sans-serif; color: #333; }
article { display: block; text-align: left; width: 650px; margin: 0 auto; }
a { color: #dc8100; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }
</style>
<article>
<h1>We&rsquo;ll be back soon!</h1>
<div>
<p>Sorry for the inconvenience but we&rsquo;re performing some maintenance at the moment. If you need to you can always <a href="mailto:#">contact us</a>, otherwise we&rsquo;ll be back online shortly!</p>
<p>&mdash; The Team</p>
</div>
</article>

Thanks for this

Thank you dear

Cool

openyk commented Aug 25, 2014

Thanks

ber5ien commented Sep 27, 2014

Looks good:)

Thanks!

thanks a lot!

uiaciel commented Oct 29, 2014

thanks you πŸ‘

tirtawr commented Nov 28, 2014

Thanks bro

panjids commented Dec 4, 2014

thanks for this. looks simple and cool

Clean and simple, thanks!

This is simple sober and cool.. thanks bro..!

Awesome! Great start!

maddes commented Jan 14, 2015

Aren't <html>, <head> and <body> required?

maddes commented Jan 14, 2015

<meta charset="UTF-8"> should be added.
It throws one less warning at http://validator.w3.org/check

Thanks so much for this. I searched all over the internet (for 2 minutes) and found NOTHING WORTHY.

CReated an account just to say thanks.
Thanks.

svenbit commented Feb 11, 2015

Awesome! Thanks for sharing this . . .

Thank you!

jagad89 commented Feb 27, 2015

Thank you :)

max-dev commented Mar 7, 2015

Thanks mate)

thank ya sir

thank you

Superb work, thanks

estin68 commented Apr 10, 2015

Clean and neat.Thanks

Thanks!

noregt commented Apr 20, 2015

simple and effective, thanks!

Thanks! πŸ‘

Love it Thanks!

Thank you ;)

Qub0 commented May 20, 2015

Thank you

Simple yet pleasing to the eye. Thank you :)

lnasci commented Jun 11, 2015

Obrigado!!!!! πŸ˜„

fsainz commented Jun 16, 2015

thanks!, you saved me some time today : D
I copied and just tweaked the css a bit so it scales down for mobile, just a max-width for the article tag and a media query for the top padding

<style>
  body { text-align: center; padding: 20px; }
  @media (min-width: 768px){
    body{ padding-top: 150px; }
  }
  h1 { font-size: 50px; }
  body { font: 20px Helvetica, sans-serif; color: #333; }
  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>

vit1251 commented Jun 17, 2015

thanks! you saved me some time today πŸ˜„

Domo arigato!

shanecp commented Jul 5, 2015

Phew! Saved me an hour. Thanks.

Combine this with .htaccess to take site up/down quickly. (from https://perishablepress.com/htaccess-redirect-maintenance-page-site-updates/)

    # MAINTENANCE-PAGE REDIRECT
     <IfModule mod_rewrite.c>
     RewriteEngine on
     RewriteCond %{REMOTE_ADDR} !^123\.456\.789\.000
     RewriteCond %{REQUEST_URI} !/maintenance.html$ [NC]
     RewriteCond %{REQUEST_URI} !\.(jpe?g?|png|gif) [NC]
     RewriteRule .* /maintenance.html [R=302,L]
    </IfModule>

Thank you for the HTML.

tourist commented Aug 4, 2015

Thanks a lot. Also to @fsainz (mobile fix).

Thanks to all.
Another .htaccess solution which can save many of you an extra 30 seconds:

ErrorDocument 403 /maintenance.html
Order Allow,Deny
Allow from 123.456.789.000

thanks for this. this is helpful :)

thnks yaar superb :)

thank you :)

blegoh commented Aug 31, 2015

thanks

Geolim4 commented Sep 16, 2015

Thanks you very much :))

thanks

Really clean and simple, thx ;)

veewee commented Oct 9, 2015

Thanks!

Merci beaucoup !

nuffer commented Oct 16, 2015

Perfect! Thanks!

Thank you very much, sir!

@ghost

ghost commented Oct 21, 2015

Thanks a lot. Also,

Clean and simple, thank you!

elumar commented Oct 30, 2015

Thanks a lot! =)

Perfect, thanks

Sweet and simple. Perfect.

Saved a back-end guy from having to make something pretty. Thanks!

Thank a lot

Thanks!

thanks! very useful

Thanks

Thanks, very helpful for us

thank you :)

Thanks million, awesome simple script LP

Thank you!

Thanks!

πŸ‘ Thanks

Thanks for this. really helped

Thanks, it looks really niceπŸ˜„

πŸ‘

πŸ‘

πŸ‘

It looks elegant and decent. Thank you!

thanks

Thanks!

gakyoo commented Feb 24, 2016

Thank you!

pulkitc commented Feb 26, 2016

Thanks ;)

Simply brilliant!

Thank you!

mathipa commented May 4, 2016

Thank you!

anggerpr commented May 7, 2016 edited

Thank you.
you save my life... outjourney.com

Niemi commented May 18, 2016

Thanks for sharing! Realy useful!

awsom82 commented May 27, 2016

Thanks for sharing!
But guys, pay attention, don't forget to use proper status code.
@shanecp and @billynoah provide some Apache configuration, but it's not correct for Googlebot.

For maintenance mode it's important to return 503 Service Unavailable
With Retry-After: 3600 (3600 it's time in second, so, put correct time) for search spiders

Thank you much.

jrteja commented Jun 7, 2016 edited

Thank you so much... Saved time to create one πŸ‘
-- From StoresnOffers team

asinode commented Jun 10, 2016

Thank you.

Thank You πŸ‘

demik commented Jun 15, 2016

Thank you very much !

Thank you very much

tkezell commented Jun 22, 2016

Perfect! Thank you very much!

ksuhiyp commented Jul 18, 2016

thanks

awesome! thanks

Thanks man!

Thanks! Nice and very practical.

Motela commented Aug 2, 2016

thanks

Niksac commented Aug 3, 2016

thanks :)

Cool!

Thanks, simple yet awesome.

Alkz6 commented Aug 19, 2016

Thanks! :D

this is how it looks: https://rawgit.com/pitch-gist/2999707/raw/8dcc32cd374a01f53cec0a10cf558b30035672d4/gistfile1.html

Very nice and simple πŸ’ƒ 🍻 πŸ’

tofrus commented Aug 31, 2016

wow very nice, clean, simple and cool. thank you.

tdorlus commented Sep 4, 2016

Great! Awesome stuff!

obber commented Sep 6, 2016

Thanks! exactly what I needed.

Thanks!

gemblue commented Sep 10, 2016

hahaha thanks

It worked for me. Very simple and cool.

Thank you.

Lovely!

πŸ†’ Awesome, Thank you.

Clean, crisp and short! Great! Thanks!

Asoul commented Oct 4, 2016

Thanks!

zwpwjwtz commented Oct 8, 2016

Awesome. Thanks.

thanks!

Thanks man! Simple and great work!

Awesome, thanks for this!

thank you πŸ‘

dm89 commented Nov 3, 2016

thanks!!

bigjosh commented Nov 9, 2016

perfect. thx.

xxlen commented Nov 13, 2016

thanks

Thanks!!!

iLoose commented Nov 15, 2016

Thanks!!!

Thank You so much! It was so useful.

leatain87 commented Nov 19, 2016 edited

Thank you! Had been used for my site teaching english in Vietnam

This is great, thanks!

Thanks! Saved my time.

kiieat commented Dec 6, 2016

Thanks! great work

Thanks for this

yyurkov commented Dec 8, 2016

Thanks!

cweitat commented Dec 9, 2016

Thanks

RafiAlhamd commented Dec 12, 2016 edited

Thank You, so much!

ulmen commented Dec 14, 2016

Thanks for useful share!

Amazing!!

Top man/woman! Much appreciated.

aslabd commented Jan 1, 2017

Thanks..

Lovely! Elegant and straightforward. πŸ˜„

vyo commented Jan 3, 2017

Sweet! Used the Gitlab styling, looks really nice.

Thanks !

yxx8 commented Jan 12, 2017

Well it helped me.

KCErb commented Jan 19, 2017

I laughed I cried I went to bed a little earlier. Best code on the internet.

weuwman commented Jan 23, 2017

thanks

Rockam commented Jan 24, 2017

Thanks!

Thank you very much!

Simple but very helpful

This is really good. Thanks.

Thank you. Simple but just what I needed.

Easy, simple and beautifull. Thank you so much.

hopefully everyone knows this is missing html, body and head tags? Don't forget to add them in.

(Reply to above)

It's a really small page just for temporary use, no reason to add them if there isn't going to be much more to add.

Thanks! really nice :) πŸ‘

Made my day!

thanks for this!

Thank You !!!

Thank you!! Simply & saved me time.

thanks dude

marchev commented Mar 6, 2017

Great! Thanks!

Thanks!

SiGGaSS commented Mar 26, 2017

Thanks a lot!

Thanks a lot!

Thanks man !

Thanks! EZ PZ

r1cebank commented Apr 4, 2017

Thanks!

ansario commented Apr 20, 2017

Thanks!

ismamud commented Apr 20, 2017

please can someone help me with System Maintenance source code?

Thank You πŸ‘

vgrange commented Apr 26, 2017

Thank you!

Thank you!

Thanks...

iNibori commented May 3, 2017

thanks :)

Tshwarelo commented May 5, 2017 edited

Thanks. Just reduce padding for smaller devices e.g.
@media(max-width: 426px){ body{ padding: 20px; } }

thanks !

fenicks commented May 12, 2017

Thanks. Just perfect.

widiw commented May 15, 2017

very nice. thank you

Jnxd1 commented May 23, 2017

3 years later and people still use it! :)
Thanks!
Cheers!

thanks :')

thank you

WErwan commented May 29, 2017

Nice! Thank you

ugrozgr commented Jun 4, 2017

Thank you! It's very good πŸ‘

mbaric commented Jun 10, 2017

Thank you for the template man.

It's very fast nd cool
Thank you so much . . .

thank you this is a great thing to share.

ILunie commented Jun 14, 2017

thx

thank you :)

alexbnk commented Jun 19, 2017

lol thx , means some shit hit the fan

Thanks for the code. Nice and simple. Much appreciated!

very nice, thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment