PIbd-22_Isaeva_Internet_pro.../contacts.html

72 lines
3.7 KiB
HTML
Raw Normal View History

2024-01-12 11:18:21 +04:00
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ГПУ</title>
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css"/>
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="header">
<a href="index.html"><img id="logo" src="resourses/logo.png" height="50px"></a>
<a href="index.html">Государственный политехнический университет</a>
</div>
<nav class="navbar navbar-expand-md bg-purple" >
<div class="container-fluid">
<a class="navbar-brand" href="university.html">Об университете</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarText">
<ul class="navbar-nav me-auto mb-2 mb-md-0">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="news.html">Новости</a>
</li>
<li class="nav-item">
<a class="nav-link" aria-current="page" href="abiturient.html">Поступающему</a>
</li>
<li class="nav-item">
<a class="nav-link" aria-current="page" href="registration.html">Регистрация</a>
</li>
<li class="nav-item">
<a class="nav-link" aria-current="page" href="contacts.html">Контакты</a>
</li>
</ul>
</div>
</div>
</nav>
<div id="content" style="text-align: center; line-height: 2em">
<h3>Обратная связь</h3>
Вы можете задать нам любой вопрос, обратиться с предложением или сообщить о проблеме. Для этого заполните форму ниже.<br>
Мы с радостью вам ответим!<br>
<form id="contacts-form" method="post" style="text-align: left; line-height: 1.3em; margin-left: 3%;">
<label for="name">Имя:</label><br>
<input class="input" type="text" name="name" placeholder="Имя" id="name"><br>
<span id="error-name" style="color: red"></span>
<br>
<label for="email">Email:</label><br>
<input class="input" type="email" name="email" placeholder="Емэйл" id="email"><br>
<span id="error-email" style="color: red"></span>
<br>
<label for="theme">Тема:</label><br>
<input class="input" type="text" name="theme" placeholder="Тема вопроса" id="theme"><br>
<span id="error-theme" style="color: red"></span>
<br>
<label for="question">Ваш вопрос:</label><br>
<textarea class="input-textarea" type="text" name="question" cols="3" rows="7" id="question"></textarea><br>
<span id="error-question" style="color: red"></span>
<br>
<input type="submit" style="display: block; margin-left: auto; margin-right: auto;" class="btn btn-primary" name="submit" value="Отправить">
</form>
</div>
<div id="footer">
<ul>
<li>Адреса и контакты:</li>
<li>432027, г. Тольятти, ул. Ларина, д.32</li>
<li>+7 (8332) 43-06-55</li>
</ul>
</div>
</body>
</html>