Create a gist now

Instantly share code, notes, and snippets.

@pitch-gist /gist:2999707
Created Jun 26, 2012

What would you like to do?
Download ZIP
HTML: Simple Maintenance Page
Raw
gistfile1.html
<!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

chrischap commented May 11, 2014

Thanks for this
@sandeepdakshadeisgn

sandeepdakshadeisgn commented Jul 15, 2014

Thank you dear
@droidlabour

droidlabour commented Aug 1, 2014

Cool
@openyk

openyk commented Aug 25, 2014

Thanks
@ber5ien

ber5ien commented Sep 27, 2014

Looks good:)
@jamesmcfadden

jamesmcfadden commented Oct 9, 2014

Thanks!
@morsoinferno

morsoinferno commented Oct 24, 2014

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

tobiasschutter commented Dec 5, 2014

Clean and simple, thanks!
@sigmapointindia

sigmapointindia commented Jan 1, 2015

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

espellcaste commented Jan 11, 2015

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

kcabrams commented Jan 17, 2015

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

jonjazzy commented Feb 10, 2015

CReated an account just to say thanks.
Thanks.
@svenbit

svenbit commented Feb 11, 2015

Awesome! Thanks for sharing this . . .
@melnik13

melnik13 commented Feb 16, 2015

Thank you!
@jagad89

jagad89 commented Feb 27, 2015

Thank you :)
@max-dev

max-dev commented Mar 7, 2015

Thanks mate)
@TonysRuiz

TonysRuiz commented Mar 29, 2015

thank ya sir
@alnour-altegany

alnour-altegany commented Mar 30, 2015

thank you
@gentusmaximus

gentusmaximus commented Apr 7, 2015

Superb work, thanks
@estin68

estin68 commented Apr 10, 2015

Clean and neat.Thanks
@gerardojbaez

gerardojbaez commented Apr 14, 2015

Thanks!
@noregt

noregt commented Apr 20, 2015

simple and effective, thanks!
@noctrnal

noctrnal commented Apr 22, 2015

Thanks! 👍
@ryarturogi

ryarturogi commented Apr 25, 2015

Love it Thanks!
@ifeltsweet

ifeltsweet commented May 14, 2015

Thank you ;)
@Qub0

Qub0 commented May 20, 2015

Thank you
@lanusgana

lanusgana commented Jun 11, 2015

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

shapiromatron commented Jun 25, 2015

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

stuarteske commented Jul 23, 2015

Thank you for the HTML.
@tourist

tourist commented Aug 4, 2015

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

billynoah commented Aug 5, 2015

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

creativendesign commented Aug 14, 2015

thanks for this. this is helpful :)
@sanjeev1991

sanjeev1991 commented Aug 28, 2015

thnks yaar superb :)
@donnigunawan

donnigunawan commented Aug 30, 2015

thank you :)
@blegoh

blegoh commented Aug 31, 2015

thanks
@Geolim4

Geolim4 commented Sep 16, 2015

Thanks you very much :))
@amzatoune

amzatoune commented Sep 16, 2015

thanks
@IcarusImageJu

IcarusImageJu commented Sep 30, 2015

Really clean and simple, thx ;)
@veewee

veewee commented Oct 9, 2015

Thanks!
@joel-depiltech

joel-depiltech commented Oct 14, 2015

Merci beaucoup !
@nuffer

nuffer commented Oct 16, 2015

Perfect! Thanks!
@tommymalmqvist

tommymalmqvist commented Oct 21, 2015

Thank you very much, sir!
@ghost

ghost commented Oct 21, 2015

Thanks a lot. Also,
@cristianevillegas

cristianevillegas commented Oct 27, 2015

Clean and simple, thank you!
@elumar

elumar commented Oct 30, 2015

Thanks a lot! =)
@richardaskinner

richardaskinner commented Oct 30, 2015

Perfect, thanks
@delputnam

delputnam commented Nov 17, 2015

Sweet and simple. Perfect.
@pillsburys01

pillsburys01 commented Nov 19, 2015

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

harish2704 commented Nov 19, 2015

Thank a lot
@jandante

jandante commented Nov 22, 2015

Thanks!
@stevenknieven

stevenknieven commented Nov 24, 2015

thanks! very useful
@lamadipen

lamadipen commented Nov 29, 2015

Thanks
@jumbrich

jumbrich commented Dec 15, 2015

Thanks, very helpful for us
@jnolimits

jnolimits commented Dec 17, 2015

thank you :)
@aa9000nb

aa9000nb commented Dec 28, 2015

Thanks million, awesome simple script LP
@michelwilhelm

michelwilhelm commented Jan 5, 2016

Thank you!
@vuongtran

vuongtran commented Feb 2, 2016

Thanks!
@ishaqsharief318

ishaqsharief318 commented Feb 3, 2016

👍 Thanks
@DeanoColada

DeanoColada commented Feb 4, 2016

Thanks for this. really helped
@dragonsword007008

dragonsword007008 commented Feb 8, 2016

Thanks, it looks really nice😄
@sachwarah

sachwarah commented Feb 12, 2016

👍
@chadhumphrey

chadhumphrey commented Feb 20, 2016

👍

👍
@560889223

560889223 commented Feb 21, 2016

It looks elegant and decent. Thank you!
@prafful-panwar

prafful-panwar commented Feb 23, 2016

thanks
@imkheong

imkheong commented Feb 23, 2016

Thanks!
@gakyoo

gakyoo commented Feb 24, 2016

Thank you!
@pulkitc

pulkitc commented Feb 26, 2016

Thanks ;)
@maresja1

maresja1 commented Mar 22, 2016

Simply brilliant!
@ArthurGareginyan

ArthurGareginyan commented Apr 27, 2016

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

dreaddymck commented May 31, 2016

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

paksoft18 commented Jun 10, 2016

Thank You 👍
@demik

demik commented Jun 15, 2016

Thank you very much !
@ememumoh

ememumoh commented Jun 22, 2016

Thank you very much
@tkezell

tkezell commented Jun 22, 2016

Perfect! Thank you very much!
@ksuhiyp

ksuhiyp commented Jul 18, 2016

thanks
@sebastianvera

sebastianvera commented Jul 22, 2016

awesome! thanks
@manojitballav

manojitballav commented Jul 22, 2016

Thanks man!
@septembrium

septembrium commented Jul 28, 2016

Thanks! Nice and very practical.
@Motela

Motela commented Aug 2, 2016

thanks
@Niksac

Niksac commented Aug 3, 2016

thanks :)
@andhikamaheva

andhikamaheva commented Aug 16, 2016

Cool!
@trancebeyond

trancebeyond commented Aug 16, 2016

Thanks, simple yet awesome.
@Alkz6

Alkz6 commented Aug 19, 2016

Thanks! :D
@thapakazi

thapakazi commented Aug 29, 2016

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

efrainsteinbach commented Sep 8, 2016

Thanks!
@gemblue

gemblue commented Sep 10, 2016

hahaha thanks
@kuntalshah

kuntalshah commented Sep 10, 2016

It worked for me. Very simple and cool.
@spaghetti-

spaghetti- commented Sep 15, 2016

Thank you.
@SimpleCookie

SimpleCookie commented Sep 22, 2016

Lovely!
@GaneshKandu

GaneshKandu commented Sep 26, 2016

🆒 Awesome, Thank you.
@AZHARULLAH

AZHARULLAH commented Oct 2, 2016

Clean, crisp and short! Great! Thanks!
@Asoul

Asoul commented Oct 4, 2016

Thanks!
@zwpwjwtz

zwpwjwtz commented Oct 8, 2016

Awesome. Thanks.
@wootechno

wootechno commented Oct 12, 2016

thanks!
@jeanmallet

jeanmallet commented Oct 14, 2016

Thanks man! Simple and great work!
@joshdickerson92

joshdickerson92 commented Oct 19, 2016

Awesome, thanks for this!
@matthias-chlechowitz

matthias-chlechowitz commented Oct 26, 2016

thank you 👍
@dm89

dm89 commented Nov 3, 2016

thanks!!
@RonaldoRissardo

RonaldoRissardo commented Nov 8, 2016

tks
@bigjosh

bigjosh commented Nov 9, 2016

perfect. thx.
@xxlen

xxlen commented Nov 13, 2016

thanks
@likeshumidity

likeshumidity commented Nov 13, 2016

Thanks!!!
@iLoose

iLoose commented Nov 15, 2016

Thanks!!!
@ajeetsingh

ajeetsingh commented Nov 17, 2016

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

nvanmeurs commented Nov 24, 2016

This is great, thanks!
@Windastella

Windastella commented Nov 26, 2016

Thanks! Saved my time.
@kiieat

kiieat commented Dec 6, 2016

Thanks! great work
@Mahdi-Sahib

Mahdi-Sahib commented Dec 6, 2016

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

mhdhamouday commented Dec 28, 2016

Amazing!!
@MailrPro

MailrPro commented Dec 29, 2016

Top man/woman! Much appreciated.
@aslabd

aslabd commented Jan 1, 2017

Thanks..
@ankush981

ankush981 commented Jan 2, 2017

Lovely! Elegant and straightforward. 😄
@vyo

vyo commented Jan 3, 2017

Sweet! Used the Gitlab styling, looks really nice.
@Germanaz0

Germanaz0 commented Jan 12, 2017

Thanks !
@AdriaanJoubert

AdriaanJoubert commented Jan 12, 2017

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

zeesaying commented Jan 27, 2017

Thank you very much!
@nerdyator

nerdyator commented Jan 28, 2017

Simple but very helpful
@msalihkarakasli

msalihkarakasli commented Jan 28, 2017

This is really good. Thanks.
@KTatITAssist

KTatITAssist commented Jan 28, 2017

Thank you. Simple but just what I needed.
@manukieli

manukieli commented Jan 30, 2017

Easy, simple and beautifull. Thank you so much.
@KrunchMuffin

KrunchMuffin commented Feb 3, 2017

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

MastaCoder commented Feb 18, 2017

(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

gustavonecore commented Feb 22, 2017

Thanks! really nice :) 👍
@KevHeyland

KevHeyland commented Feb 22, 2017

Made my day!
@pndirpaya

pndirpaya commented Feb 24, 2017

thanks for this!
@hari-karthi

hari-karthi commented Feb 27, 2017

Thank You !!!
@amaliskas

amaliskas commented Feb 27, 2017

Thank you!! Simply & saved me time.
@hadi-jabbari

hadi-jabbari commented Mar 4, 2017

thanks dude
@marchev

marchev commented Mar 6, 2017

Great! Thanks!
@GregoryCollett

GregoryCollett commented Mar 23, 2017

Thanks!
@SiGGaSS

SiGGaSS commented Mar 26, 2017

Thanks a lot!
@anishbhaskaran

anishbhaskaran commented Mar 28, 2017

Thanks a lot!
@monsieurchico

monsieurchico commented Mar 29, 2017

Thanks man !
@indieocean

indieocean commented Apr 2, 2017

Thanks! EZ PZ
@r1cebank

r1cebank commented Apr 4, 2017

Thanks!
@ansario

ansario commented Apr 20, 2017

Thanks!
@ismamud

ismamud commented Apr 20, 2017

please can someone help me with System Maintenance source code?
@KingGhost

KingGhost commented Apr 21, 2017

Thank You 👍
@vgrange

vgrange commented Apr 26, 2017

Thank you!
@saranraj

saranraj commented Apr 27, 2017

Thank you!
@luckycreationsindia

luckycreationsindia commented Apr 27, 2017

Thanks...
@iNibori

iNibori commented May 3, 2017

thanks :)
@Tshwarelo

Tshwarelo commented May 5, 2017 • edited

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

lefuturiste commented May 9, 2017

thanks !
@fenicks

fenicks commented May 12, 2017

Thanks. Just perfect.
@widiw

widiw commented May 15, 2017

very nice. thank you
@Jnxd1

Jnxd1 commented May 23, 2017

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

codenoid commented May 26, 2017

thanks :')
@mining016

mining016 commented May 27, 2017

thank you
@WErwan

WErwan commented May 29, 2017

Nice! Thank you
@ugrozgr

ugrozgr commented Jun 4, 2017

Thank you! It's very good 👍
@mbaric

mbaric commented Jun 10, 2017

Thank you for the template man.
@Rajyaguru

Rajyaguru commented Jun 10, 2017

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

covertKlein commented Jun 12, 2017

thank you this is a great thing to share.
@ILunie

ILunie commented Jun 14, 2017

thx
@mahdyadi

mahdyadi commented Jun 17, 2017

thank you :)
@alexbnk

alexbnk commented Jun 19, 2017

lol thx , means some shit hit the fan
@MasterRyken

MasterRyken commented Jun 19, 2017

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

arielnh56 commented Jun 22, 2017

very nice, thanks!
@mmbmatteo

mmbmatteo commented Jul 3, 2017

THANK YOU :)
@ridaamirini

ridaamirini commented Jul 10, 2017

TY <3
@xavi7th

xavi7th commented Jul 11, 2017

Perfect. Thanks a great deal
@Croucour

Croucour commented Jul 19, 2017

Clean and simple, thanks!
@Putra140588

Putra140588 commented Jul 20, 2017

thnks guys
@faisalnoufal

faisalnoufal commented Jul 29, 2017

💯
@aanunu

aanunu commented Jul 29, 2017

Thanks, simple is awesome 👍
@syhussaini

syhussaini commented Jul 30, 2017

Thank you for a quick and helpful script.

Regards,
Syed H
@mrtarkhan

mrtarkhan commented Aug 7, 2017

thank you
@whaberek

whaberek commented Aug 10, 2017 • edited

Missing HTML important tags: <html></html>, <body></body>, <head></head>. 👌
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment