Yuliya-beCode · Yuliya-beCode · Apr 8, 2021 · Apr 8, 2021 · Apr 9, 2021 · Apr 9, 2021
diff --git a/README.md b/README.md
@@ -8,19 +8,21 @@
 
 Our Project Team consists of
 
-* Backend Developer - @Lord-of-Chicken
-* Backend Developer - @gonzalovsilva
-* Frontend Developer - @robbertklockaerts
-* Project Manager - @Yuliya-beCode
+* Backend Developer - [@Lord-of-Chicken](https://github.com/Lord-of-Chicken)
+* Backend Developer -[@gonzalovsilva](https://github.com/gonzalovsilva)
+* Frontend Developer - [@robbertklockaerts](https://github.com/robbertklockaerts)
+* Project Manager - [@Yuliya-beCode](https://github.com/Yuliya-beCode)
 
 Tasks allocation
 
-| Heading 1 | Heading 2 | Heading 3 |  
-|-----------|:-----------:|-----------:|  
-| Cell A1 | Cell A2 | Cell A3 |  
-| Cell B1 | Cell B2 | Cell B3 |
+| Gonçalo Silva| Gael Layeux | Robbert Klockaerts |  Yuliya Bochkovskaya|
+|:-----------:|:-----------:|:-----------:| :-----------:|   
+| right to comment on the content  | a session system: registration, connection / disconnection. | right to comment on the content | General administration of the project/Figma style |  
+| Include a search bar and sort by filters| php footer/header include | admin dashboard | php insert video into iframe |
+| page or section that displays the top movies with the movie db API| Back office for user and comment management (CRUD) | login form css |  footer/header templates|
+| General administration of the project drafting search flow chart| General administration of the project | General administration of the project|  register form css|
 
-If you have any questions in regards to our project, please do not hesitate to contact us directly on GitHub
+If you have any questions in regards to our project, please do not hesitate to contact us directly on GitHub. Our contact details are mentioned above. 
 
 # What
 
@@ -31,13 +33,14 @@ movies.
 
 * We well spotted  the similarities between these platforms (navbar, header, search tool, different categories of videos…) 
 
-Please find here below the UX prototype of our website 
+Please find here below the UX prototype of our website at the first stage of its creation
 
 [UX-Prototype of our website ](https://www.figma.com/proto/LZLTLgveLvyu8aBJbc3u1G/The-Theater?node-id=66%3A0&scaling=scale-down&page-id=0%3A1)
 
 ![UX-Prototype](pictures_README/img.png)
 
 
+
 # How
 
 - A session system: registration, connection / disconnection.
@@ -55,7 +58,6 @@ Please find here below the UX prototype of our website
 
 # When
 
-
 # Evaluation criterias -> self check
 
 - [x] We have realized all must-have features.

diff --git a/docker_env/application/source/database/GetFlix .sql b/docker_env/application/source/database/GetFlix .sql
diff --git a/docker_env/application/source/footer.css b/docker_env/application/source/footer.css
@@ -0,0 +1,6 @@
+.navbar-brand
+{
+    position: relative;
+    width: 50px;
+    left: 15px;
+}
diff --git a/docker_env/application/source/footer.html b/docker_env/application/source/footer.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
+    <link rel="shortcut icon" href="./pictures/Logo.png"/>
+    <!-- Bootstrap CSS -->
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
+          integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous"/>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
+          integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w=="
+          crossorigin="anonymous"/>
+
+
+    <link rel="stylesheet" href="footer.css"/>
+
+    <title>Video</title>
+
+
+</head>
+
+<body>
+
+<!--footer-->
+
+<footer class="bg-dark text-around text-white">
+    <!-- Grid container -->
+    <div class="container-fluid p-4 pb-0">
+        <!-- Section: Social media -->
+
+        <div class="row justify-content-center align-items-center text-center">
+            <a href="https://github.com/Lord-of-Chicken" class="col-sm-12 col-lg-3 my-2 text-white">
+                <i class="fab fa-github"></i>Lord-of-Chicken</a>
+            <a href="https://github.com/gonzalovsilva" class="col-sm-12 col-lg-3 my-2 text-white">
+                <i class="fab fa-github"></i>gonzalovsilva</a>
+            <a href="https://github.com/robbertklockaerts" class="col-sm-12 col-lg-3 my-2 text-white">
+                <i class="fab fa-github"></i>robbertklockaerts</a>
+            <a href="https://github.com/Yuliya-beCode" class="col-sm-12 col-lg-3 my-2 text-white">
+                <i class="fab fa-github"></i>Yuliya-beCode</a></div>
+
+
+        <div class="d-flex flex-column align-items-center justify-content-center mt-3">
+            <img class="navbar-brand"
+                 src="https://www.themoviedb.org/assets/2/v4/logos/v2/blue_square_1-5bdc75aaebeb75dc7ae79426ddd9be3b2be1e342510f8202baf6bffa71d7f5c4.svg"
+                 alt="">
+            <p class="text-muted">This product uses the TMDb API but is not endorsed or certified by
+                TMDb
+            </p>
+        </div>
+
+        <!-- Copyright -->
+        <div class="pt-2 d-flex justify-content-center">
+            <a href="https://github.com/Yuliya-beCode/getflixProject"><i class="fab fa-github"></i></a>
+            <a class="text-white ms-3 d-block" href="https://mdbootstrap.com/">The Theater copyright© 2021</a>
+        </div>
+    </div>
+    <!-- Copyright -->
+</footer>
+
+
+</footer>
+</div>
+
+</body>
+
+</html>
+
+
diff --git a/docker_env/application/source/header.html b/docker_env/application/source/header.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
+    <link rel="shortcut icon" href="./pictures/Logo.png"/>
+    <!-- Bootstrap CSS -->
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
+          integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous"/>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
+          integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w=="
+          crossorigin="anonymous"/>
+
+    <title>Video</title>
+
+
+</head>
+
+<body>
+<header>
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+        <div class="container-fluid">
+            <img id="logo" src="pictures/Logo.png" alt="logo" srcset="" width="75px">
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown"
+                    aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <div class="collapse navbar-collapse" id="navbarNavDropdown">
+                <ul class="navbar-nav">
+
+                    <li class="nav-item">
+                        <a class="nav-link" aria-current="page" href="index.php">Welcome Page</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" aria-current="page" href="register.php">Register</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" aria-current="page" href="login.php">Log in</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" aria-current="page" href="logout.php">Log Out</a>
+                    </li>
+
+                </ul>
+            </div>
+        </div>
+    </nav>
+</header>
+
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
+        integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">
+</script>
+<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-j0CNLUeiqtyaRmlzUHCPZ+Gy5fQu0dQ6eZ/xAww941Ai1SxSY+0EQqNXNE6DZiVc" crossorigin="anonymous"></script>
+</body>
+
+</html>
+
+