From ce24bb23fcb7796ea5107df28407feda985e5ff8 Mon Sep 17 00:00:00 2001
From: bucsybeni <bucsy.beni@gmail.com>
Date: Mon, 2 Mar 2020 19:12:12 +0100
Subject: [PATCH] Static pages added.

---
 package-lock.json            |  7 ++-
 package.json                 |  2 +-
 static/bunkereditcreate.html | 64 ++++++++++++++++++++++++++
 static/bunkerinfo.html       | 88 ++++++++++++++++++++++++++++++++++++
 static/bunkers.html          | 81 +++++++++++++++++++++++++++++++++
 static/foodeditcreate.html   | 64 ++++++++++++++++++++++++++
 static/foodtable.html        | 79 ++++++++++++++++++++++++++++++++
 static/index.html            | 41 ++++++++++++++++-
 static/storageadd.html       | 67 +++++++++++++++++++++++++++
 9 files changed, 490 insertions(+), 3 deletions(-)
 create mode 100644 static/bunkereditcreate.html
 create mode 100644 static/bunkerinfo.html
 create mode 100644 static/bunkers.html
 create mode 100644 static/foodeditcreate.html
 create mode 100644 static/foodtable.html
 create mode 100644 static/storageadd.html

diff --git a/package-lock.json b/package-lock.json
index 8b8e48c..fa517bc 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,9 +1,14 @@
 {
-  "name": "bunkers",
+  "name": "bunkermgr",
   "version": "1.0.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
+    "@fortawesome/fontawesome-free": {
+      "version": "5.12.1",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-5.12.1.tgz",
+      "integrity": "sha512-ZtjIIFplxncqxvogq148C3hBLQE+W3iJ8E4UvJ09zIJUgzwLcROsWwFDErVSXY2Plzao5J9KUYNHKHMEUYDMKw=="
+    },
     "accepts": {
       "version": "1.3.7",
       "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.7.tgz",
diff --git a/package.json b/package.json
index 75cb23d..529bd5b 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "bunkers",
+  "name": "bunkermgr",
   "version": "1.0.0",
   "description": "VITMAV42 homework",
   "main": "index.js",
diff --git a/static/bunkereditcreate.html b/static/bunkereditcreate.html
new file mode 100644
index 0000000..deae3bf
--- /dev/null
+++ b/static/bunkereditcreate.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
+    <title>Bunkerek</title>
+</head>
+<body>
+<!-- Navbar -->
+<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+    <a class="navbar-brand" href="/">BunkerMGR</a>
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div class="collapse navbar-collapse" id="navbarSupportedContent">
+        <ul class="navbar-nav mr-auto">
+            <li class="nav-item">
+                <a class="nav-link" href="/bunkers.html">Bunkerek</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="/foodtable.html">Élelmiszerek</a>
+            </li>
+        </ul>
+    </div>
+</nav>
+
+<!-- Content -->
+<div class="container">
+    <div class="row">
+        <div class="col-12">
+            <h2>Bunker létrehozása / szerkeztése</h2>
+            <form>
+                <div class="form-group">
+                    <label for="Name">Bunker név</label>
+                    <input type="text" class="form-control" id="Name">
+                </div>
+                <div class="form-group">
+                    <label for="Adress">Cím</label>
+                    <input type="text" class="form-control" id="Adress">
+                </div>
+                <div class="form-group">
+                    <label for="Size">Férőhely</label>
+                    <input type="number" class="form-control" id="Size">
+                </div>
+                <a href="/bunkers.html" type="submit" class="btn btn-primary">Mentés</a>
+                <a href="/bunkers.html" type="submit" class="btn btn-secondary">Mégsem</a>
+            </form>
+        </div>
+    </div>
+</div>
+
+
+
+
+
+<!-- Bootstrap scripts -->
+<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/static/bunkerinfo.html b/static/bunkerinfo.html
new file mode 100644
index 0000000..dd98a5a
--- /dev/null
+++ b/static/bunkerinfo.html
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
+    <title>Bunkerinfo</title>
+</head>
+<body>
+<!-- Navbar -->
+<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+    <a class="navbar-brand" href="/">BunkerMGR</a>
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div class="collapse navbar-collapse" id="navbarSupportedContent">
+        <ul class="navbar-nav mr-auto">
+            <li class="nav-item">
+                <a class="nav-link" href="/bunkers.html">Bunkerek</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="/foodtable.html">Élelmiszerek</a>
+            </li>
+        </ul>
+    </div>
+</nav>
+
+<!-- Content -->
+<div class="container">
+    <div class="row">
+        <div class="col-12">
+            <h2>Bunker adatok:</h2>
+            <ul class="list-group list-group-flush">
+                <li class="list-group-item">Név: Bunker1</li>
+                <li class="list-group-item">Cím: Teszt utca</li>
+                <li class="list-group-item">Férőhely: 10 ember</li>
+                <li class="list-group-item">Becsült készlet: 365 nap</li>
+            </ul>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-12">
+        <h2>Raktár tartalom:</h2>
+            <table class="table table-striped">
+                <thead class="thead-dark">
+                <tr>
+                    <th scope="col">Típus</th>
+                    <th scope="col">Menyiség</th>
+                    <th scope="col">Gyártási idő</th>
+                    <th scope="col">Műveletek</th>
+                </tr>
+                </thead>
+                <tbody>
+                <tr>
+                    <td>Szárított marha</td>
+                    <td>100 adag</td>
+                    <td class="text-danger">2017.03.11</td>
+                    <td>
+                        <a href="#" type="button" class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></a>
+                    </td>
+                </tr>
+                <tr>
+                    <td>Szárított marha</td>
+                    <td>250 adag</td>
+                    <td class="text-success">2020.03.02</td>
+                    <td>
+                        <a href="#" type="button" class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></a>
+                    </td>
+                </tr>
+                </tbody>
+            </table>
+            <a href="storageadd.html" type="button" class="btn btn-primary btn-lg btn-block">Raktárelem hozzáadása</a>
+        </div>
+    </div>
+</div>
+
+
+
+
+
+<!-- Bootstrap scripts -->
+<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/static/bunkers.html b/static/bunkers.html
new file mode 100644
index 0000000..74f2fea
--- /dev/null
+++ b/static/bunkers.html
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
+    <title>Bunkerek</title>
+</head>
+<body>
+<!-- Navbar -->
+<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+    <a class="navbar-brand" href="/">BunkerMGR</a>
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div class="collapse navbar-collapse" id="navbarSupportedContent">
+        <ul class="navbar-nav mr-auto">
+            <li class="nav-item active">
+                <a class="nav-link" href="/bunkers.html">Bunkerek</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="/foodtable.html">Élelmiszerek</a>
+            </li>
+        </ul>
+    </div>
+</nav>
+
+<!-- Content -->
+<div class="container">
+    <div class="row">
+        <div class="col-12">
+            <h2>Bunkerek</h2>
+            <table class="table table-striped">
+                <thead class="thead-dark">
+                <tr>
+                    <th scope="col">Név</th>
+                    <th scope="col">Készlet</th>
+                    <th scope="col">Figyelmeztetés</th>
+                    <th scope="col">Műveletek</th>
+                </tr>
+                </thead>
+                <tbody>
+                <tr>
+                    <td>Bunker0</td>
+                    <td>365 nap</td>
+                    <td>-</td>
+                    <td>
+                        <a href="/bunkerinfo.html" type="button" class="btn btn-secondary btn-sm"><i class="fas fa-info-circle"></i></a>
+                        <a href="/bunkereditcreate.html" type="button" class="btn btn-primary btn-sm"><i class="fas fa-edit"></i></a>
+                        <a href="#" type="button" class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></a>
+                    </td>
+                </tr>
+                <tr>
+                    <td>Bunker1</td>
+                    <td>256 nap</td>
+                    <td class="text-warning">Fél éven belűl romlandó étel <i class="fas fa-exclamation-triangle"></i></td>
+                    <td>
+                        <a href="/bunkerinfo.html" type="button" class="btn btn-secondary btn-sm"><i class="fas fa-info-circle"></i></a>
+                        <a href="/bunkereditcreate.html" type="button" class="btn btn-primary btn-sm"><i class="fas fa-edit"></i></a>
+                        <a href="#" type="button" class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></a>
+                    </td>
+                </tr>
+                </tbody>
+            </table>
+            <a href="bunkereditcreate.html" type="button" class="btn btn-primary btn-lg btn-block">Új bunker</a>
+        </div>
+    </div>
+</div>
+
+
+
+
+
+<!-- Bootstrap scripts -->
+<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/static/foodeditcreate.html b/static/foodeditcreate.html
new file mode 100644
index 0000000..256d1dd
--- /dev/null
+++ b/static/foodeditcreate.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
+    <title>Ételek</title>
+</head>
+<body>
+<!-- Navbar -->
+<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+    <a class="navbar-brand" href="/">BunkerMGR</a>
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div class="collapse navbar-collapse" id="navbarSupportedContent">
+        <ul class="navbar-nav mr-auto">
+            <li class="nav-item">
+                <a class="nav-link" href="/bunkers.html">Bunkerek</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="/foodtable.html">Élelmiszerek</a>
+            </li>
+        </ul>
+    </div>
+</nav>
+
+<!-- Content -->
+<div class="container">
+    <div class="row">
+        <div class="col-12">
+            <h2>Étel létrehozása / szerkeztése</h2>
+            <form>
+                <div class="form-group">
+                    <label for="Name">Név</label>
+                    <input type="text" class="form-control" id="Name">
+                </div>
+                <div class="form-group">
+                    <label for="Nutrition">Tápérték (Kcal-ban)</label>
+                    <input type="number" class="form-control" id="Nutrition">
+                </div>
+                <div class="form-group">
+                    <label for="Longevity">Tartósság (napokban)</label>
+                    <input type="number" class="form-control" id="Longevity">
+                </div>
+                <a href="/foodtable.html" type="submit" class="btn btn-primary">Mentés</a>
+                <a href="/foodtable.html" type="submit" class="btn btn-secondary">Mégsem</a>
+            </form>
+        </div>
+    </div>
+</div>
+
+
+
+
+
+<!-- Bootstrap scripts -->
+<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/static/foodtable.html b/static/foodtable.html
new file mode 100644
index 0000000..f66fa03
--- /dev/null
+++ b/static/foodtable.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
+    <title>Ételek</title>
+</head>
+<body>
+<!-- Navbar -->
+<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+    <a class="navbar-brand" href="/">BunkerMGR</a>
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div class="collapse navbar-collapse" id="navbarSupportedContent">
+        <ul class="navbar-nav mr-auto">
+            <li class="nav-item">
+                <a class="nav-link" href="/bunkers.html">Bunkerek</a>
+            </li>
+            <li class="nav-item  active" >
+                <a class="nav-link" href="/foodtable.html">Élelmiszerek</a>
+            </li>
+        </ul>
+    </div>
+</nav>
+
+<!-- Content -->
+<div class="container">
+    <div class="row">
+        <div class="col-12">
+            <h2>Élelmiszerek</h2>
+            <table class="table table-striped">
+                <thead class="thead-dark">
+                <tr>
+                    <th scope="col">Név</th>
+                    <th scope="col">Tápérték</th>
+                    <th scope="col">Tartósság</th>
+                    <th scope="col">Műveletek</th>
+                </tr>
+                </thead>
+                <tbody>
+                <tr>
+                    <td>Szárított marha</td>
+                    <td>250 Kcal</td>
+                    <td>200 nap</td>
+                    <td>
+                        <a href="/foodeditcreate.html" type="button" class="btn btn-primary btn-sm"><i class="fas fa-edit"></i></a>
+                        <a href="#" type="button" class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></a>
+                    </td>
+                </tr>
+                <tr>
+                    <td>Konzerv bab</td>
+                    <td>500 Kcal</td>
+                    <td>720 nap</td>
+                    <td>
+                        <a href="/foodeditcreate.html" type="button" class="btn btn-primary btn-sm"><i class="fas fa-edit"></i></a>
+                        <a href="#" type="button" class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></a>
+                    </td>
+                </tr>
+                </tbody>
+            </table>
+            <a href="foodeditcreate.html" type="button" class="btn btn-primary btn-lg btn-block">Új étel</a>
+        </div>
+    </div>
+</div>
+
+
+
+
+
+<!-- Bootstrap scripts -->
+<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/static/index.html b/static/index.html
index 5edc2bc..108be7d 100644
--- a/static/index.html
+++ b/static/index.html
@@ -1 +1,40 @@
-<h2>ASD</h2>
\ No newline at end of file
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
+    <title>Login</title>
+</head>
+<body>
+<!-- Content -->
+<div class="container">
+    <div class="row">
+        <div class="col-12">
+            <h2>Login</h2>
+            <form>
+                <div class="form-group">
+                    <label for="Username">Felhasználónév</label>
+                    <input type="text" class="form-control" id="Username">
+                </div>
+                <div class="form-group">
+                    <label for="Password">Jelszó</label>
+                    <input type="password" class="form-control" id="Password">
+                </div>
+                <a href="/bunkers.html" type="submit" class="btn btn-primary">Bejelentkezés</a>
+            </form>
+        </div>
+    </div>
+</div>
+
+
+
+
+
+<!-- Bootstrap scripts -->
+<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/static/storageadd.html b/static/storageadd.html
new file mode 100644
index 0000000..d35aa88
--- /dev/null
+++ b/static/storageadd.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
+    <title>Raktár</title>
+</head>
+<body>
+<!-- Navbar -->
+<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+    <a class="navbar-brand" href="/">BunkerMGR</a>
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div class="collapse navbar-collapse" id="navbarSupportedContent">
+        <ul class="navbar-nav mr-auto">
+            <li class="nav-item">
+                <a class="nav-link" href="/bunkers.html">Bunkerek</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="/foodtable.html">Élelmiszerek</a>
+            </li>
+        </ul>
+    </div>
+</nav>
+
+<!-- Content -->
+<div class="container">
+    <div class="row">
+        <div class="col-12">
+            <h2>Étel létrehozása / szerkeztése</h2>
+            <form>
+                <div class="form-group">
+                    <label for="Foodtype">Example select</label>
+                    <select class="form-control" id="Foodtype">
+                        <option>Konzerv bab</option>
+                        <option>Szárított marha</option>
+                    </select>
+                </div>
+                <div class="form-group">
+                    <label for="CreateTime">Gyártási idő</label>
+                    <input type="date" class="form-control" id="CreateTime">
+                </div>
+                <div class="form-group">
+                    <label for="Count">Darabszám</label>
+                    <input type="number" class="form-control" id="Count">
+                </div>
+                <a href="/bunkerinfo.html" type="submit" class="btn btn-primary">Mentés</a>
+                <a href="/bunkerinfo.html" type="submit" class="btn btn-secondary">Mégsem</a>
+            </form>
+        </div>
+    </div>
+</div>
+
+
+
+
+
+<!-- Bootstrap scripts -->
+<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
+</body>
+</html>
\ No newline at end of file
-- 
GitLab