diff --git a/static/CSS/home-style.css b/static/CSS/home-style.css
new file mode 100644
index 0000000..81bf7d6
--- /dev/null
+++ b/static/CSS/home-style.css
@@ -0,0 +1,178 @@
+
+
+.top{
+  display:block;
+  position:fixed;
+  top: 0;
+  width: 100%;
+  min-height: 80px; 
+  box-shadow: 0px 2px 8px #ccc;
+  background-color:#ffffff;
+  display:flex;
+  flex-direction:row;
+  align-items: center;
+  justify-content: space-between;
+  
+ 
+  
+}
+
+#main-heading {
+        
+        font-size: 52px;
+        color: #fba70b;
+        font-weight: 900;
+        font-family: "Poppins", sans-serif;
+        display:block;
+        
+        background-color:rgba(0,0,0,0.5);
+        
+      }
+nav a{
+    font-size: 30px;
+  font-weight: 500;
+  font-family: 'Hanalei Fill', cursive;
+  color: #7a7a7a;
+   background-color: #fffff1;
+  text-decoration: none;
+  letter-spacing: 1px;
+  padding: 20px 52px;
+ 
+
+}
+nav a:hover{
+  color: #fba70b;
+}
+
+
+ #txt-create{
+      color: #cc3300;
+}
+
+h1{
+  color: #cc3300;
+  font-size: 60px;
+  font-family: 'Ubuntu', sans-serif;
+
+}
+p{
+  font-size:23px;
+}
+
+body, html {
+  height: 100%;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+.bg-image {
+  /* The image used */
+  background-image: url("https://storage.needpix.com/rsynced_images/aerial-3246120_1280.jpg");
+
+  /* Add the blur effect */
+  filter: blur(8px);
+  -webkit-filter: blur(8px);
+
+  /* Full height */
+  height: 100%;
+
+  /* Center and scale the image nicely */
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+
+/* Position text in the middle of the page/image */
+.bg-text {
+  background-color: rgb(0,0,0); /* Fallback color */
+  background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */
+  color: white;
+  font-weight: bold;
+  border: 3px solid #f1f1f1;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 2;
+  width: 80%;
+  padding: 20px;
+  text-align: center;
+}
+
+
+
+
+
+/*footer*/
+.back{
+  display:block;
+    width: 40%;
+   height: 45%;
+    margin: 0 auto;
+    padding: 50px;
+    text-align: center;
+    background-color:rgba(0,0,0,0.5);
+}
+#fp{
+  color:dark blue;
+  letter-spacing: 1px;
+  font-size:20px;
+}
+#center{
+   display:block;
+    margin: 10 auto;
+    text-align: center;
+    font-size:25px;
+    
+  
+}
+
+#sign{
+    display:block;
+    margin: 15px auto;
+    text-align: center;
+    font-family: 'Ubuntu', sans-serif;
+    width: 180px;
+    height: 40px;
+    border: none;
+    font-size: 25px;
+    background-color: #fba70b;
+    color: #ffffff;
+    text-decoration:none;
+    letter-spacing: 1px;
+    padding: 10px 25px;
+    border-radius: 25px;
+   
+  
+}
+#sign:hover{
+  background-color: #cc3300;
+}
+footer{
+  display:block;
+  width: 100%;
+  min-height: 80px; 
+  box-shadow: 0px 2px 8px #ccc;
+  background-color:#ffffff;
+  text-align:center;
+  display:flex;
+  flex-direction:row;
+  align-items: center;
+  justify-content: space-between;
+}
+footer a{
+  font-size: 15px;
+  font-weight: 500;
+  font-family: 'Hanalei Fill', cursive;
+  background-color: #fffff1;
+  color: #7a7a7a;
+  text-decoration: none;
+  letter-spacing: 1px;
+  padding: 20px 52px;
+  
+}
+footer a:hover{
+  color: #fba70b;
+}
\ No newline at end of file
diff --git a/static/CSS/new.css b/static/CSS/new.css
new file mode 100644
index 0000000..81bf7d6
--- /dev/null
+++ b/static/CSS/new.css
@@ -0,0 +1,178 @@
+
+
+.top{
+  display:block;
+  position:fixed;
+  top: 0;
+  width: 100%;
+  min-height: 80px; 
+  box-shadow: 0px 2px 8px #ccc;
+  background-color:#ffffff;
+  display:flex;
+  flex-direction:row;
+  align-items: center;
+  justify-content: space-between;
+  
+ 
+  
+}
+
+#main-heading {
+        
+        font-size: 52px;
+        color: #fba70b;
+        font-weight: 900;
+        font-family: "Poppins", sans-serif;
+        display:block;
+        
+        background-color:rgba(0,0,0,0.5);
+        
+      }
+nav a{
+    font-size: 30px;
+  font-weight: 500;
+  font-family: 'Hanalei Fill', cursive;
+  color: #7a7a7a;
+   background-color: #fffff1;
+  text-decoration: none;
+  letter-spacing: 1px;
+  padding: 20px 52px;
+ 
+
+}
+nav a:hover{
+  color: #fba70b;
+}
+
+
+ #txt-create{
+      color: #cc3300;
+}
+
+h1{
+  color: #cc3300;
+  font-size: 60px;
+  font-family: 'Ubuntu', sans-serif;
+
+}
+p{
+  font-size:23px;
+}
+
+body, html {
+  height: 100%;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+.bg-image {
+  /* The image used */
+  background-image: url("https://storage.needpix.com/rsynced_images/aerial-3246120_1280.jpg");
+
+  /* Add the blur effect */
+  filter: blur(8px);
+  -webkit-filter: blur(8px);
+
+  /* Full height */
+  height: 100%;
+
+  /* Center and scale the image nicely */
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+
+/* Position text in the middle of the page/image */
+.bg-text {
+  background-color: rgb(0,0,0); /* Fallback color */
+  background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */
+  color: white;
+  font-weight: bold;
+  border: 3px solid #f1f1f1;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 2;
+  width: 80%;
+  padding: 20px;
+  text-align: center;
+}
+
+
+
+
+
+/*footer*/
+.back{
+  display:block;
+    width: 40%;
+   height: 45%;
+    margin: 0 auto;
+    padding: 50px;
+    text-align: center;
+    background-color:rgba(0,0,0,0.5);
+}
+#fp{
+  color:dark blue;
+  letter-spacing: 1px;
+  font-size:20px;
+}
+#center{
+   display:block;
+    margin: 10 auto;
+    text-align: center;
+    font-size:25px;
+    
+  
+}
+
+#sign{
+    display:block;
+    margin: 15px auto;
+    text-align: center;
+    font-family: 'Ubuntu', sans-serif;
+    width: 180px;
+    height: 40px;
+    border: none;
+    font-size: 25px;
+    background-color: #fba70b;
+    color: #ffffff;
+    text-decoration:none;
+    letter-spacing: 1px;
+    padding: 10px 25px;
+    border-radius: 25px;
+   
+  
+}
+#sign:hover{
+  background-color: #cc3300;
+}
+footer{
+  display:block;
+  width: 100%;
+  min-height: 80px; 
+  box-shadow: 0px 2px 8px #ccc;
+  background-color:#ffffff;
+  text-align:center;
+  display:flex;
+  flex-direction:row;
+  align-items: center;
+  justify-content: space-between;
+}
+footer a{
+  font-size: 15px;
+  font-weight: 500;
+  font-family: 'Hanalei Fill', cursive;
+  background-color: #fffff1;
+  color: #7a7a7a;
+  text-decoration: none;
+  letter-spacing: 1px;
+  padding: 20px 52px;
+  
+}
+footer a:hover{
+  color: #fba70b;
+}
\ No newline at end of file
diff --git a/static/CSS/user-style.css b/static/CSS/user-style.css
new file mode 100644
index 0000000..ba013e3
--- /dev/null
+++ b/static/CSS/user-style.css
@@ -0,0 +1,20 @@
+    /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
+    .row.content {height: 550px}
+    
+    /* Set gray background color and 100% height */
+    .sidenav {font-size: 15px;
+  font-weight: 500;
+  font-family: 'Hanalei Fill', cursive;
+  color: #7a7a7a;
+   background-color: #fffff1;
+  text-decoration: none;
+  letter-spacing: 1px;
+  padding: 20px 52px;
+      background-color: #f1f1f1;
+      height: 100%;
+    }
+        
+    /* On small screens, set height to 'auto' for the grid */
+    @media screen and (max-width: 767px) {
+      .row.content {height: auto;} 
+    }
diff --git a/templates/Dashboard.html b/templates/Dashboard.html
new file mode 100644
index 0000000..8180ee9
--- /dev/null
+++ b/templates/Dashboard.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <title>Dashboard</title>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"><!--do not remove the above line add style sheet below this-->
+    <link rel="stylesheet" href="../static/css/user-style.css">
+  
+</head>
+<body>
+
+<nav class="navbar navbar-inverse visible-xs">
+  <div class="container-fluid">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>                        
+      </button>
+      <a class="navbar-brand" href="#">My Blogs</a>
+    </div>
+    <div class="collapse navbar-collapse" id="myNavbar">
+      <ul class="nav navbar-nav">
+        <li class="active"><a href="Dashboard.html">Dashboard</a></li>
+        <li><a href="published.html">Published</a></li>
+        <li><a href="drafts.html">Drafts</a></li>
+        <li><a href="latest-blogs.html">Latest Blogs</a></li>
+        <li><a href="home.html">Log Out</a></li>
+      </ul>
+    </div>
+  </div>
+</nav>
+
+<div class="container-fluid">
+  <div class="row content">
+    <div class="col-sm-3 sidenav hidden-xs">
+      <h2>My Blogs</h2>
+      <ul class="nav nav-pills nav-stacked">
+        <li class="active"><a href="Dashboard.html">Dashboard</a></li>
+        <li><a href="published.html">Published</a></li>
+        <li><a href="drafts.html">Drafts</a></li>
+        <li><a href="latest-blogs.html">Latest blogs</a></li>
+        <li><a href="home.html">Log out</a></li>
+      </ul><br>
+    </div>
+    <br>
+    
+    <div class="col-sm-9">
+      <div class="well">
+        <h4>My Blogs</h4>
+       
+      </div>
+      <div class="row">
+        <div class="col-sm-3">
+          <div class="well">
+            <a href="#post-1">Post 1</a>
+            <p>Lorem ipsum dolor sit amet, consectetur...</p> 
+          </div>
+        </div>
+        <div class="col-sm-3">
+          <div class="well">
+            <a href="#post-2">Post 2</a>
+            <p>Lorem ipsum dolor sit amet, consectetur...</p> 
+          </div>
+        </div>
+        <div class="col-sm-3">
+          <div class="well">
+            <a href="#post-3">Post 3</a>
+            <p>Lorem ipsum dolor sit amet, consectetur...</p> 
+          </div>
+        </div>
+        
+      </div>
+     
+      
+    </div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/templates/drafts.html b/templates/drafts.html
new file mode 100644
index 0000000..833d1d7
--- /dev/null
+++ b/templates/drafts.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <title>Published</title>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"><!--do not remove the above line add style sheet below this-->
+    <link rel="stylesheet" href="../static/css/user-style.css">
+  
+</head>
+<body>
+
+<nav class="navbar navbar-inverse visible-xs">
+  <div class="container-fluid">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>                        
+      </button>
+      <a class="navbar-brand" href="#">My Blogs</a>
+    </div>
+    <div class="collapse navbar-collapse" id="myNavbar">
+      <ul class="nav navbar-nav">
+        <li><a href="Dashboard.html">Dashboard</a></li>
+        <li><a href="published.html">Published</a></li>
+        <li class="active"><a href="drafts.html">Drafts</a></li>
+        <li><a href="latest-blogs.html">Latest Blogs</a></li>
+        <li><a href="home.html">Log Out</a></li>
+      </ul>
+    </div>
+  </div>
+</nav>
+
+<div class="container-fluid">
+  <div class="row content">
+    <div class="col-sm-3 sidenav hidden-xs">
+      <h2>My Blogs</h2>
+      <ul class="nav nav-pills nav-stacked">
+        <li ><a href="Dashboard.html">Dashboard</a></li>
+        <li><a href="published.html">Published</a></li>
+        <li class="active"><a href="drafts.html">Drafts</a></li>
+        <li><a href="latest-blogs.html">Latest blogs</a></li>
+        <li><a href="home.html">Log out</a></li>
+      </ul><br>
+    </div>
+    <br>
+    
+    <div class="col-sm-9">
+     
+      <div class="row">
+        <div class="col-sm-3">
+          <div class="well">
+            <a href="#post-1">Post 1</a>
+            <p>Lorem ipsum dolor sit amet, consectetur...</p> 
+          </div>
+        </div>
+        <div class="col-sm-3">
+          <div class="well">
+            <a href="#post-2">Post 2</a>
+            <p>Lorem ipsum dolor sit amet, consectetur...</p> 
+          </div>
+        </div>
+        <div class="col-sm-3">
+          <div class="well">
+            <a href="#post-3">Post 3</a>
+            <p>Lorem ipsum dolor sit amet, consectetur...</p> 
+          </div>
+        </div>
+        
+      </div>
+     
+      
+    </div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/templates/home.html b/templates/home.html
new file mode 100644
index 0000000..8256034
--- /dev/null
+++ b/templates/home.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <title>Dashboard</title>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link href="https://fonts.googleapis.com/css2?family=Hanalei+Fill&display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Ubuntu&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
+  <!--do not remove the above line, add style sheet below this-->
+    <link rel="stylesheet" href="../static/css/home-style.css">
+  
+</head>
+<body>
+
+
+
+
+
+<div class="bg-image"></div>
+<div class="top">
+  <nav>
+    <a href="#"> home</a>
+    <a href="#"> first</a>
+    <a href="#"> second</a>
+    <a href="#"> third</a>
+  </nav>
+</div> 
+
+<div class="bg-text">
+  <h1>Let's Blog</h1>
+  <p>Create your own amazingly beautiful Blogs</p>
+  <a id="sign" href="login.html">Login</a>
+  OR
+  
+  <a id="sign" href="sign_up.html">Sign up</a>
+  
+</div>
+
+<div class="col-sm-9">
+      <div class="well">
+        <h4>My Blogs</h4>
+       
+      </div>
+      <div class="row">
+        <div class="col-sm-3">
+          <div class="well">
+            <a href="#post-1">Post 1</a>
+            <p>Lorem ipsum dolor sit amet, consectetur...</p> 
+          </div>
+        </div>
+        <div class="col-sm-3">
+          <div class="well">
+            <a href="#post-2">Post 2</a>
+            <p>Lorem ipsum dolor sit amet, consectetur...</p> 
+          </div>
+        </div>
+        <div class="col-sm-3">
+          <div class="well">
+            <a href="#post-3">Post 3</a>
+            <p>Lorem ipsum dolor sit amet, consectetur...</p> 
+          </div>
+        </div>
+        
+      </div>
+     
+      
+    </div>
+
+
+
+    
+      
+            
+            <footer>
+            <div>
+              <a href="#"> contact us</a>
+              <a href="#"> about us</a>
+              <a href="#"> details</a>
+              <a href="#"> fourth</a>
+              </div>
+            
+            </footer>
+    </body>
+
+</html>
diff --git a/templates/latest-blogs.html b/templates/latest-blogs.html
new file mode 100644
index 0000000..afcc024
--- /dev/null
+++ b/templates/latest-blogs.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <title>Published</title>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"><!--do not remove the above line add style sheet below this-->
+  <link rel="stylesheet" href="../static/css/user-style.css">
+</head>
+<body>
+
+<nav class="navbar navbar-inverse visible-xs">
+  <div class="container-fluid">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>                        
+      </button>
+      <a class="navbar-brand" href="#">My Blogs</a>
+    </div>
+    <div class="collapse navbar-collapse" id="myNavbar">
+      <ul class="nav navbar-nav">
+        <li><a href="Dashboard.html">Dashboard</a></li>
+        <li><a href="published.html">Published</a></li>
+        <li ><a href="drafts.html">Drafts</a></li>
+        <li class="active"><a href="latest-blogs.html">Latest Blogs</a></li>
+        <li><a href="home.html">Log Out</a></li>
+      </ul>
+    </div>
+  </div>
+</nav>
+
+<div class="container-fluid">
+  <div class="row content">
+    <div class="col-sm-3 sidenav hidden-xs">
+      <h2>My Blogs</h2>
+      <ul class="nav nav-pills nav-stacked">
+        <li ><a href="Dashboard.html">Dashboard</a></li>
+        <li><a href="published.html">Published</a></li>
+        <li><a href="drafts.html">Drafts</a></li>
+        <li class="active"><a href="latest-blogs.html">Latest blogs</a></li>
+        <li><a href="home.html">Log out</a></li>
+      </ul><br>
+    </div>
+    <br>
+    
+    <div class="col-sm-9">
+     
+      <div class="row">
+        <div class="col-sm-3">
+          <div class="well">
+            <a href="#post-1">Post 1</a>
+            <p>Lorem ipsum dolor sit amet, consectetur...</p> 
+          </div>
+        </div>
+        <div class="col-sm-3">
+          <div class="well">
+            <a href="#post-2">Post 2</a>
+            <p>Lorem ipsum dolor sit amet, consectetur...</p> 
+          </div>
+        </div>
+        <div class="col-sm-3">
+          <div class="well">
+            <a href="#post-3">Post 3</a>
+            <p>Lorem ipsum dolor sit amet, consectetur...</p> 
+          </div>
+        </div>
+        
+      </div>
+     
+      
+    </div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/templates/login.html b/templates/login.html
index 32fe0f6..2135612 100644
--- a/templates/login.html
+++ b/templates/login.html
@@ -3,7 +3,7 @@
         <head>
             <title> LET'S BLOG</title>
             <meta charset="utf-8">
-            <link rel=stylesheet href="css/style.css">
+            <link rel=stylesheet href="../static/css/style.css">
         	<link href="https://fonts.googleapis.com/css2?family=Hanalei+Fill&display=swap" rel="stylesheet">
             <link href="https://fonts.googleapis.com/css2?family=Ubuntu&display=swap" rel="stylesheet">
             
@@ -49,4 +49,4 @@ <h3>Login with your account</h3>
             
             </footer>
         </body>
-      </html>
\ No newline at end of file
+      </html>
diff --git a/templates/published.html b/templates/published.html
new file mode 100644
index 0000000..fd666dd
--- /dev/null
+++ b/templates/published.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <title>Published</title>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"><!--do not remove the above line add style sheet below this-->
+    <link rel="stylesheet" href="../static/css/user-style.css">
+  
+</head>
+<body>
+
+<nav class="navbar navbar-inverse visible-xs">
+  <div class="container-fluid">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>                        
+      </button>
+      <a class="navbar-brand" href="#">My Blogs</a>
+    </div>
+    <div class="collapse navbar-collapse" id="myNavbar">
+      <ul class="nav navbar-nav">
+        <li><a href="Dashboard.html">Dashboard</a></li>
+        <li class="active"><a href="published.html">Published</a></li>
+        <li><a href="drafts.html">Drafts</a></li>
+        <li><a href="latest-blogs.html">Latest Blogs</a></li>
+        <li><a href="home.html">Log Out</a></li>
+      </ul>
+    </div>
+  </div>
+</nav>
+
+<div class="container-fluid">
+  <div class="row content">
+    <div class="col-sm-3 sidenav hidden-xs">
+      <h2>My Blogs</h2>
+      <ul class="nav nav-pills nav-stacked">
+        <li ><a href="Dashboard.html">Dashboard</a></li>
+        <li class="active"><a href="published.html">Published</a></li>
+        <li><a href="drafts.html">Drafts</a></li>
+        <li><a href="latest-blogs.html">Latest blogs</a></li>
+        <li><a href="home.html">Log out</a></li>
+      </ul><br>
+    </div>
+    <br>
+    
+    <div class="col-sm-9">
+     
+      <div class="row">
+        <div class="col-sm-3">
+          <div class="well">
+            <a href="#post-1">Post 1</a>
+            <p>Lorem ipsum dolor sit amet, consectetur...</p> 
+          </div>
+        </div>
+        <div class="col-sm-3">
+          <div class="well">
+            <a href="#post-2">Post 2</a>
+            <p>Lorem ipsum dolor sit amet, consectetur...</p> 
+          </div>
+        </div>
+        <div class="col-sm-3">
+          <div class="well">
+            <a href="#post-3">Post 3</a>
+            <p>Lorem ipsum dolor sit amet, consectetur...</p> 
+          </div>
+        </div>
+        
+      </div>
+     
+      
+    </div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/templates/sign_up.html b/templates/sign_up.html
index b4459df..d2d6bfd 100644
--- a/templates/sign_up.html
+++ b/templates/sign_up.html
@@ -2,7 +2,7 @@
       <html>
         <head>
             <title> LOG IN/SIGN UP</title>
-            <link rel=stylesheet href="css/style.css">
+            <link rel=stylesheet href="../static/css/style.css">
             <link href="https://fonts.googleapis.com/css2?family=Hanalei+Fill&display=swap" rel="stylesheet">
             <link href="https://fonts.googleapis.com/css2?family=Ubuntu&display=swap" rel="stylesheet">
         </head>
@@ -46,4 +46,4 @@ <h3>Create an account</h3>
             </footer>
             
         </body>
-      </html>
\ No newline at end of file
+      </html>