некоторые измененния

main
parent 29a704eb60
commit cb93db5b01

@ -0,0 +1,13 @@
{
"extends": [
"development"
],
"hints": {
"axe/name-role-value": [
"default",
{
"button-name": "off"
}
]
}
}

@ -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>

Loading…
Cancel
Save