Skip to content

Instantly share code, notes, and snippets.

@Sbastien

Sbastien/maintenance.html

Forked from pitch-gist/gist:2999707
Created January 31, 2018 14:19
Show Gist options
  • Save Sbastien/0e8233f6d0dbfa8cc8278878d036ac6a to your computer and use it in GitHub Desktop.
Save Sbastien/0e8233f6d0dbfa8cc8278878d036ac6a to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. Sbastien revised this gist Jan 31, 2018. 2 changed files with 26 additions and 18 deletions.
    18 changes: 0 additions & 18 deletions gistfile1.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,18 +0,0 @@
    <!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>
    26 changes: 26 additions & 0 deletions maintenance.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,26 @@
    <!DOCTYPE html>
    <html>
    <head>
    <title>Site Maintenance</title>
    <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>
    </head>
    <body>
    <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>
    </body>
    </html>
  2. @pitch-gist pitch-gist renamed this gist Jun 26, 2012. 1 changed file with 0 additions and 0 deletions.
    0 gistfile1 → gistfile1.html
    View file
    File renamed without changes.
  3. @pitch-gist pitch-gist created this gist Jun 26, 2012.
    18 changes: 18 additions & 0 deletions gistfile1
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,18 @@
    <!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>