From b5ba126b39b487b71b92c63201f4b5e90b5176c3 Mon Sep 17 00:00:00 2001
From: Loc <locnguyen3039@gmail.com>
Date: Thu, 9 May 2019 12:26:55 +0700
Subject: [PATCH] 1: create a structure and nav-logo

---
 index.html | 24 ++++++++++++++++++++++++
 style.css  | 38 ++++++++++++++++++++++++++++++++++++++
 2 files changed, 62 insertions(+)

diff --git a/index.html b/index.html
index 5395ced..cc62464 100644
--- a/index.html
+++ b/index.html
@@ -21,7 +21,31 @@
             <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
         <![endif]-->
 
+    <nav class="navbar-nav navbar-light bg-light">
+        <div class="container">
+            <a href="#" class="navbar-brand">This is Logo</a>
+        </div>
+    </nav>
+    <header class="">
+        <div class="container">
 
+        </div>
+    </header>
+    <section class="environment">
+        <div class="container">
+
+        </div>
+    </section>
+    <section class="employees">
+        <div class="container">
+
+        </div>
+    </section>
+    <footer class="">
+        <div class="container">
+
+        </div>
+    </footer>
 
     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
diff --git a/style.css b/style.css
index e69de29..4dbf8e7 100644
--- a/style.css
+++ b/style.css
@@ -0,0 +1,38 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-size: 16px;
+    font-family: Arial, Helvetica, sans-serif;
+}
+
+nav {
+    background-color: ;
+    min-height: ;
+    color: white;
+}
+
+header {
+    background-color: white;
+    min-height: 400px;
+}
+
+.environment {
+    background-color: black;
+    min-height: 300px;
+    color: white;
+}
+
+.employees {
+    background-color: white;
+    min-height: 300px;
+}
+
+footer {
+    background-color: black;
+    min-height: 100px;
+    color: white;
+}
\ No newline at end of file