Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <title>Title</title>
- <style>
- table {
- border: 1px solid black;
- }
- </style>
- </head>
- <body>
- <div style="padding-left: 10%; padding-right: 10%;">
- <table style="width: 100%;">
- <!-- Шапка сайта -->
- <tr style="height: 100%; width: 100%;">
- <!-- Левая часть -->
- <td style="width: 30%; height: 30%;">
- <!-- Логотип -->
- <img src="images\logo.jpg" alt="Логотип" style="max-width: 100%; max-height: 100%;">
- </td>
- <!-- /Левая часть -->
- <!-- Правая часть -->
- <td valign="top" style="width: 70%;">
- <div style="font-size: 20px; border: 1px solid black; text-align: center;">
- <b>Пермский зоомагазин "Кошки без границ"</b>
- </div>
- <div style="float: right;">
- <div style="border: 1px solid black; display: inline-block; padding: 5px;">
- <img src = "images\basket.jpg" alt="Корзина" style="max-width: 50px; max-height: 50px; margin-left: 15px;">
- <div style="font-size: 15px;">Регистрация</div>
- </div>
- <div style="border: 1px solid black; display: inline-block; padding: 5px;">
- <img src = "images\basket.jpg" alt="Корзина" style="max-width: 50px; max-height: 50px;">
- <div style="font-size: 15px;">Вход</div>
- </div>
- <div style="border: 1px solid black; display: inline-block; padding: 5px;">
- <img src = "images\basket.jpg" alt="Корзина" style="max-width: 50px; max-height: 50px;">
- <div style="font-size: 15px;">Корзина</div>
- </div>
- </div>
- </td>
- <!-- /Правая часть -->
- </tr>
- <!-- /Шапка сайта -->
- <!-- Основная часть сайта -->
- <tr>
- <!-- Левая часть -->
- <td>
- <!-- Список пунктов каталогов -->
- <div style="border: 1px solid black; margin: 4px; text-align: center;">Первый пункт</div>
- <div style="border: 1px solid black; margin: 4px; text-align: center">Второй пункт</div>
- <div style="border: 1px solid black; margin: 4px; text-align: center">Третий пункт</div>
- </td>
- <!-- /Левая часть -->
- <!-- Правая часть -->
- <td>
- <!-- Блок товаров -->
- <table style="width: 100%;">
- <tr>
- <td style="width: 30%;">
- <div style="border: 1px solid black; margin: 4px;">
- фыв
- </div>
- </td>
- <td style="width: 30%;">
- <div style="border: 1px solid black; margin: 4px;">
- фыв
- </div>
- </td>
- <td style="width: 30%;">
- <div style="border: 1px solid black; margin: 4px;">
- фвы
- </div>
- </td>
- </tr>
- <tr>
- <td style="width: 30%;">
- <div style="border: 1px solid black; margin: 4px;">
- фыв
- </div>
- </td>
- <td style="width: 30%;">
- <div style="border: 1px solid black; margin: 4px;">
- фыв
- </div>
- </td>
- <td style="width: 30%;">
- <div style="border: 1px solid black; margin: 4px;">
- фвы
- </div>
- </td>
- </tr>
- </table>
- <!-- /Блок товаров -->
- </td>
- <!-- /Правая часть -->
- </tr>
- <!-- /Основная часть сайта -->
- <!-- Футер -->
- <tr>
- <!-- Левая часть -->
- <td></td>
- <!-- /Левая часть -->
- <!-- Правая часть -->
- <td>
- <div style="margin-left: 50px;">
- Наши контакты: <br>
- vk.com/cats <br>
- +7-999-999-99-99<br>
- </div>
- </td>
- <!-- /Правая часть -->
- </tr>
- <!-- /Футер -->
- </table>
- </div>
- </body>
- </html>
Advertisement