П. 1 исходный код главной страницы веб-сайта 


Мы поможем в написании ваших работ!



ЗНАЕТЕ ЛИ ВЫ?

П. 1 исходный код главной страницы веб-сайта



 

<!DOCTYPE html>

<html>

<head>

<title>Б.А.М. Автомойка</title>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width">

<link rel="stylesheet" type="text/css" href="reset.css" />

<link rel="stylesheet" type="text/css" href="style.css" />

<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>

<script src="js/carouFredSel/jquery.carouFredSel-6.2.1.js" type="text/javascript"></script>

<script src="js/scripts.js" type="text/javascript"></script>

<script src="js/jquery-ui.min.js" type="text/javascript"></script>

</head>

<body>

<div class="all">

<div class="header">

<a href="#"><img class="logo" src="img/logo.png" alt="logo"></a>

<div class="phone_number">

<span class="number">+7(777)</span>

<span class="number_bold">370-23-39</span>

<span class="number">+7(727)</span>

<span class="number_bold">354-04-19</span>

</div>

<div class="contacts">

<div class="section">

<a href="info@bam69.ru"><span class="mail">info@bam69.ru</span></a>

<a href="#"><span class="search">Мы на карте</span></a>

</div>

<div class="section">

<span class="address">г. Тверь Вагжанова 11 (территория таксопарка)</span>

<div class="social">

<a href="#"><img src="img/twitter.png" alt="twitter"/></a>

<a href="#"><img src="img/facebook.png" alt="facebook"/></a>

<a href="#"><img src="img/vk.png" alt="vk"/></a>

</div>

</div>

</div>

</div>

<div class="menu">

<ul>

<li><a href="#">Главная</a></li>

<li><a href="#">О компании</a></li>

<li><a href="#">Услуги и цены</a></li>

<li><a href="#">Отзывы</a></li>

<li><a href="#">Блог</a></li>

<li><a href="#">Контакты</a></li>

</ul>

</div>

<div class="wrapper">

<div class="content">

<div class="call">

<img src="img/arrow.png" alt="arrow"/>

<div class="text">

<span>Заказ звонка</span>

<span >Online запись</span>

</div>

<img src="img/arrow.png" alt="arrow"/>

</div>

<div id="tabs" class="tabs">

<ul>

<li><a href="#tabs-1">Online запись</a></li>

<li><a href="#tabs-2">Заказ звонка</a></li>

</ul>

<div id="tabs-1">

<form method="POST" action="send.php">

<input class="field1" placeholder="Имя" type="text" name="name">

<input class="field1" placeholder="Номер телефона" type="text" name="number_phone">

<input class="field1" placeholder="Дата и время мойки" type="text" name="date_and_time">

<div class="car">

<input class="field2" placeholder="Марка" type="text" name="brand">

<input class="field3" placeholder="Номер авто" type="text" name="number_auto">

</div>

<input class="send" type="submit" name="Отправить">

</form>

</div>

<div id="tabs-2">

<form method="POST" action="send.php">

<input class="field1" placeholder="Имя" type="text" name="name">

<input class="field1" placeholder="Номер телефона" type="text" name="number_phone">

<textarea placeholder="Текст сообщения" name="message"></textarea>

<input class="send" type="submit" name="Отправить">

</form>

</div>

</div>

<div class="slider">

<span class="bonus">Получайте бонусы по карте клиента!</span>

<a href="#"><span class="detailed">подробнее</span></a>

<a href="#"><img class="arrow_left" src="img/left.png" alt="left"></a>

<a href="#"><img class="arrow_right" src="img/right.png" alt="right"></a>

<div id="carousel">

<img src="img/slider.jpg" alt="slider"/>

<img src="img/slider.jpg" alt="slider"/>

</div>

</div>

<div>

<div class="prosperity">

<img src="img/pic1.png" alt="pic"/>

<span>работаем 24 часа в сутки, 7 дней в неделю</span>

</div>

<div class="prosperity">

<img src="img/pic2.png" alt="pic"/>

<span>моем грузовые и легковые машины</span>

</div>

<div class="prosperity">

<img src="img/pic3.png" alt="pic"/>

<span>уютная комната отдыха и бесплатный wi-fi</span>

</div>

<div class="prosperity">

<img src="img/pic4.png" alt="pic"/>

<span>бесплатные услуги по карте клиента</span>

</div>

<div class="prosperity">

<img src="img/pic5.png" alt="pic"/>

<span>экономия до 1000 руб по абонементам</span>

</div>

<div class="prosperity">

<img src="img/pic6.png" alt="pic"/>

<span>оплата банковской картой или наличными</span>

</div>

</div>

</div>

</div>

<div class="info">

<div class="wrapper">

<div class="block_left">

<h2>О компании</h2>

<div class="set">

<h3>Sed ut perspiciatis unde omnis iste natus</h3>

<p>voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore...</p>

</div>

<a href="#"><span class="detailed">подробнее</span></a>

</div>

<div class="block_right">

<h2>Отзывы</h2>

<div class="comment_block">

<div class="comment">

<span class="date">16.05.2014</span>

<span class="name">Georg Simon</span>

<span class="response">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span>

</div>

</div>

<div class="comment_block">

<div class="comment">

<span class="date">16.05.2014</span>

<span class="name">Georg Simon</span>

<span class="response">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span>

</div>

</div>

<a href="#"><span class="detailed">подробнее</span></a>

</div>

</div>

</div>

</div>

<div class="footer">

<div class="menu_footer">

<ul>

<li><a href="#">Главная</a></li>

<li><a href="#">О компании</a></li>

<li><a href="#">Услуги и цены</a></li>

<li><a href="#">Отзывы</a></li>

<li><a href="#">Блог</a></li>

<li><a href="#">Контакты</a></li>

</ul>

</div>

<div class="dev">

<div class="copy">

<span>Сайт разработан в студии</span>

<img src="img/logicloud.png" alt="logicloud"/>

</div>

<div class="social">

<a href="#"><img src="img/twitter.png" alt="twitter"/></a>

<a href="#"><img src="img/facebook.png" alt="facebook"/></a>

<a href="#"><img src="img/vk.png" alt="vk"/></a>

</div>

<div class="phone_number">

<span class="number">+7(777)</span>

<span class="number_bold">370-23-39</span>

<span class="number">+7(727)</span>

<span class="number_bold">354-04-19</span>

</div>

<div class="section">

<a href="info@bam69.ru"><span class="mail">info@bam69.ru</span></a>

<a href="#"><span class="search">Мы на карте</span></a>

</div>

</div>

</div>

</body>

</html>



Поделиться:


Последнее изменение этой страницы: 2017-01-20; просмотров: 118; Нарушение авторского права страницы; Мы поможем в написании вашей работы!

infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 18.225.55.198 (0.025 с.)