alyona.panina/Internet_prog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Загрузил(а) файлы в ''

Browse Source
This commit is contained in:
alyona.panina 2023-10-23 23:23:12 +04:00
parent b95f4878f9
commit 77e8cc581f
5 changed files with 550 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

100
page2.html Normal file
View File

@ -0,0 +1,100 @@
<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="./style.css">
</head>
<body class="h-100 d-flex flex-column bg-light" >
<header>
<nav class="navbar navbar-expand-md navbar-dark">
<div class="container-fluid">
<a class="navbar-brand" href="/" style="color: black;">
<i class="fa-solid fa-crown" style="color: black;"> </i>
Отель Luxury
</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">
<a class="nav-link active" href="./index.html" style="color: black;">Главная</a>
<a class="nav-link" href="./page5.html" style="color: black;">Размещение</a>
<a class="nav-link" href="./page2.html" style="color: black;">Инфраструктура</a>
<a class="nav-link" href="./page3.html" style="color: black;">Отзывы</a>
<a class="nav-link" href="./page4.html" style="color: black;">Забронировать</a>
<a class="nav-link" href="./page7.html" style="color: black;">Вход</a>
<a class="nav-link" href="./page99.html" style="color: black;">Вход</a>
</div>
</div>
</div>
</nav>
</header>
<main class="container-fluid p-2">
<div class="container">
<div class="row">
<div class="col-sm" style="">
<h3> <i style="">Спа-центр</i></h3>
<i style="text-align: justify">Атмосфера
роскоши и комфорта в нашем салоне красоты. Большой выбор программ для релаксации, снятия стресса, повышения тонуса, коррекции фигуры, омоложения, детокса и многое другое</i>
</div>
<div class="col-md-auto" >
<h3> <i style="">Ресторан</i></h3>
<i style="text-align: justify" > Оригинальное авторское меню ресторана
представлено блюдами русской кухни. Ресторан большой и очень просторный, но чувствуешь себя здесь уютно и по-домашнему. Тон задают живые цветы, вязаные абажуры, мягкие диваны пастельных оттенков.
</i>
</div>
<div class="row">
<div class="col" style="padding-top: 40px;">
<img src="./спа.jpg" style=" width: 100%;height: auto; " alt="logo" >
</div>
<!-- <div class="col" style="padding-top: 80px;">
3 из 3
<img src="./рест.jpg" style=" width: 80%;height: auto; " alt="logo" >
</div> -->
</div>
</div>
<!-- <img src="./рест.jpg" class="rounded float-left" style=" width: 250;height: auto; " alt="logo" >
<img src="./инф.jpg" class="rounded float-right" style=" width: 250;height: auto; " alt="logo" > -->
</div>
</div>
</div>
</main>
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
г. Ульяновск
</footer>
</body>
</html>

91
page3.html Normal file
View File

@ -0,0 +1,91 @@
<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="./style.css">
</head>
<body class="h-100 d-flex flex-column bg-light">
<header>
<nav class="navbar navbar-expand-md navbar-dark">
<div class="container-fluid">
<a class="navbar-brand" href="/" style="color: black;">
<i class="fa-solid fa-crown" style="color: black;"> </i>
Отель Luxury
</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">
<a class="nav-link active" href="./index.html" style="color: black;">Главная</a>
<a class="nav-link" href="./page5.html" style="color: black;">Размещение</a>
<a class="nav-link" href="./page2.html" style="color: black;">Инфраструктура</a>
<a class="nav-link" href="./page3.html" style="color: black;">Отзывы</a>
<a class="nav-link" href="./page4.html" style="color: black;">Забронировать</a>
<a class="nav-link" href="./page7.html" style="color: black;">Вход</a>
</div>
</div>
</div>
</nav>
</header>
<main class="container-fluid p-2">
<div class="container">
<div class="row">
<div class="col-md-auto" style="">
<i style="text-align: justify"> Все отзывы об объектах в нашем комплексе доступны
в открытом виде. Мы будем рады каждому отзыву,
потому что это позволяет стать нам лучше!<br>
Пишите нам обязательно! <br> <br>Недавние отзывы:<br> <br>
</div>
<div>
<h4><p style="">Инкогнито:</p></h4> <br>
</div>
<p class="bg-secondary text-light">Отличный отель! В отеле царит атмосфера эксклюзивности. <br>Мне очень понравилось. </p> <br>
<h4><p >Kto-to:</p> <br></h4>
<p class="bg-secondary text-light" >Лучший спа-отель. Один из лучших отелей в которых я побывал.<br> Хорошие номера, отличный завтрак. Территория большая </p> <br>
<i style=""> Пишите нам в: <br><br>
<img src="./инст.png" style=" width: 250;height: auto; " alt="logo" >
</i>
</i>
</div>
<div class="col-md-auto" style=" " >
</div>
</main>
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
г.Ульяновск
</footer>
</body>
</html>

78
page4.html Normal file
View File

@ -0,0 +1,78 @@
<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="./style.css">
</head>
<body class="h-100 d-flex flex-column">
<header>
<nav class="navbar navbar-expand-md navbar-dark">
<div class="container-fluid">
<a class="navbar-brand" href="/" style="color: black;">
<i class="fa-solid fa-crown" style="color: black;"> </i>
Отель Luxury
</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">
<a class="nav-link active" href="./index.html" style="color: black;">Главная</a>
<a class="nav-link" href="./page5.html" style="color: black;">Размещение</a>
<a class="nav-link" href="./page2.html" style="color: black;">Инфраструктура</a>
<a class="nav-link" href="./page3.html" style="color: black;">Отзывы</a>
<a class="nav-link" href="./page4.html" style="color: black;">Забронировать</a>
<a class="nav-link" href="./page7.html" style="color: black;">Вход</a>
</div>
</div>
</div>
</nav>
</header>
<main class="container-fluid p-2">
<div class="container">
<div class="row">
<div class="col-md-auto" style="">
<i style="">Выберите даты заезда, выезда и количество гостей</i>
</div>
<form>
<div class="form-group">
<label for="inputDate">Введите дату заезда:</label>
<input type="date" class="form-control">
</div>
</form>
<form>
<div class="form-group">
<label for="inputDate">Введите дату выезда:</label>
<input type="date" class="form-control">
</div>
<i style="">Размещение в номере</i>
</form>
<div class="input-group input-group-sm mb-3">
<span class="input-group-text" id="inputGroup-sizing-sm">Количество гостей</span>
<input type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-sm">
</div>
<button type="button" class="btn btn-outline-success">Забронировать</button>
<div class="row">
<div class="col-sm" style="padding-left: 250 px;">
<i style="">Телефон для брони: 557-557</i>
</div>
</main>
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
г.Ульяновск
</footer>
</body>
</html>

187
page5.html Normal file
View File

@ -0,0 +1,187 @@
<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="./style.css">
</head>
<body class="h-100 d-flex flex-column bg-light" >
<header>
<nav class="navbar navbar-expand-md navbar-dark">
<div class="container-fluid">
<a class="navbar-brand" href="/" style="color: black;">
<i class="fa-solid fa-crown" style="color: black;"> </i>
Отель Luxury
</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">
<a class="nav-link active" href="./index.html" style="color: black;">Главная</a>
<a class="nav-link active" href="./page5.html" style="color: black;">Размещение</a>
<a class="nav-link" href="./page2.html" style="color: black;">Инфраструктура</a>
<a class="nav-link" href="./page3.html" style="color: black;">Отзывы</a>
<a class="nav-link" href="./page4.html" style="color: black;">Забронировать</a>
<a class="nav-link" href="./page7.html" style="color: black;">Вход</a>
<a class="nav-link" href="./page6.html" style="color: black;">+</a>
</div>
</div>
</div>
</nav>
</header>
<main class="container-fluid p-2">
<div class="btn-group" role="group">
<button id="items-add" class="btn btn-info">Добавить номер </button>
</div>
<!-- <a class="btn btn-success" href="/page6.html">Добавить товар </a>
</div>
<div class="container">
<div class="row align-items-start" >
<div class="col d-flex justify-content-center" >
<h4><i style="">Стандарт, 2100р</i></h4>
</div>
</div>
<div class="row align-items-start" >
<div class="col d-flex justify-content-center" >
<img src="./ст.jpg" style=" width: 80%;height: auto; " alt="logo" >
</div>
</div>
<div class="row align-items-start" >
<div class="col d-flex justify-content-center" >
<h4><i style=""> Стандт5+, 5100р</i></h4>
</div>
</div>
<div class="row align-items-center">
<div class="col d-flex justify-content-center" style="">
<img src="./гранд.jpg" style=" width: 80%;height: auto; " alt="logo" >
</div> -->
<!-- <div class="col">
</div>
<div class="col">
</div> -->
<!-- <div class="row align-items-end">
<div class="col " style="padding-top: 50px;">
<button type="button" class="btn btn-secondary btn-lg btn-block" style="padding-left: 50px;">Добавить номер</button>
</div>
</div> -->
<div>
<table id="items-table" class="table table-striped">
<thead>
<th scope="col" class="w-25">№</th>
<th scope="col" class="w-25">Вид номера</th>
<th scope="col" class="w-25">Цена с человека</th>
<th scope="col" class="w-25">Количество человек</th>
<th scope="col" class="w-25">Общая сумма</th>
<th scope="col"></th>
<th scope="col"></th>
</thead>
<tbody></tbody>
</table>
</div>
</main>
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
г. Ульяновск
</footer>
<div id="items-update" class="modal fade" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false">
<div class="modal-dialog">
<form id="items-form" class="needs-validation" novalidate>
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="items-update-title"></h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<input id="items-line-id" type="number" hidden>
<div class="mb-2">
<label for="item" class="form-label">Название номера</label>
<select id="item" class="form-select" name="selected" required >
<option value="Стандарт">Стандарт</option>
<option value="Стандарт+">Стандарт+</option>
<option value="Люкс">Люкс</option>
</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="count">Количество человек</label>
<input id="count" name="count" class="form-control" type="number" value="0" min="1" step="1"
required>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Закрыть</button>
<button type="submit" class="btn btn-primary" >Сохранить</button>
</div>
</div>
</form>
</div>
</div>
<script type="module">
import validation from "./js/validation";
import { linesForm } from "./js/lines";
document.addEventListener('DOMContentLoaded', () => {
validation();
linesForm();
});
</script>
<!-- <script>
function addItem() {
var table = document.getElementById("items-table");
var item = document.getElementById("item").value;
var price = document.getElementById("price").value;
var count = document.getElementById("count").value;
var rowCount = table.rows.length;
var row = table.insertRow(rowCount);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
var cell3 = row.insertCell(2);
var cell4 = row.insertCell(3);
var cell5 = row.insertCell(4);
var cell6 = row.insertCell(5);
cell1.innerHTML = item;
cell2.innerHTML = price;
cell3.innerHTML = count;
}
</script> -->
</body>
</html>

94
page6.html Normal file
View File

@ -0,0 +1,94 @@
<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="./style.css">
</head>
<body class="h-100 d-flex flex-column bg-light" >
<header>
<nav class="navbar navbar-expand-md navbar-dark">
<div class="container-fluid">
<a class="navbar-brand" href="/" style="color: black;">
<i class="fa-solid fa-crown" style="color: black;"> </i>
Отель Luxury
</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">
<a class="nav-link active" href="./index.html" style="color: black;">Главная</a>
<a class="nav-link active" href="./page5.html" style="color: black;">Размещение</a>
<a class="nav-link" href="./page2.html" style="color: black;">Инфраструктура</a>
<a class="nav-link" href="./page3.html" style="color: black;">Отзывы</a>
<a class="nav-link" href="./page4.html" style="color: black;">Забронировать</a>
<a class="nav-link" href="./page7.html" style="color: black;">Вход</a>
</div>
</div>
</div>
</nav>
</header>
<main class="container-fluid p-2">
<div class="container">
<div class="row align-items-start" >
<div class="col" >
<i style="">Введите название номера</i>
<div class="input-group input-group-sm mb-3">
<span class="input-group-text" id="inputGroup-sizing-sm">name</span>
<input type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-sm">
</div>
<div class="row align-items-center">
<i style="">Введите цену номера</i>
<div class="input-group input-group-sm mb-3">
<span class="input-group-text" id="inputGroup-sizing-sm">price</span>
<input type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-sm">
</div>
<div class="row align-items-end">
<i style="">Загрузите фото</i>
<div class="input-group mb-3">
<input type="file" class="form-control" id="inputGroupFile02">
<label class="input-group-text" for="inputGroupFile02">Upload</label>
<button type="submit" class="btn btn-primary" onclick="addItem()">Сохранить</button>
</div>
</div>
</div>
<input id="items-line-id" type="number" hidden>
<div class="mb-2">
<label for="item" class="form-label">Товары</label>
<select id="item" class="form-select" name="selected" required >
<option value="phone">Телефон</option>
<option value="tablet">Планшет</option>
<option value="laptop">Ноутбук</option>
</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="count">Количество</label>
<input id="count" name="count" class="form-control" type="number" value="0" min="1" step="1"
required>
</div>
</div>
</main>
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
г. Ульяновск
</footer>
</body>
</html>