Заглавная страница Избранные статьи Случайная статья Познавательные статьи Новые добавления Обратная связь КАТЕГОРИИ: АрхеологияБиология Генетика География Информатика История Логика Маркетинг Математика Менеджмент Механика Педагогика Религия Социология Технологии Физика Философия Финансы Химия Экология ТОП 10 на сайте Приготовление дезинфицирующих растворов различной концентрацииТехника нижней прямой подачи мяча. Франко-прусская война (причины и последствия) Организация работы процедурного кабинета Смысловое и механическое запоминание, их место и роль в усвоении знаний Коммуникативные барьеры и пути их преодоления Обработка изделий медицинского назначения многократного применения Образцы текста публицистического стиля Четыре типа изменения баланса Задачи с ответами для Всероссийской олимпиады по праву Мы поможем в написании ваших работ! ЗНАЕТЕ ЛИ ВЫ?
Влияние общества на человека
Приготовление дезинфицирующих растворов различной концентрации Практические работы по географии для 6 класса Организация работы процедурного кабинета Изменения в неживой природе осенью Уборка процедурного кабинета Сольфеджио. Все правила по сольфеджио Балочные системы. Определение реакций опор и моментов защемления |
П. 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 с.) |