<!DOCTYPE html>
<head>
</head>
<body style="font-family: Arial, sans-serif; padding: 20px; line-height: 1.5;">
<section style="margin-bottom: 50px; max-width: 800px;">
<div style="margin-bottom: 25px;">
<h3 style="margin-bottom: 5px;">Владимир</h3>
<p style="margin-top: 0; font-size: 14px; color: #333;">
Владимир расположен к востоку от Москвы и входит в Золотое кольцо — группу древних городов России.
В центре возвышается Успенский собор с богатым украшенным алтарем и фресками XV века.
</p>
<button style="border: 0; border-radius: 7px; padding: 10px 20px; font-size: 16px; text-transform: uppercase; font-weight: 300; cursor: pointer;">
Подробнее
</button>
</div>
<div style="margin-bottom: 25px;">
<h3 style="margin-bottom: 5px;">Тула</h3>
<p style="margin-top: 0; font-size: 14px; color: #333;">
Тула — город в России, административный центр Тульской области и городского округа город Тула.
Город-герой. Тула расположена на севере Среднерусской возвышенности на берегу реки Упы, в 180 км к югу от Москвы.
</p>
<button style="border: 0; border-radius: 7px; padding: 10px 20px; font-size: 16px; text-transform: uppercase; font-weight: 300; cursor: pointer;">
Подробнее
</button>
</div>
<div style="margin-bottom: 25px;">
<h3 style="margin-bottom: 5px;">Нижний Новгород</h3>
<p style="margin-top: 0; font-size: 14px; color: #333;">
Нижний Новгород — город в центральной России, административный центр Приволжского федерального округа и Нижегородской области.
Второй по численности населения город в Приволжском федеральном округе и на реке Волге.
</p>
<button style="border: 0; border-radius: 7px; padding: 10px 20px; font-size: 16px; text-transform: uppercase; font-weight: 300; cursor: pointer;">
Подробнее
</button>
</div>
</section>
<hr>
<section style="margin-top: 40px;">
<form action="#">
<fieldset style="border: 1px solid #999; width: 450px; padding: 15px; margin-bottom: 15px;">
<legend>Общая информация</legend>
<table border="0" cellspacing="5" style="width: 100%; font-size: 14px;">
<tr>
<td style="width: 100px;">Фамилия</td>
<td><input type="text" name="lastname" value="Ульянов" style="width: 180px;"></td>
</tr>
<tr>
<td>Имя</td>
<td><input type="text" name="firstname" value="Максим" style="width: 180px;"></td>
</tr>
<tr>
<td>Отчество</td>
<td><input type="text" name="midname" value="Сергеевич" style="width: 180px;"></td>
</tr>
<tr>
<td>email</td>
<td><input type="email" name="email" value="klfjajkhfa@gmail.ru" style="width: 180px;"></td>
</tr>
</table>
</fieldset>
<fieldset style="border: 1px solid #999; width: 450px; padding: 10px; margin-bottom: 15px; font-size: 14px;">
<legend>Пол</legend>
<input type="radio" id="male" name="gender"> <label for="male" style="margin-right: 30px;">М</label>
<input type="radio" id="female" name="gender"> <label for="female">Ж</label>
</fieldset>
<fieldset style="border: 1px solid #999; width: 450px; padding: 10px; margin-bottom: 20px; font-size: 14px;">
<legend>Хобби</legend>
<input type="checkbox" id="c1"> <label for="c1" style="margin-right: 15px;">Рисование</label>
<input type="checkbox" id="c2"> <label for="c2" style="margin-right: 15px;">Чтение</label>
<input type="checkbox" id="c3"> <label for="c3" style="margin-right: 15px;">Вязание</label>
<input type="checkbox" id="c4"> <label for="c4">Кулинария</label>
</fieldset>
<div style="font-size: 13px;">
<button type="submit" style="cursor: pointer; margin-right: 10px;">Отправить</button>
<button type="куыуе" style="cursor: pointer;">Очистить</button>
</div>
</form>
</section>
</body>
</html>
