Страница тех.работ

Параметр Значение
Категория Страницы технических работ
Добавил uAdministrator
Дата публикации 16.05.2024, 05:41
Размер файла 1.37 Mb
Авторский
Адапт. дизайн
Просмотрен 20

Перед вами обычная страница технического сайта, которую можно использовать так же, как и заглушку на любой странице вашего сайта. Ставят ее, когда на сайте идет работа по обновлению дизайна или производится смена дизайна. Вообщем для того, чтобы пользователь не мог какое-то время зайти и где ему будет написано, по какой причине и когда интернет-ресурс откроется.

На фоне мы можем видеть какой - то город, точнее дорогу, пару надписей о том, что то же самое произошло с вашим сайтом, и естественно таймер показывает, сколько ваш сайт станет доступным.

Установка:

1. Качаем архив там будет несколько папок, распаковываем их в удобное для вас место.
2. CSS (загружаем в корень вашего сайта).
3. ШРИФТЫ (загружаем в корень вашего сайта).
4. ИЗОБРАЖЕНИЯ (загружаем в корень вашего сайта).
5. JS (загружаем в корень вашего сайта).
6. После этого копируем код, который приведен ниже:

Код
<!DOCTYPE html>
<html>

<!-- Head -->
<head>

  <title>Ooops.. Тех.работы</title>

  <!-- For-Mobile-Apps -->
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="keywords" content="Countdown Timer Widget Responsive, Login Form Web Template, Flat Pricing Tables, Flat Drop-Downs, Sign-Up Web Templates, Flat Web Templates, Login Sign-up Responsive Web Template, Smartphone Compatible Web Template, Free Web Designs for Nokia, Samsung, LG, Sony Ericsson, Motorola Web Design" />
  <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
  <!-- //For-Mobile-Apps -->

  <!-- Style -->
  <link href="css/jquerysctipttop.css" rel="stylesheet" type="text/css">
  <link rel="stylesheet" href="css/style.css" type="text/css"/>
  <!-- //Style -->

  <!-- Fonts -->
  <link href='//fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  <link href='//fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900' rel='stylesheet' type='text/css'>
  <!-- Fonts -->

</head>
<!-- //Head -->

<!-- Body -->
<body>

  <div class="container">
  <h1>НА САЙТЕ ТЕХ РАБОТЫ</h1>
  <div class="clear-loading spinner">
  <span></span>
  </div>
  </div>

  <div class="wrapper">
  <h2>Мы скоро :-)</h2>
  <h3>Мы обновляем сайт для Вашего удобства. <span class="sub-message">Мы отскроемся через :</span></h3>

  <div class="clock">
  <div class="column days">
  <div class="timer" id="days"></div>
  <div class="text">DAYS</div>
  </div>
  <div class="timer days">:</div>
  <div class="column">
  <div class="timer" id="hours"></div>
  <div class="text">HOURS</div>
  </div>
  <div class="timer">:</div>
  <div class="column">
  <div class="timer" id="minutes"></div>
  <div class="text">MINUTES</div>
  </div>
  <div class="timer">:</div>
  <div class="column">
  <div class="timer" id="seconds"></div>
  <div class="text">SECONDS</div>
  </div>
  </div>
  </div>

  <div class="footer">
   
  </div>

  <!-- Custom-JavaScript-File-Links -->
  <script src="js/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ="crossorigin="anonymous"></script>
  <script type="text/javascript" src="js/moment.js"></script>
  <script type="text/javascript" src="js/moment-timezone-with-data.js"></script>
  <script type="text/javascript" src="js/timer.js"></script>
  <!-- //Custom-JavaScript-File-Links -->

</body>
<!-- //Body -->

</html>

Теги: тех.работ, страница

Комментариев пока нет..

Ты можешь быть первым, кто оставит комментарий к публикации!

Всего комментариев: 0
avatar



Администратор в сети
Администратор не в сети