Create a gist now

Instantly share code, notes, and snippets.

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>
@chrischap

Thanks for this

@sandeepdakshadeisgn

Thank you dear

@droidlabour

Cool

@openyk
openyk commented Aug 25, 2014

Thanks

@ber5ien
ber5ien commented Sep 27, 2014

Looks good:)

@jamesmcfadden

Thanks!

@morsoinferno

thanks a lot!

@uiaciel
uiaciel commented Oct 29, 2014

thanks you πŸ‘

@tirtawr
tirtawr commented Nov 28, 2014

Thanks bro

@panjids
panjids commented Dec 4, 2014

thanks for this. looks simple and cool

@tobiasschutter

Clean and simple, thanks!

@sigmapointindia

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

@espellcaste

Awesome! Great start!

@maddes
maddes commented Jan 14, 2015

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

@maddes
maddes commented Jan 14, 2015

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

@kcabrams

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

@jonjazzy

CReated an account just to say thanks.
Thanks.

@svenbit
svenbit commented Feb 11, 2015

Awesome! Thanks for sharing this . . .

@melnik13

Thank you!

@jagad89
jagad89 commented Feb 27, 2015

Thank you :)

@max-dev
max-dev commented Mar 7, 2015

Thanks mate)

@TonysRuiz

thank ya sir

@alnour-altegany

thank you

@gentusmaximus

Superb work, thanks

@estin68
estin68 commented Apr 10, 2015

Clean and neat.Thanks

@gerardojbaez

Thanks!

@noregt
noregt commented Apr 20, 2015

simple and effective, thanks!

@noctrnal

Thanks! πŸ‘

@ryarturogi

Love it Thanks!

@ifeltsweet

Thank you ;)

@Qub0
Qub0 commented May 20, 2015

Thank you

@lanusgana

Simple yet pleasing to the eye. Thank you :)

@lnasci
lnasci commented Jun 11, 2015

Obrigado!!!!! πŸ˜„

@fsainz
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
vit1251 commented Jun 17, 2015

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

@shapiromatron

Domo arigato!

@shanecp
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>
@stuarteske

Thank you for the HTML.

@tourist
tourist commented Aug 4, 2015

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

@billynoah

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
@creativendesign

thanks for this. this is helpful :)

@sanjeev1991

thnks yaar superb :)

@donnigunawan

thank you :)

@blegoh
blegoh commented Aug 31, 2015

thanks

@Geolim4
Geolim4 commented Sep 16, 2015

Thanks you very much :))

@amzatoune

thanks

@IcarusImageJu

Really clean and simple, thx ;)

@veewee
veewee commented Oct 9, 2015

Thanks!

@joel-depiltech

Merci beaucoup !

@nuffer
nuffer commented Oct 16, 2015

Perfect! Thanks!

@tommymalmqvist

Thank you very much, sir!

@ghost
ghost commented Oct 21, 2015

Thanks a lot. Also,

@cristianevillegas

Clean and simple, thank you!

@elumar
elumar commented Oct 30, 2015

Thanks a lot! =)

@richardaskinner

Perfect, thanks

@delputnam

Sweet and simple. Perfect.

@pillsburys01

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

@harish2704

Thank a lot

@jandante

Thanks!

@stevenknieven

thanks! very useful

@lamadipen

Thanks

@jumbrich

Thanks, very helpful for us

@jnolimits

thank you :)

@aa9000nb

Thanks million, awesome simple script LP

@michelwilhelm

Thank you!

@vuongtran

Thanks!

@ishaqsharief318

πŸ‘ Thanks

@DeanoColada

Thanks for this. really helped

@dragonsword007008

Thanks, it looks really niceπŸ˜„

@sachwarah

πŸ‘

@chadhumphrey

πŸ‘

πŸ‘

@560889223

It looks elegant and decent. Thank you!

@prafful-panwar

thanks

@imkheong

Thanks!

@gakyoo
gakyoo commented Feb 24, 2016

Thank you!

@pulkitc
pulkitc commented Feb 26, 2016

Thanks ;)

@maresja1

Simply brilliant!

@ArthurGareginyan

Thank you!

@mathipa
mathipa commented May 4, 2016

Thank you!

@anggerpr
anggerpr commented May 7, 2016 edited

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

@Niemi
Niemi commented May 18, 2016

Thanks for sharing! Realy useful!

@awsom82
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

@dreaddymck

Thank you much.

@jrteja
jrteja commented Jun 7, 2016 edited

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

@asinode
asinode commented Jun 10, 2016

Thank you.

@paksoft18

Thank You πŸ‘

@demik
demik commented Jun 15, 2016

Thank you very much !

@ememumoh

Thank you very much

@tkezell
tkezell commented Jun 22, 2016

Perfect! Thank you very much!

@ksuhiyp
ksuhiyp commented Jul 18, 2016

thanks

@sebastianvera

awesome! thanks

@manojitballav

Thanks man!

@septembrium

Thanks! Nice and very practical.

@Motela
Motela commented Aug 2, 2016

thanks

@Niksac
Niksac commented Aug 3, 2016

thanks :)

@andhikamaheva

Cool!

@trancebeyond

Thanks, simple yet awesome.

@Alkz6
Alkz6 commented Aug 19, 2016

Thanks! :D

@thapakazi

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

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

@tofrus
tofrus commented Aug 31, 2016

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

@tdorlus
tdorlus commented Sep 4, 2016

Great! Awesome stuff!

@obber
obber commented Sep 6, 2016

Thanks! exactly what I needed.

@efrainsteinbach

Thanks!

@gemblue
gemblue commented Sep 10, 2016

hahaha thanks

@kuntalshah

It worked for me. Very simple and cool.

@spaghetti-

Thank you.

@SimpleCookie

Lovely!

@GaneshKandu

πŸ†’ Awesome, Thank you.

@AZHARULLAH

Clean, crisp and short! Great! Thanks!

@Asoul
Asoul commented Oct 4, 2016

Thanks!

@zwpwjwtz
zwpwjwtz commented Oct 8, 2016

Awesome. Thanks.

@wootechno

thanks!

@jeanmallet

Thanks man! Simple and great work!

@joshdickerson92

Awesome, thanks for this!

@matthias-chlechowitz

thank you πŸ‘

@dm89
dm89 commented Nov 3, 2016

thanks!!

@bigjosh
bigjosh commented Nov 9, 2016

perfect. thx.

@xxlen
xxlen commented Nov 13, 2016

thanks

@likeshumidity

Thanks!!!

@iLoose
iLoose commented Nov 15, 2016

Thanks!!!

@ajeetsingh

Thank You so much! It was so useful.

@leatain87
leatain87 commented Nov 19, 2016 edited

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

@nvanmeurs

This is great, thanks!

@Windastella

Thanks! Saved my time.

@kiieat
kiieat commented Dec 6, 2016

Thanks! great work

@Mahdi-Sahib

Thanks for this

@yyurkov
yyurkov commented Dec 8, 2016

Thanks!

@cweitat
cweitat commented Dec 9, 2016

Thanks

@RafiAlhamd
RafiAlhamd commented Dec 12, 2016 edited

Thank You, so much!

@ulmen
ulmen commented Dec 14, 2016

Thanks for useful share!

@mhdhamouday

Amazing!!

@MailrPro

Top man/woman! Much appreciated.

@aslabd
aslabd commented Jan 1, 2017

Thanks..

@ankush981

Lovely! Elegant and straightforward. πŸ˜„

@vyo
vyo commented Jan 3, 2017

Sweet! Used the Gitlab styling, looks really nice.

@Germanaz0

Thanks !

@adriaanjoubert

Well it helped me.

@KCErb
KCErb commented Jan 19, 2017

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

@weuwman
weuwman commented Jan 23, 2017

thanks

@Rockam
Rockam commented Jan 24, 2017

Thanks!

@zeesaying

Thank you very much!

@amitchavan

Simple but very helpful

@msalihkarakasli

This is really good. Thanks.

@KTatITAssist

Thank you. Simple but just what I needed.

@manukieli

Easy, simple and beautifull. Thank you so much.

@KrunchMuffin

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

@MastaCoder

(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.

@gustavonecore

Thanks! really nice :) πŸ‘

@KevHeyland

Made my day!

@pndirpaya

thanks for this!

@hari-karthi

Thank You !!!

@amaliskas

Thank you!! Simply & saved me time.

@hadi-jabbari

thanks dude

@marchev
marchev commented Mar 6, 2017

Great! Thanks!

@GregoryCollett

Thanks!

@SiGGaSS
SiGGaSS commented Mar 26, 2017

Thanks a lot!

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