PIbd-21_Belianin_N.N._Inter.../Frontend/Lab3/page4.html

135 lines
6.0 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<html lang="ru">
<head>
<meta charset="utf-8">
<title>Моя страница</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="module" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>
<link href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"/>
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<header>
<nav class="navbar navbar-expand-md navbar-dark">
<div class="container-fluid">
<a class="navbar-brand" href="/">
<img class="logo" src="./images/assets/Image1.png" alt="logo">
<a class="Name" href="./index.html">UlRent</a>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse collapse justify-content-end" id="navbarNav">
<div class="navbar-nav pe-5">
<a class="nav-link" style="color: white;" href="./Admin.html">Администратор</a>
<a class="nav-link" style="color: white;" href="./index.html">Главная</a>
<a class="nav-link" style="color: white;" href="./page-help.html">Помощь</a>
</div>
</div>
</div>
</nav>
</header>
<main class="container-fluid p-1 wrapper">
<article>
<div class="w-100 mx-auto">
<form action="./page4.html" method="get" novalidate style="width: 100%;">
<div class="row">
<div class="col w-100 mx-auto">
<div class="form-item">
<label for="lastname">Как к вам обращаться?</label>
<input id="lastname" name="lastname" class="form-control" type="text" required="">
</div>
<div class="form-item">
<label for="firstname">Название объявления</label>
<input id="firstname" name="firstname" class="form-control" type="text" required="">
</div>
<div class="form-item">
<label for="email">E-mail</label>
<input id="email" name="email" class="form-control" type="email" placeholder="name@example.ru" required="">
</div>
<div class="form-item">
<label for="firstname"> Город </label>
<input id="firstname" name="firstname" class="form-control" type="text" required="">
</div>
<div class="form-item">
<label for="Category"> Район </label>
<select class="form-select" name="selected" required="">
<option value="" selected="">Выберите значение</option>
<option value="1">Ленинский</option>
<option value="2">Железнодорожный</option>
<option value="2">Засвияжьский</option>
<option value="2">Новый город</option>
</select>
</div>
<div class="form-item">
<label for="firstname"> Номер телефона </label>
<input id="firstname" name="firstname" class="form-control" type="text" required="">
</div>
<div class="form-item">
<label for="aboutme">Цена</label>
<input id="aboutme" name="aboutme" class="form-control" placeholder="5000 ₽" type="text" required="">
</div>
<div class="form-item">
<label for="Category"> Категория </label>
<select class="form-select" name="selected" required="">
<option value="" selected="">Выберите значение</option>
<option value="1">Посуточно</option>
<option value="2">На длительный срок</option>
</select>
</div>
</div>
<div class="col w-100 pt-3 ms-3 mx-auto">
<img src="./images/assets/Image8.png" alt="im1" class="img-thumbnail">
<label class="form-label pt-3 ms-3" for="image">Изображение</label>
<input id="image" type="file" name="image" accept="image/*">
<div class="p-2 ms-3">
<button type="submit" class="btn btn-light">Сохранить</button>
</div>
<div style="margin-right: 30px;">
<input id="aboutme" class="form-label" name="aboutme" type="text" required="" style="width: 380px; height: 100px;">
</div>
<div class="p-4" style="margin-bottom: 50px;">
<button type="submit" class="btn btn-primary btnsend" data-bs-toggle="modal" data-bs-target="#exampleModal" style="margin-left: 40px;">Отправить</button>
</div>
</div>
</div>
</form>
</div>
</article>
</main>
<footer class="footer mt-auto">
&copy; 2023 UlRent Белянин Никита ПИбд-21 | Все права защищены ;)
</footer>
<script type="module">
import validation from "./js/validation";
import { linesPageForm } from "./js/lines"
document.addEventListener('DOMContentLoaded', () => {
validation();
linesPageForm();
});
</script>
</body>
</html>