|
|
|
@ -3,7 +3,7 @@
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
|
<title>Design of the Week Template 6 - Pinegrow Web Editor</title>
|
|
|
|
|
<title>tad</title>
|
|
|
|
|
<link href="tailwind_theme/tailwind.css" rel="stylesheet" type="text/css">
|
|
|
|
|
<script>/* Pinegrow Interactions, do not remove */ (function(){try{if(!document.documentElement.hasAttribute('data-pg-ia-disabled')) { window.pgia_small_mq=typeof pgia_small_mq=='string'?pgia_small_mq:'(max-width:767px)';window.pgia_large_mq=typeof pgia_large_mq=='string'?pgia_large_mq:'(min-width:768px)';var style = document.createElement('style');var pgcss='html:not(.pg-ia-no-preview) [data-pg-ia-hide=""] {opacity:0;visibility:hidden;}html:not(.pg-ia-no-preview) [data-pg-ia-show=""] {opacity:1;visibility:visible;display:block;}';if(document.documentElement.hasAttribute('data-pg-id') && document.documentElement.hasAttribute('data-pg-mobile')) {pgia_small_mq='(min-width:0)';pgia_large_mq='(min-width:99999px)'} pgcss+='@media ' + pgia_small_mq + '{ html:not(.pg-ia-no-preview) [data-pg-ia-hide="mobile"] {opacity:0;visibility:hidden;}html:not(.pg-ia-no-preview) [data-pg-ia-show="mobile"] {opacity:1;visibility:visible;display:block;}}';pgcss+='@media ' + pgia_large_mq + '{html:not(.pg-ia-no-preview) [data-pg-ia-hide="desktop"] {opacity:0;visibility:hidden;}html:not(.pg-ia-no-preview) [data-pg-ia-show="desktop"] {opacity:1;visibility:visible;display:block;}}';style.innerHTML=pgcss;document.querySelector('head').appendChild(style);}}catch(e){console&&console.log(e);}})()</script>
|
|
|
|
|
</head>
|
|
|
|
@ -47,29 +47,57 @@
|
|
|
|
|
<section class="bg-secondary-500 font-light py-8 text-gray-500">
|
|
|
|
|
<div class="container mx-auto px-4 relative">
|
|
|
|
|
<div class="mb-6 text-center">
|
|
|
|
|
<h2 class="font-medium mb-1 text-primary-500">Blog</h2>
|
|
|
|
|
<h2 class="font-medium mb-1 text-primary-500">Состояние серверов</h2>
|
|
|
|
|
<h3 class="font-bold font-serif mb-4 text-4xl text-white">Статус</h3>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex flex-wrap -mx-4 justify-center">
|
|
|
|
|
<div class="p-4 w-full md:w-6/12 lg:w-4/12">
|
|
|
|
|
<div class="bg-primary-500 flex flex-col h-full p-4 rounded shadow-lg"><a href="#" class="block hover:opacity-75"><img src="https://images.unsplash.com/photo-1508672019048-805c876b67e2?ixid=MXwyMDkyMnwwfDF8c2VhcmNofDJ8fHRyYXZlbHxlbnwwfHx8&ixlib=rb-1.2.1q=85&fm=jpg&crop=faces&cs=srgb&w=700&h=480&fit=crop" class="w-full" alt="..." width="350" height="240"/></a>
|
|
|
|
|
<div class="bg-primary-500 flex flex-col h-full p-4 rounded shadow-lg">
|
|
|
|
|
<a href="#" class="block hover:opacity-75">
|
|
|
|
|
<img src="https://images.unsplash.com/photo-1508672019048-805c876b67e2?ixid=MXwyMDkyMnwwfDF8c2VhcmNofDJ8fHRyYXZlbHxlbnwwfHx8&ixlib=rb-1.2.1q=85&fm=jpg&crop=faces&cs=srgb&w=700&h=480&fit=crop" class="w-full" alt="..." width="350" height="240"/>
|
|
|
|
|
</a>
|
|
|
|
|
<div class="p-4">
|
|
|
|
|
<h4 class="font-semibold leading-tight mb-2 text-gray-300 text-xs">Ноут</h4><a href="#" class="block hover:text-gray-300 text-white"><h3 class="font-bold leading-tight text-xl">itman-nb</h3><h3 class="font-bold leading-tight text-xl"></h3><h3 class="font-bold leading-tight text-gray-300 text-xl">192.168.0.111</h3></a>
|
|
|
|
|
<h4 class="font-semibold leading-tight mb-2 text-gray-300 text-xs">
|
|
|
|
|
Ноутбук
|
|
|
|
|
</h4>
|
|
|
|
|
<a href="#" class="block hover:text-gray-300 text-white">
|
|
|
|
|
<h3 class="font-bold leading-tight text-xl">itman-nb</h3>
|
|
|
|
|
<h3 class="font-bold leading-tight text-xl"></h3>
|
|
|
|
|
<h3 class="font-bold leading-tight text-xl">
|
|
|
|
|
192.168.0.111
|
|
|
|
|
</h3>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="p-4 w-full md:w-6/12 lg:w-4/12">
|
|
|
|
|
<div class="bg-primary-500 flex flex-col h-full p-4 rounded shadow-lg"><a href="#" class="block hover:opacity-75"><img src="https://images.unsplash.com/photo-1499363536502-87642509e31b?ixid=MXwyMDkyMnwwfDF8c2VhcmNofDE2fHx0cmF2ZWx8ZW58MHx8fA&ixlib=rb-1.2.1q=85&fm=jpg&crop=faces&cs=srgb&w=700&h=480&fit=crop" class="w-full" alt="..." width="350" height="240"/></a>
|
|
|
|
|
<div class="p-4">
|
|
|
|
|
<h4 class="font-semibold leading-tight mb-2 text-gray-300 text-xs">Стационарный</h4>
|
|
|
|
|
<a href="#" class="block hover:text-gray-300 text-white"><h3 class="font-bold leading-tight text-xl">itman-pc</h3><h3 class="font-bold leading-tight text-xl">192.168.0.112</h3><p></p></a>
|
|
|
|
|
<h4 class="font-semibold leading-tight mb-2 text-gray-300 text-xs">
|
|
|
|
|
Стационарный
|
|
|
|
|
</h4>
|
|
|
|
|
<a href="#" class="block hover:text-gray-300 text-white">
|
|
|
|
|
<h3 class="font-bold leading-tight text-xl">itman-pc</h3>
|
|
|
|
|
<h3 class="font-bold leading-tight text-xl">
|
|
|
|
|
192.168.0.112
|
|
|
|
|
</h3>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="p-4 w-full md:w-6/12 lg:w-4/12">
|
|
|
|
|
<div class="bg-primary-500 flex flex-col h-full p-4 rounded shadow-lg"><a href="#" class="block hover:opacity-75"><img src="https://images.unsplash.com/photo-1471506480208-91b3a4cc78be?ixid=MXwyMDkyMnwwfDF8c2VhcmNofDUyfHx0cmF2ZWx8ZW58MHx8fA&ixlib=rb-1.2.1q=85&fm=jpg&crop=faces&cs=srgb&w=700&h=480&fit=crop" class="w-full" alt="..." width="350" height="240"/></a>
|
|
|
|
|
<div class="p-4">
|
|
|
|
|
<h4 class="font-semibold leading-tight mb-2 text-gray-300 text-xs">Сервер</h4><a href="#" class="block hover:text-gray-300 text-white"><h3 class="font-bold leading-tight text-xl">xigmanas</h3><h3 class="font-bold leading-tight text-xl">192.168.0.105</h3><h3 class="font-bold leading-tight text-xl"></h3></a>
|
|
|
|
|
<h4 class="font-semibold leading-tight mb-2 text-gray-300 text-xs">
|
|
|
|
|
Сервер
|
|
|
|
|
</h4>
|
|
|
|
|
<a href="#" class="block hover:text-gray-300 text-white">
|
|
|
|
|
<h3 class="font-bold leading-tight text-xl">xigmanas</h3>
|
|
|
|
|
<h3 class="font-bold leading-tight text-xl">
|
|
|
|
|
192.168.0.105
|
|
|
|
|
</h3>
|
|
|
|
|
<h3 class="font-bold leading-tight text-xl"></h3>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|