diff --git a/__pycache__/app.cpython-38.pyc b/__pycache__/app.cpython-38.pyc
deleted file mode 100644
index c39d2ca2afa3a1359426616e8f70e34038b31d5b..0000000000000000000000000000000000000000
Binary files a/__pycache__/app.cpython-38.pyc and /dev/null differ
diff --git a/__pycache__/config.cpython-38.pyc b/__pycache__/config.cpython-38.pyc
index 5316f13b7a6f309389308df34bbf6120033a0539..2885a056c811ad57baf74ccd3b22d6a7597af0b4 100644
Binary files a/__pycache__/config.cpython-38.pyc and b/__pycache__/config.cpython-38.pyc differ
diff --git a/app/static/images/nav_icon.jpeg b/app/static/images/nav_icon.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..97560e08a40b25eff3f4b3f8bb37c0f639649adf
Binary files /dev/null and b/app/static/images/nav_icon.jpeg differ
diff --git a/app/static/navigation.css b/app/static/navigation.css
new file mode 100644
index 0000000000000000000000000000000000000000..fd139a88a50d78b751818c90c3d15207d9bbd1dd
--- /dev/null
+++ b/app/static/navigation.css
@@ -0,0 +1,28 @@
+.nav_div img {
+ height: 70px;
+ margin-left: 35px;
+}
+
+.nav_div .navbar ul li {
+ list-style-type: none;
+ display: inherit;
+ flex-direction: row;
+ padding: 5px 0;
+}
+
+.nav_div .navbar {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height:70px;
+}
+
+.nav_div .navbar ul {
+ display: flex;
+ justify-content: space-evenly;
+ width:100%;
+}
+
+.nav_div {
+ display: flex;
+}
diff --git a/app/templates/navigation.html b/app/templates/navigation.html
index 7db3c7129dc7f2dfedada03f1b442657fd521f05..b02c72d0b173acaf7b3aed7c77221cff394fa52a 100644
--- a/app/templates/navigation.html
+++ b/app/templates/navigation.html
@@ -1,17 +1,28 @@
<!DOCTYPE html>
<html>
<head>
- <link rel="stylesheet" href="../../static/navigation.css">
+ <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='navigation.css')}}">
</head>
<body>
- <h1>Something</h1>
- <nav>
- <a href="{{ url_for('main.index') }}">Home Page</a>
- <a href="#">Posts</a>
- </nav>
- <hr>
- <div class="content">
- {% block content %} {% endblock %}
- </div>
+ <div class="nav_div">
+ <!-- https://images.ctfassets.net/hrltx12pl8hq/7JnR6tVVwDyUM8Cbci3GtJ/bf74366cff2ba271471725d0b0ef418c/shutterstock_376532611-og.jpg -->
+ <img src="{{ url_for('static', filename='images/nav_icon.jpeg')}}">
+ <nav class="navbar">
+ <ul>
+ <li><a href="#">Home</a></li>
+ <li><a href="#">About</a></li>
+ <li><a href="#">Pricing</a></li>
+ <li><a href="#">Terms of use</a></li>
+ <li><a href="#">Contact</a></li>
+ </ul>
+ </nav>
+ </div>
+
+ <hr>
+
+ <h1>Content</h1>
+ <div class="content">
+ {% block content %} {% endblock %}
+ </div>
</body>
</html>
\ No newline at end of file
diff --git a/static/navigation.css b/static/navigation.css
deleted file mode 100644
index 7723a31cef8ee18569c65dcdbff3cd593a9807fc..0000000000000000000000000000000000000000
--- a/static/navigation.css
+++ /dev/null
@@ -1,6 +0,0 @@
-/* CSS Stylesheet for Navigation bar */
-
-h1 {
- font-size: 1050px;
- color: red;
-}
\ No newline at end of file