Различия
Здесь показаны различия между двумя версиями данной страницы.
| Предыдущая версия справа и слева Предыдущая версия Следующая версия | Предыдущая версия | ||
|
продукция [2019/09/11 11:20] raven |
— (текущий) | ||
|---|---|---|---|
| Строка 1: | Строка 1: | ||
| - | <html> | ||
| - | |||
| - | <style type="text/css"> | ||
| - | |||
| - | #col1{ /* 1 */ | ||
| - | font-family: Verdana, Arial, sans-serif; /* Рубленый шрифт */ | ||
| - | font-weight: normal; /* Жирное начертание текста заголовка */ | ||
| - | font-size: 100%; /* Размер шрифта */ | ||
| - | border: solid 1px black; | ||
| - | color: black; /* Цвет текста заголовка */ | ||
| - | width: 250px; | ||
| - | padding-top: 1%; /* 1:1 Aspect Ratio */ | ||
| - | position: relative; /* If you want text inside of it */ | ||
| - | padding: 10px; | ||
| - | |||
| - | |||
| - | float: left; /* Состыковка колонок по горизонтали */ | ||
| - | } | ||
| - | #col1{ /* 2 */ | ||
| - | font-family: "Times New Roman", Times, serif; /* Шрифт */ | ||
| - | font-size: 100%; /* Размер шрифта */ | ||
| - | font-weight: normal; /* Нормальное начертание */ | ||
| - | color: black; /* Цвет текста */ | ||
| - | text-align: center; | ||
| - | } | ||
| - | /* Цвет фона каждого слоя */ | ||
| - | #col1 { background: #FFFFFF; } | ||
| - | #col2 { background:#FFFFFF; } | ||
| - | #col3 { background:#FFFFFF; } | ||
| - | #col4 { background:#FFFFFF; } | ||
| - | |||
| - | .widget { | ||
| - | padding: 20px 30px; | ||
| - | background: white; | ||
| - | font-family: 'Roboto', sans-serif; | ||
| - | } | ||
| - | .col2 { | ||
| - | width: 100%; | ||
| - | border: solid 1px black; | ||
| - | } | ||
| - | .block1 { | ||
| - | width: 100%; | ||
| - | |||
| - | | ||
| - | float: left; | ||
| - | } | ||
| - | .block2 { | ||
| - | width: 230px; | ||
| - | | ||
| - | | ||
| - | float: left; | ||
| - | position: relative; | ||
| - | left: 30px; | ||
| - | top: -48px; | ||
| - | | ||
| - | | ||
| - | |||
| - | } | ||
| - | {box-sizing: border-box; margin: 0;} | ||
| - | .widget { | ||
| - | | ||
| - | background: white; | ||
| - | opacity: 0.9; | ||
| - | font-family: 'Roboto', sans-serif; | ||
| - | | ||
| - | } | ||
| - | .widget-title { | ||
| - | text-transform: uppercase; | ||
| - | letter-spacing: 2px; | ||
| - | color: #111; | ||
| - | font-size: 16px; | ||
| - | padding-left: 15px; | ||
| - | margin-bottom: 15px; | ||
| - | border-left: 2px solid #336335; | ||
| - | | ||
| - | } | ||
| - | .widget-list { | ||
| - | padding: 0; | ||
| - | list-style: none; | ||
| - | } | ||
| - | .widget-list a:before { | ||
| - | content: "\2014"; | ||
| - | margin-right: 14px; | ||
| - | } | ||
| - | .widget-list a { | ||
| - | text-decoration: none; | ||
| - | outline: none; | ||
| - | display: block; | ||
| - | padding: 6px 0; | ||
| - | letter-spacing: 1px; | ||
| - | font-weight: 300; | ||
| - | color: #444; | ||
| - | transition: .3s linear; | ||
| - | } | ||
| - | .widget-list a:hover {color: #b99d61;} | ||
| - | |||
| - | |||
| - | </style> | ||
| - | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| - | |||
| - | <body> | ||
| - | <div class="block1"; style="width:100%;"> | ||
| - | <center><div class="tr"> | ||
| - | </div> | ||
| - | |||
| - | <div id="col1"> | ||
| - | <a href="doku.php?id=product:RV-2"; style="font-size:1.3vw">Расширитель входов РВ-2</a><br><br> | ||
| - | <img src="img\5.png" style="width:100%;"><br> | ||
| - | |||
| - | </div> | ||
| - | |||
| - | <div id="col1"; > | ||
| - | <a href="doku.php?id=product:kupol"; style="font-size:1.3vw">Защитный кожух для датчиков температуры "Купол"</a><br> | ||
| - | <img src="img\4.png" style="width:100%;"><br><br> | ||
| - | |||
| - | </div> | ||
| - | <div id="col1"> | ||
| - | <a href="http://localhost/doku.php?id=product:2-SIM" ; style="font-size:1.3vw">Модуль 2SIM</a><br><br> | ||
| - | <img src="img\img.jpg" style="width:100%;"><br> | ||
| - | |||
| - | </div> | ||
| - | <div id="col1"> | ||
| - | <a href="http://localhost/doku.php?id=product:2-SIM"; style="font-size:1.3vw" >Датчик положения кузова</a><br><br> | ||
| - | <img src="img\img.jpg" style="width:100%;"><br> | ||
| - | |||
| - | </div> | ||
| - | <div id="col1"> | ||
| - | <a href="http://localhost/doku.php?id=product:2-SIM"; style="font-size:1.3vw" >KOMCAN</a><br><br> | ||
| - | <img src="img\img.jpg" style="width:100%;"><br> | ||
| - | |||
| - | </div> | ||
| - | </div> | ||
| - | |||
| - | <div id="col1"> | ||
| - | <a href="http://localhost/doku.php?id=product:2-SIM"; style="font-size:1.3vw" >Датчик температуры PIN</a><br><br> | ||
| - | <img src="img\img.jpg" style="width:100%;"><br> | ||
| - | |||
| - | </div> | ||
| - | <div id="col1"> | ||
| - | <a href="http://localhost/doku.php?id=product:2-SIM" ; style="font-size:1.3vw" >Вектор</a><br><br> | ||
| - | <img src="img\img.jpg" style="width:100%;"><br> | ||
| - | |||
| - | </div> | ||
| - | <div id="col1"> | ||
| - | <a href="http://localhost/doku.php?id=product:2-SIM" ; style="font-size:1.3vw" >Вектор-Ethernet</a><br><br> | ||
| - | <img src="img\img.jpg" style="width:100%;"><br> | ||
| - | |||
| - | </div> | ||
| - | <div id="col1"> | ||
| - | <a href="http://localhost/doku.php?id=product:2-SIM"; style="font-size:1.3vw" >Вибрационный датчик</a><br><br> | ||
| - | <img src="img\img.jpg" style="width:100%;"><br> | ||
| - | |||
| - | </div> | ||
| - | <div id="col1"> | ||
| - | <a href="http://localhost/doku.php?id=product:2-SIM"; style="font-size:1.3vw" >ТПМ</a><br><br> | ||
| - | <img src="img\img.jpg" style="width:100%;"><br> | ||
| - | |||
| - | </div> | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | </div> | ||
| - | <div class="block2"> | ||
| - | <div class="widget"> | ||
| - | <h3 class="widget-title">Категории</h3> | ||
| - | <ul class="widget-list"> | ||
| - | <li><a href="">Продукты</a></li> | ||
| - | <li><a href="">Документация</a></li> | ||
| - | <li><a href="">FAQ</a></li> | ||
| - | </ul> | ||
| - | </div> | ||
| - | |||
| - | </div> | ||
| - | |||
| - | |||
| - | </body> | ||
| - | </html> | ||
| - | |||