Internet_Programmirovanie_N.../Lab3/page-edit.html
2023-12-15 09:18:21 +03:00

87 lines
4.2 KiB
HTML
Raw 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 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="styles/style.css">
</head>
<body class="h-100 d-flex flex-column">
<header class>
<nav class="navbar navbar-expand-md navbar mb-1">
<div class="container">
<a class="navbar-brand text-" href="index.html">
<img src="img/logo_header.png" alt="Мой логотип" width="150" height="36" >
</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" style ="background-color: white">
<span style = "color: white" class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse align-items-center" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a style = "font-size:20px" class="nav-link ms-2" href="second.html">Фотогалерея</a>
</li>
<li class="nav-item">
<a style = "font-size:20px" class="nav-link ms-2" href="third.html">Контакты</a>
</li>
<li class="nav-item">
<a style = "font-size:20px" class="nav-link ms-2" href="fourth.html">Прейскурант</a>
</li>
<li class="nav-item">
<a style = "font-size:20px" class="nav-link ms-2" href="fifth.html">Отзывы</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main class="container-fluid p-2">
<div class="text-center">
<img id="image-preview" src="https://via.placeholder.com/200" class="rounded rounded-circle"
alt="placeholder">
</div>
<form id="items-form" class="needs-validation" novalidate>
<div class="mb-2">
<label for="item" class="form-label">Товары</label>
<select id="item" class="form-select" name="selected" required>
</select>
</div>
<div class="mb-2">
<label class="form-label" for="price">Цена</label>
<input id="price" name="price" class="form-control" type="number" value="0.00" min="1000.00" step="0.50"
required>
</div>
<div class="mb-2">
<label class="form-label" for="time">Время</label>
<select id="time" class="form-select" name="selected" required></select>
<!--<input id="count" name="count" class="form-control" type="number" value="0" min="1" step="1" required>-->
</div>
<div class="mb-2">
<label class="form-label" for="image">Изображение</label>
<input id="image" type="file" name="image" class="form-control" accept="image/*">
</div>
<a href="/page4.html" class="btn btn-secondary">Назад</a>
<button type="submit" class="btn btn-primary">Сохранить</button>
</form>
</main>
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
Все права защищены и принадлежат ИП Абубакаров Абубакар Абубакарович.
</footer>
<script type="module">
import validation from "./js/validation";
import { linesPageForm } from "./js/lines"
document.addEventListener('DOMContentLoaded', () => {
validation();
linesPageForm();
});
</script>
</body>
</html>