2023-11-07 12:33:31 +04:00
<!DOCTYPE html>
< html lang = "ru" class = "h-100" >
< 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 = "d-flex flex-column h-100" >
< header class >
< nav class = "navbar navbar-expand-md navbar mb-1" style = "color: white" >
< 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 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 = "flex-shrink-0" >
< div class = "container mt-2 mx-auto my-5 p-2 rounded-8 fw-bold" style = "width: 90%; min-width: 360px; height: 100%; background-color: white; " >
2023-12-15 10:18:21 +04:00
< div class = "rounded row row-cols-2 text-dark float-md-end mx-auto fs-5 fw-medium rounded-7 py-2 mb-2" style = "height: fit-content; width: 325px; background-color: #d9d9d9" >
2023-11-07 12:33:31 +04:00
< div class = "col col-8 text-center my-auto lh-1" >
< a type = "button" class = "text-decoration-underline" style = "height: fit-content; width: fit-content" data-bs-toggle = "modal" data-bs-target = "#LogIn" > Войдите в аккаунт< / a > или
< a type = "button" class = "text-decoration-underline" style = "height: fit-content; width: fit-content" data-bs-toggle = "modal" data-bs-target = "#Register" > зарегистрируйтесь< / a >
< / div >
< div class = "col-2 col-0 mx-auto my-auto" >
< img src = "img/user.png" alt = "Icon" width = "60" >
< / div >
< / div >
< div class = "text-md-start text-center" >
< div class = "container overflow-y-auto" style = "height: 80%" >
< button type = "button" class = "btn rounded btn-lg text-start p-2 rounded-7 my-2" data-bs-toggle = "modal" data-bs-target = "#review" style = "background-color: #302b2b; " >
< h5 class = "ms-2 me-2 fw-normal " style = " color: white" > Напишите Ваше мнение о < / h5 >
< / button >
< div class = " rounded text-start p-2 rounded-7 my-2" style = "height: fit-content; width: 90%; background-color: #d9d9d9" >
< h5 class = " ms-4 fw-normal text-dark" > Михаил< / h5 >
< h6 class = "ms-4 me-4" > Чуть не утонул, а б е р е г у А < / h6 >
< / div >
< div class = " rounded text-start p-2 rounded-7 my-2" style = "height: fit-content; width: 90%; background-color: #d9d9d9" >
< h5 class = " ms-4 fw-normal text-dark" > Леша< / h5 >
< h6 class = " ms-4 me-4" > ничего интересного< / h6 >
< / div >
< div class = " rounded text-start p-2 rounded-7 my-2" style = "height: fit-content; width: 90%; background-color: #d9d9d9" >
< h5 class = " ms-4 fw-normal text-dark" > Елена< / h5 >
< h6 class = " ms-4 me-4" > Катались с В < / h6 >
< / div >
< div class = " rounded text-start p-2 rounded-7 my-2" style = "height: fit-content; width: 90%; background-color: #d9d9d9" >
< h5 class = " ms-4 fw-normal text-dark" > Игорь< / h5 >
< h6 class = " ms-4 me-4" > Работаю инструктором. Недавно к нам заходила женщина Елена с Н е < / h6 >
< / div >
< div class = " rounded text-start p-2 rounded-7 my-2" style = "height: fit-content; width: 90%; background-color: #d9d9d9" >
< h5 class = " ms-4 fw-normal text-dark" > Женя< / h5 >
< h6 class = " ms-4 me-4" > Когда я просил инструктора Игоря научить меня уверенно держаться на воде, я не имел ввиду дергать меня за ноги, пока я буду плавать!< / h6 >
< / div >
< div class = " rounded text-start p-2 rounded-7 my-2" style = "height: fit-content; width: 90%; background-color: #d9d9d9" >
< h5 class = " ms-4 fw-normal text-dark" > Михаил< / h5 >
< h6 class = "ms-4 me-4" > Чуть не утонул, а б е р е г у А < / h6 >
< / div >
< div class = " rounded text-start p-2 rounded-7 my-2" style = "height: fit-content; width: 90%; background-color: #d9d9d9" >
< h5 class = " ms-4 fw-normal text-dark" > Михаил< / h5 >
< h6 class = "ms-4 me-4" > Чуть не утонул, а б е р е г у А < / h6 >
< / div >
< / div >
< / div >
< / div >
<!-- Модальное окно Отзывы -->
< div class = "modal fade" id = "review" tabindex = "-1" aria-labelledby = "exampleModalLabel" aria-hidden = "true" >
< div class = "modal-dialog modal-dialog-centered" style = "width: 326px;" >
< div class = "modal-content " >
< div class = "modal-header" style = "background-color: #302b2b " >
< h5 class = "modal-title" id = "reviewLabel" style = "color: white" > Новый отзыв< / h5 >
< button type = "button" class = "btn-close" data-bs-dismiss = "modal" aria-label = "Закрыть" style = "background-color: white" > < / button >
< / div >
< div class = "modal-body" >
< form >
< div class = "mb-3" >
< label for = "reviewText" class = "col-form-label" > Текст отзыва:< / label >
< textarea class = "form-control" rows = "5" id = "reviewText" > < / textarea >
< / div >
< / form >
< / div >
< div class = "modal-footer" style = "background-color: #302b2b " >
< button type = "button" class = "btn btn-primary" style = " background-color: #d3c725 " > Отправить< / button >
< / div >
< / div >
< / div >
< / div >
<!-- Модальное окно вход -->
< div class = "modal fade" id = "LogIn" tabindex = "-1" aria-labelledby = "exampleModalLabel" aria-hidden = "true" >
< div class = "modal-dialog modal-dialog-centered" style = "width: 326px;" >
< div class = "modal-content" >
< div class = "modal-header" style = "background-color: #302b2b " >
< h5 class = "modal-title" id = "LogInLabel" style = "color: white" > Вход< / h5 >
< button type = "button" class = "btn-close" data-bs-dismiss = "modal" aria-label = "Закрыть" style = "background-color: white;" > < / button >
< / div >
< div class = "modal-body" >
< form >
< div class = "mb-3" >
< label for = "nameLogIn" class = "col-form-label" > Номер телефона< / label >
< input type = "text" class = "form-control" id = "nameLogIn" >
< / div >
< div class = "mb-3" >
< label for = "passwordLogIn" class = "col-form-label" > Пароль< / label >
< input type = "password" class = "form-control" id = "passwordLogIn" >
< / div >
< / form >
< / div >
< div class = "modal-footer" style = "background-color: #302b2b " >
< button type = "button" class = "btn btn-primary" style = " background-color: #d3c725 " > Войти< / button >
< / div >
< / div >
< / div >
< / div >
<!-- Модальное окно регистрация -->
< div class = "modal fade" id = "Register" tabindex = "-1" aria-labelledby = "RegisterLabel" aria-hidden = "true" >
< div class = "modal-dialog modal-dialog-centered" style = "width: 326px;" >
< div class = "modal-content" >
< div class = "modal-header" style = "background-color: #302b2b " >
< h5 class = "modal-title" id = "exampleModalLabel" style = "color: white" > Регистрация< / h5 >
< button type = "button" class = "btn-close" data-bs-dismiss = "modal" aria-label = "Закрыть" style = "background-color: white;" > < / button >
< / div >
< div class = "modal-body" >
< form >
< div class = "mb-3" >
< label for = "nameRegister" class = "col-form-label" > Имя< / label >
< input type = "text" class = "form-control" id = "nameRegister" >
< / div >
< div class = "mb-3" >
< label for = "mailRegister" class = "col-form-label" > Номер телефона< / label >
< input type = "text" class = "form-control" id = "mailRegister" >
< / div >
< div class = "mb-3" >
< label for = "passwordRegister" class = "col-form-label" > Пароль< / label >
< input type = "password" class = "form-control" id = "passwordRegister" >
< / div >
< / form >
< / div >
< div class = "modal-footer" style = "background-color: #302b2b " >
< button type = "button" class = "btn btn-primary" style = " background-color: #d3c725 " > Зарегистрироваться< / button >
< / div >
< / div >
< / div >
< / div >
< / main >
< footer class = "footer mt-auto d-flex justify-content-center align-items-center" style = "height: 100px ;" >
< div class = " d-flex container align-items-center" >
В с е < / i >
< / div >
2023-12-15 10:18:21 +04:00
< button type = "button" data-bs-toggle = "modal" data-bs-target = "#LogInAdmin" style = " background-color: #302b2b ; color : white" >
2023-11-07 12:33:31 +04:00
Для администратора
< / button >
< div class = "modal fade" id = "LogInAdmin" tabindex = "-1" aria-labelledby = "exampleModalLabel" aria-hidden = "true" >
< div class = "modal-dialog modal-dialog-centered" style = "width: 326px;" >
< div class = "modal-content" >
< div class = "modal-header" style = "background-color: #302b2b " >
< h5 class = "modal-title" id = "LogInLabel" style = "color: white" > Вход< / h5 >
< button type = "button" class = "btn-close" data-bs-dismiss = "modal" aria-label = "Закрыть" style = "background-color: white;" > < / button >
< / div >
< div class = "modal-body" >
< form >
< div class = "mb-3" >
< label for = "passwordLogIn" class = "col-form-label" > Пароль Администратора< / label >
< input type = "password" class = "form-control" id = "passwordLogIn" >
< / div >
< / form >
< / div >
< div class = "modal-footer" style = "background-color: #302b2b " >
2023-12-15 10:18:21 +04:00
< a style = "font-size:20px" class = "nav-link ms-2" href = "page4.html" > Войти< / a >
2023-11-07 12:33:31 +04:00
< / div >
< / div >
< / div >
< / div >
< / footer >
< / body >
< / html >
