vidikon преди 2 години
родител
ревизия
b5e375d421

+ 115 - 0
assets/css/style.css

@@ -0,0 +1,115 @@
+html,
+body {
+    height: 100%;
+}
+
+html {
+    display: table;
+    margin : auto;
+}
+
+body {
+    display       : table-cell;
+    vertical-align: middle;
+    padding-top   : 20px;
+    padding-bottom: 20px;
+    padding-left  : 5px;
+    padding-right : 5px;
+}
+
+a {
+    text-decoration: none;
+}
+
+.title {
+    text-align : center;
+    font-family: Archivo, serif;
+    color      : #4f4f4f;
+    font-size  : 52px;
+}
+
+.subtitle {
+    text-align : center;
+    font-family: Archivo, serif;
+    color      : #4f4f4f;
+    font-size  : 44px;
+}
+.subtitle2 {
+    text-align : center;
+    font-family: Archivo, serif;
+    color      : #4f4f4f;
+    font-size  : 34px;
+}
+
+
+.signature {
+    text-align : center;
+    font-family: 'Permanent Marker', cursive;
+    color      : #2e2e2e;
+    font-size  : 46px;
+}
+
+.big-image {
+    display     : block;
+    margin-left : auto;
+    margin-right: auto;
+    width       : 40%;
+    height      : 40%;
+}
+
+.link {
+    color          : #3495eb;
+    text-decoration: none;
+}
+
+.container {
+    padding: 35px 50px 35px 50px;
+}
+
+.social-icon {
+    padding         : 10px;
+    background-color: #222222;
+    border-radius   : 100px;
+    width           : 32px;
+    height          : 32px;
+}
+
+.social-icon:hover {
+    transition      : 0.5s ease;
+    background-color: rgb(34, 34, 34, 0.4);
+}
+
+.social-icon:not(hover) {
+    transition      : 0.5s ease;
+    background-color: #222222;
+}
+
+footer {
+    display: table;
+    margin : auto;
+}
+
+/* Extra small devices (phones, 600px and down) */
+
+@media only screen and (max-width: 600px) {
+    .title {
+        font-size: 36px;
+    }
+
+    .subtitle {
+        font-size: 28px;
+    }
+
+    .signature {
+        font-size: 28px;
+    }
+
+    .big-image {
+        min-width: 100%;
+    }
+
+    .social-icon {
+        width : 32px;
+        height: 32px;
+    }
+}

BIN
assets/img/icons/ic_github_grey_01.png


BIN
assets/img/icons/ic_github_white_01.png


BIN
assets/img/icons/ic_home_grey_01.png


BIN
assets/img/icons/ic_home_white_01.png


BIN
assets/img/icons/ic_playstore_grey_01.png


BIN
assets/img/icons/ic_playstore_white_01.png


BIN
assets/img/wallpaper/construction-site.png


+ 42 - 0
index.html

@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Идет техническое обслуживание</title>
+    <!--===================================================================================================-->
+    <link rel=" icon" href="assets/icons/favicon.png">
+    <link rel="stylesheet" href="assets/css/style.css">
+    <!--===================================================================================================-->
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cairo">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Archivo">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Permanent+Marker">
+    <link href="assets/vendor/fontawesome-free-5.15.4-web/css/all.css" rel="stylesheet">
+    <!--===================================================================================================-->
+</head>
+
+<body>
+    <div class="container">
+        <img class="big-image" src="assets/img/wallpaper/construction-site.png" alt="[Company] Logo">
+        <h1 class="title">
+            Идет техническое обслуживание
+        </h1>
+        <p class="subtitle2">Сайт находится на техническом обслуживании, пожалуйста, зайдите позднее. </p>
+        <p class="subtitle2">Планируемое время обслуживания - 10 минут </p>
+       
+    </div>
+  <!--  <footer>
+        <div class="social-links">
+            <a href="#" target="_blank"><img
+                    src="assets/img/icons/ic_github_white_01.png" alt="Icon" class="social-icon"></a>
+            <a href="#" target="_blank"><img src="assets/img/icons/ic_home_white_01.png"
+                    alt="Icon" class="social-icon"></a>
+            <a href="#" target="_blank"><img
+                    src="assets/img/icons/ic_playstore_white_01.png" alt="Icon" class="social-icon"></a>
+        </div>
+    </footer> -->
+</body>
+
+</html>