Файл: Разработка сайта интернет-магазина инструментов «instrumstore.netdo.ru.pdf
Добавлен: 28.06.2023
Просмотров: 64
Скачиваний: 3
Список литературы
- Михаил Русаков – Учебник по основам HTM;
- Рейчел Эндрю – CSS. 100 и 1 совет;
- Adobe Photoshop CS6. Официальный учебный курс.
<!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="copyright" content="NetDo.ru" /> <meta name="id" content="41800" /> <title></title> <meta name="title" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <meta name="robots" content="all" /> <link rel="icon" href="/favicon-128x128.png" type="image/png" sizes="128x128" /><link rel="icon" href="/favicon-160x160.png" type="image/png" sizes="160x160" /><link rel="icon" href="/favicon-16x16.png" type="image/png" sizes="16x16" /><link rel="icon" href="/favicon-192x192.png" type="image/png" sizes="192x192" /><link rel="icon" href="/favicon-32x32.png" type="image/png" sizes="32x32" /><link rel="icon" href="/favicon-64x64.png" type="image/png" sizes="64x64" /><link rel="icon" href="/favicon-96x96.png" type="image/png" sizes="96x96" /> <link href="//netdo.ru/cache/minify/adbac05165d77e38ce09b137e49931b8.css" rel="stylesheet" /> <link href="/template/css/style_1516534424.css" rel="stylesheet" media="all" /> <meta name="viewport" content="width=device-width" /> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> </head> <body> <div class="layout wrap"> <section class="section section-header"> <div id="header"> <header class="header"> <div class="wrap"> <div class="header-main" style="height:117px"> <div class="header-text" style="left:140px; top:15px; width:697px; height:98px"> <div class="unreset"><span style="font-size: 51px; color: #000000; font-family: tahoma,arial,helvetica,sans-serif;"><strong>Instrumstore</strong></span></div> </div> <div class="header-text" style="left:142px; top:73px; width:368px; height:30px"> <div class="unreset"><span style="font-size: 15px; font-family: tahoma,arial,helvetica,sans-serif; color: #000000;"><strong>интернет-магазин доступного инструмента</strong></span></div> </div> <div class="header-text" style="left:731px; top:0px; width:297px; height:35px"> <div class="unreset"><span style="font-size: 24px;"><strong>Instrumstore@magaz.ru</strong></span></div> </div><div class="header-logo" style="left:22px; top:3px; width:110px; height:110px"><a href="http://instrumstore.netdo.ru/"><img src="/template/images/logo-5a283d321001d.png" alt="instrumstore.netdo.ru" /></a></div> </div> </div> </header></div> </section> <section class="section section-headmenu"> <div id="headmenu"><nav class="headmenu"> <div class="wrap"> <ul class="nav"> <li class="nav-active "> <a href="/" target="_self">Главная</a> </li><li class=" nav-sublist"> <a href="/shop" target="_self">Каталог товаров</a> <div class="subnav"> <ul class="subnav_list"> <li><a href="http://instrumstore.netdo.ru/shop/34182" target="_blank">Электроинструмент</a></li> <li><a href="http://instrumstore.netdo.ru/shop/34183" target="_blank">Ручной инструмент</a></li> <li><a href="http://instrumstore.netdo.ru/shop/34184" target="_blank">Измерительный инструмент</a></li> <li><a href="http://instrumstore.netdo.ru/shop/34185" target="_blank">Расходные материалы</a></li> <li><a href="http://instrumstore.netdo.ru/shop/34186" target="_blank">Хранение инструмента</a></li> </ul> </div> </li><li class=" "> <a href="/service" target="_self">Услуги</a> </li><li class=" "> <a href="/article" target="_self">Статьи</a> </li><li class=" "> <a href="/contact" target="_self">Контакты</a> </li><li class=" "> <a href="/search" target="_self">Поиск</a> </li> </ul> </div> </nav></div> </section> <section class="section section-slider"> <div id="slider"> <div class="wrap"> <div class="slider"> <div class="slider-cover carousel"> <div class="carousel-list" id="slider5a6490363bf3d" style="height:280px;" data-slick='{"fade":false,"autoplay":true,"autoplaySpeed":5000,"arrows":true,"dots":true}'><div class="item" data-id="0" style="height:280px; background-image:url('/uploads/images/2f/09/2f0964c49fb8d7e8cf9a779ac6c219aa.jpg');"><a href="http://instrumstore.netdo.ru/goods/191496" target="_self"></a></div><div class="item" data-id="1" style="height:280px; background-image:url('/uploads/images/b7/e7/b7e724ffbfa4c9d1ad846db70775fc85.jpg');"><a href="http://instrumstore.netdo.ru/goods/191495" target="_blank"></a></div><div class="item" data-id="2" style="height:280px; background-image:url('/uploads/images/1a/a0/1aa0e34e4b5831c31d3d5adeb59394da.jpg');"><a href="http://instrumstore.netdo.ru/goods/191494" target="_blank"></a></div> </div> </div> </div> </div></div> </section> <section class="section section-middle"> <div class="wrap"> <div class="middle"> <section class="content"> <div id="content"><div id="b-m-4" class="block b-m b-m-goods"> <div class="block-head"> <h3><a class="invert" href="http://instrumstore.netdo.ru/shop">Товары</a></h3> </div> <div class="block-body"> <div class="grid grid-4"> <!-- --><div class="grid-col"> <div class="grid-inner text-center b-goods-item_inner"> <a class="img img-center img-150 mb-10" href="http://instrumstore.netdo.ru/goods/191631"> <img src="http://instrumstore.netdo.ru/uploads/images/300/41/db/41db5675f0e1ca1ff92a9d0302f8b125.jpg" alt="Ящик для инструмента STELS 90712" /> </a> <ul class="reset list-caption"> <li><a href="http://instrumstore.netdo.ru/goods/191631">Ящик для инструмента STELS 90712</a></li> <li class="b-goods-item_price"> <span class="price"> <span class="sum">1390</span> <span class="cur RUB">руб.</span> </span> </li> <li class="b-goods-item_basket"> <a data-role="basket_add" data-params='{"id": 191631}' href="http://instrumstore.netdo.ru/goods/191631" class="btn btn-mm icon-basket"> Купить</a> </li> </ul> </div> </div><!-- --><!-- --><div class="grid-col"> <div class="grid-inner text-center b-goods-item_inner"> <a class="img img-center img-150 mb-10" href="http://instrumstore.netdo.ru/goods/191633"> <img src="http://instrumstore.netdo.ru/uploads/images/300/28/38/28383a4a3939e2b04c8583b7e095e6d7.jpg" alt="Шлем сварщика DEKO PRO MZ224" /> </a> <ul class="reset list-caption"> <li><a href="http://instrumstore.netdo.ru/goods/191633">Шлем сварщика DEKO PRO MZ224</a></li> <li class="b-goods-item_price"> <span class="price"> <span class="sum">1890</span> <span class="cur RUB">руб.</span> </span> </li> <li class="b-goods-item_basket"> <a data-role="basket_add" data-params='{"id": 191633}' href="http://instrumstore.netdo.ru/goods/191633" class="btn btn-mm icon-basket"> Купить</a> </li> </ul> </div> </div><!-- --><!-- --><div class="grid-col"> <div class="grid-inner text-center b-goods-item_inner"> <a class="img img-center img-150 mb-10" href="http://instrumstore.netdo.ru/goods/191632"> <img src="http://instrumstore.netdo.ru/uploads/images/300/49/68/4968bbe1e33090b9efea170e0d1a7824.jpg" alt="Руковицы сварщика DEKO PRO TBKR-BY" /> </a> <ul class="reset list-caption"> <li><a href="http://instrumstore.netdo.ru/goods/191632">Руковицы сварщика DEKO PRO TBKR-BY</a></li> <li class="b-goods-item_price"> <span class="price"> <span class="sum">1290</span> <span class="cur RUB">руб.</span> </span> </li> <li class="b-goods-item_basket"> <a data-role="basket_add" data-params='{"id": 191632}' href="http://instrumstore.netdo.ru/goods/191632" class="btn btn-mm icon-basket"> Купить</a> </li> </ul> </div> </div><!-- --><!-- --><div class="grid-col"> <div class="grid-inner text-center b-goods-item_inner"> <a class="img img-center img-150 mb-10" href="http://instrumstore.netdo.ru/goods/191628"> <img src="http://instrumstore.netdo.ru/uploads/images/300/57/ff/57ff11918e6f338e322cb6797c4ec1d4.jpg" alt="Инверторный сварочный аппарат DEKO PRO DKA-120" /> </a> <ul class="reset list-caption"> <li><a href="http://instrumstore.netdo.ru/goods/191628">Инверторный сварочный аппарат DEKO PRO DKA-120</a></li> <li class="b-goods-item_price"> <span class="price"> <span class="sum">6190</span> <span class="cur RUB">руб.</span> </span> </li> <li class="b-goods-item_basket"> <a data-role="basket_add" data-params='{"id": 191628}' href="http://instrumstore.netdo.ru/goods/191628" class="btn btn-mm icon-basket"> Купить</a> </li> </ul> </div> </div><!-- --> </div> </div></div><div id="b-m-3" class="block b-m b-m-shop"> <div class="block-head"> <h3><a class="invert" href="http://instrumstore.netdo.ru/shop">Каталог товаров</a></h3> </div> <div class="block-body"> <div class="grid"> <!-- --><div class="grid-col"> <div class="grid-inner"> <div class="media"> <div class="pull-left"> <a class="img img-center img-120" href="http://instrumstore.netdo.ru/shop/34182"><img src="http://instrumstore.netdo.ru/uploads/images/88/aa/88aab89dc37a59244e6f59bff1db7bfe.jpg" alt="Электроинструмент" /></a> </div> <div class="media-body"> <h3 class="reset"><a href="http://instrumstore.netdo.ru/shop/34182"><b>Электроинструмент</b></a></h3> <ul class="reset list-caption mt-5"> <li class="color-light">Товаров: 3</li> </ul> </div> </div> </div> </div><!-- --><!-- --><div class="grid-col"> <div class="grid-inner"> <div class="media"> <div class="pull-left"> <a class="img img-center img-120" href="http://instrumstore.netdo.ru/shop/34183"><img src="http://instrumstore.netdo.ru/uploads/images/24/7b/247b0c53c4e71e24460b9426bc80fd9a.jpg" alt="Ручной инструмент" /></a> </div> <div class="media-body"> <h3 class="reset"><a href="http://instrumstore.netdo.ru/shop/34183"><b>Ручной инструмент</b></a></h3> <ul class="reset list-caption mt-5"> <li class="color-light">Товаров: 2</li> </ul> </div> </div> </div> </div><!-- --><!-- --><div class="grid-col"> <div class="grid-inner"> <div class="media"> <div class="pull-left"> <a class="img img-center img-120" href="http://instrumstore.netdo.ru/shop/34184"><img src="http://instrumstore.netdo.ru/uploads/images/c7/a3/c7a3b135f6312415f32dade72f216f7a.jpg" alt="Измерительный инструмент" /></a> </div> <div class="media-body"> <h3 class="reset"><a href="http://instrumstore.netdo.ru/shop/34184"><b>Измерительный инструмент</b></a></h3> <ul class="reset list-caption mt-5"> <li class="color-light">Товаров: 3</li> </ul> </div> </div> </div> </div><!-- --><!-- --><div class="grid-col"> <div class="grid-inner"> <div class="media"> <div class="pull-left"> <a class="img img-center img-120" href="http://instrumstore.netdo.ru/shop/34185"><img src="http://instrumstore.netdo.ru/uploads/images/a4/b1/a4b1b7bee316372d79f00fef723a37a3.jpg" alt="Расходные материалы для инструмента" /></a> </div> <div class="media-body"> <h3 class="reset"><a href="http://instrumstore.netdo.ru/shop/34185"><b>Расходные материалы для инструмента</b></a></h3> <ul class="reset list-caption mt-5"> <li class="color-light">Товаров: 3</li> </ul> </div> </div> </div> </div><!-- --><!-- --><div class="grid-col"> <div class="grid-inner"> <div class="media"> <div class="pull-left"> <a class="img img-center img-120" href="http://instrumstore.netdo.ru/shop/34186"><img src="http://instrumstore.netdo.ru/uploads/images/78/97/7897aadb35d4478302b95c04e1e9f019.jpg" alt="Организация хранения инструмента" /></a> </div> <div class="media-body"> <h3 class="reset"><a href="http://instrumstore.netdo.ru/shop/34186"><b>Организация хранения инструмента</b></a></h3> <ul class="reset list-caption mt-5"> <li class="color-light">Товаров: 1</li> </ul> </div> </div> </div> </div><!-- --> </div> </div></div></div> <div id="info"></div> </section> </div> </div> </section> <section class="section section-footer"> <div id="footer"> <footer class="footer"> <div class="wrap"> <div class="footer-main" style="height:80px"> <div class="footer-text" style="left:409px; top:48px; width:300px; height:30px"> <div class="unreset">2017 © instrumstore.netdo.ru</div> </div> </div> </div> </footer></div> </section> </div> <div style="display:block !important; margin:15px auto !important; text-align:center !important; width:100% !important; min-width:200px !important; max-width:300px !important;"> <a href="http://netdo.ru/" style="position:relative !important; display:block !important; z-index:1 !important; padding:8px !important; background:rgba(255,255,255,.75) !important; color:#000 !important; text-align:center !important; text-decoration:none !important; font-family:arial,tahoma,sans-serif !important; border-radius:2px !important; box-shadow:0 0 5px rgba(0,0,0,.3);" target="_blank"> <h3 style="display:inline-block !important; font-size:15px !important; padding-left:30px !important; background:url('http://netdo.ru/static/img/logo.svg') no-repeat left center !important; background-size:25px 17px !important; height:17px !important; line-height:17px !important; text-transform:uppercase !important; margin:0 0 3px 0 !important;">NETDO.RU</h3> <strong style="display:block !important; font-size:11px !important;">Лучший конструктор сайтов </strong> </a> </div> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script> <script src="//netdo.ru/cache/minify/a491f3018f7a820b80938386f1365d6f.js" type="text/javascript"></script> <script>$(function() { $("#slider5a6490363bf3d").slick(); });</script> <div id="widget-gotop"><div id="gotop" class="gotop gotop-4"><i class="icon-up-open"></i></div> <script> $(function() { var t = $('#gotop'); $(window).scroll(function() { if ( $(this).scrollTop() > 200 ) { t.css('opacity', 1); } else { t.css('opacity', 0); } }); t.click(function() { $("html, body").animate({scrollTop:0}, 600, 'swing'); return false; }); }); </script></div> <script><!-- document.write('<img src="//' + window.location.host + '/counter' + '?' + 'u=' + encodeURI( document.URL ) + '&' + Math.random() + '" style="position:absolute; bottom:0; left:0; opacity:0; border:0; width:0; height:0;" />') //--></script> </body> </html> |