Файл: Разработка сайта интернет-магазина инструментов «instrumstore.netdo.ru.pdf

ВУЗ: Не указан

Категория: Курсовая работа

Дисциплина: Не указана

Добавлен: 28.06.2023

Просмотров: 63

Скачиваний: 3

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.

Список литературы

  1. Михаил Русаков – Учебник по основам HTM;
  2. Рейчел Эндрю – CSS. 100 и 1 совет;
  3. 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 &copy; 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>