makershare-frontend/maintenance.html at master · Make-Magazine/makershare-frontend · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!doctype html>
<html>
  <head>
    <meta charset="utf-8">

    <title>Maker Share | 404 Page</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/x-icon" href="./static-assets/images/icons/m-favicon.ico">
    <link rel="stylesheet" href="static-assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="static-assets/css/linear-style.css">
    <link href="https://fonts.googleapis.com/css?family=Roboto:300" rel="stylesheet">
    <style>
    @font-face {
      font-family: Roboto;
    }
      #page-maintenance {
         position: relative;
         overflow: hidden;
         text-align: center;
         color: #4A4A4A;
         font-family: Roboto;
         width: 900px;
         margin: 0 auto;
      }
      h1 {
         font-size: 64px;
         line-height: 75px;
         font-weight: normal;
         margin-top: 40px;
         margin-bottom: 26px;
      }
      p {
         font-size: 18px;
         line-height: 21px;
         margin-top: 0;
         margin-bottom: 0;
      }
      .hero-img {
         display: block;
         margin: 0 auto;
      }
      .text-container {
         text-align: center;
      }
      .third div {
         width: 33%;
         float: left;
      }
      @media (max-width: 992px) {
        #page-maintenance .text-block {
            left: 0;
            right: 0;
            width: 320px;
            margin: auto;
            bottom: 10%;
        }
      }
      @media (min-width: 1200px) {
          #page-maintenance .text-block {
              bottom: 50px;
              right: 160px;
          }
      }

    </style>

  </head>
  <body class="mt-0">
    <div id="page-maintenance">

      <img src="./static-assets/images/background/MakerShare-Maint.png" alt="" class="hero-img" width="224px" />

      <h1>Site Under Maintenance</h1>
      <p>Thank you for being patient. We are doing some work on the site and will be back shortly.</p>

      <img src="./static-assets/images/background/SadMakeyMakerShareCampaign-Maint.png" alt="" class="hero-img" width="701px" />
      <p style="padding-bottom: 37px">Other things you can explore:</p>
      <div class="third">
         <div><a href="https://makerfaire.com"><img src="./static-assets/images/background/MakerFaire-Maint.png" alt="" class="hidden-md-up" height="44px;" /></a></div>
         <div><a href="https://make.co"><img src="./static-assets/images/background/Make_Logo_Maint.png" alt="" class="hidden-md-up" height="38px" /></a></div>
         <div><a href="https://makershed.com"><img src="./static-assets/images/background/MakerShed-Maint.png" alt="" class="hidden-md-up" height="44px" /></a></div>
      </div>
    </div>
  </body>
</html>