price finish

makhlukgod · Jun 14, 2020 · 460e63e · 460e63e
1 parent 45f8078
commit 460e63e
Show file tree

Hide file tree

Showing 25 changed files with 2,576 additions and 279 deletions.
diff --git a/1/_menu.scss b/1/_menu.scss
@@ -16,11 +16,8 @@
   }
   #menu__toggle:checked ~ .menu__box {
     visibility: visible;
-    left: 0; 
-
-
-    display: block; 
-    width: 300px;    
+    left: 0;  
+    display: block;  
     height: calc(100vh - 60px);
 
   } 

diff --git a/1/_vars.scss b/1/_vars.scss
@@ -14,9 +14,30 @@ select, input, button{
     cursor: pointer;
 }
 
-button{
+.btn_yellow{
     background-image: linear-gradient(to top, #ffc000, #ffde2a);
     padding: 5px 25px;
     border: none;
     font-size: 14px;
-  }
+  }
+
+  .btn_green{
+
+    padding: 2px 5px;
+    border: solid 1px $green;
+    font-size: 10px;
+    color: $green;
+  }
+  .btn_blue{
+
+    padding: 2px 5px;
+    border: solid 1px $blue;
+    font-size: 10px;
+    color: $blue;
+  }
+  .btn_emo{
+    border: none;
+    padding: 2px 5px;
+    text-decoration: underline;
+    color: #000;
+  } 
diff --git a/1/categoriesrooms.html b/1/categoriesrooms.html
@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+   <meta charset="UTF-8">
+   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+   <title>Document</title>
+   <link rel="stylesheet" href="index.css">
+   <script
+  src="https://code.jquery.com/jquery-3.5.1.min.js"
+  integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
+  crossorigin="anonymous"></script>
+</head>
+<body>
+
+   <header>
+      <div class="logo"><img src="logo.png" alt="" srcset=""></div>
+      <div class="select__hotel">
+         <select class="">
+            <option value="" class="label">Название отеля</option>
+            <option value="1">Отель 1</option>
+            <option value="2">Отель 2</option>
+            <option value="3">Отель 3</option>
+            <option value="4">Отель 4</option>
+            <option value="5">Отель 5</option>
+         </select>
+      </div>
+   </header>
+   <div class="main">
+      <div class="hamburger-menu">
+         <input id="menu__toggle" type="checkbox" />
+         <label class="menu__btn  " for="menu__toggle">
+           <span></span>
+         </label>
+
+         <ul class="menu__box">
+            <li><a class="menu__item " href="index.html">О отеле</a></li>
+               <li><a class="menu__item active" href="numberrooms.html">Номерной фонд</a></li>
+               <li><a class="menu__item" href="chess.html">Шахматка</a></li>
+               <li><a class="menu__item" href="prices.html">Тарифы и Цены</a></li>
+               <li><a class="menu__item" href="saleschannels.html">Каналы Продаж</a></li>
+          </ul>
+       </div>
+       <div class="content">
+         <div class="content_links">
+            <a class="content_links_item " href="numberrooms.html" >Номера</a>
+            <a class="content_links_item active" >Категории номеров</a> 
+         </div>
+
+          <div class="content__body">
+            <div class="numberrooms">
+               <div class="numberrooms__title ">
+                  <p>Категория номеров (название отеля)</p>
+               </div>
+              <div class="numberrooms__header   ">
+                 <ul class="numberrooms-table catrooms-table">
+                    <li><button id="form__save" class="btn_yellow">Создать</button></li>
+                    <li> </li>
+                    <li> <p class="numberrooms__header-title">Наименование</p></li>
+                    <li> <p class="numberrooms__header-title">Описание</p></li> 
+
+                   </ul>  
+
+              </div>
+              <div class="numberrooms__newitem">
+                <form action="" >
+                 <ul class="numberrooms-table catrooms-table">
+                    <li><button id="form__save" class="btn_green">Сохранить</button></li>
+                    <li><button id="form__close" class="btn_blue">Отменить</button></li>
+                    <li><input name="cat-title" type="text" placeholder="Наименование категории"></li>
+                    <li><input name="cat-comment" type="text" placeholder="Описание категории">
+                    </li>
+                   </ul>  
+                </form>
+
+              </div>
+              <div class="numberrooms__rooms ">
+                 <ul class="numberrooms-table catrooms-table">
+                     <li><button id="" class="btn_emo"> ✏️ Редактировать</button></li>
+                    <li><button id="" class="btn_emo"> ❌ Удалить</button></li> 
+                    <li> <p>Стандарт</p>  </li>
+                    <li> <p>Просто описание для себя</p></li>
+                 </ul> 
+                 <ul class="numberrooms-table catrooms-table">
+                  <li><button id="" class="btn_emo"> ✏️ Редактировать</button></li>
+                  <li><button id="" class="btn_emo"> ❌ Удалить</button></li> 
+                  <li> <p>Стандарт</p>  </li>
+                  <li> <p>Просто описание для себя</p></li>
+                 </ul> 
+
+              </div>
+
+            </div>  
+
+
+          </div>
+       </div>
+
+   </div>
+
+
+
+
+</body>
+</html>