Changed Background, styled logo

Bharath314 · Jun 26, 2024 · 340f4a2 · 340f4a2
1 parent 6be361b
commit 340f4a2
Show file tree

Hide file tree

Showing 2 changed files with 53 additions and 52 deletions.
diff --git a/certification/technical-documentation-page/index.html b/certification/technical-documentation-page/index.html
@@ -4,13 +4,13 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width">
-  <title>replit</title>
+  <title>Documentation | docVind</title>
   <link href="styles.css" rel="stylesheet" type="text/css" />
 </head>
 
 <body>
   <nav id="navbar">
-    <header><em>doc</em>Vind</header>
+    <header class="logo"><em>dock</em>Vind</header>
     <ul>
       <li>
         <a class="nav-link" href="#Section_1">Section 1</a>

diff --git a/certification/technical-documentation-page/styles.css b/certification/technical-documentation-page/styles.css
@@ -1,55 +1,56 @@
-html, body {
-    height: 100%;
-    width: 100%;
+body {
+  background-color: black;
+  color: white;
+  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+}
+
+#navbar {
+  position: fixed;
+  width: 18.75rem;
+  height: 100%;
+  border-right: solid;
+  border-color: rgba(0, 22, 22, 0.4);
+}
+
+.logo {
+  font-size: 3rem;
+  color: orange;
+  text-align: center;
+}
+
+#main-doc {
+  position: absolute;
+  margin-left: 19.375rem;
+  padding: 1.25rem;
+  margin-bottom: 110px;
+}
+
+@media only screen and (max-width: 815px) {
+
+  /* For mobile phones: */
+  #main-doc {
+    position: relative;
+    left: 0px;
+    /* width: 100%; */
+    margin-left: 0px;
+    margin-top: 270px;
   }
-
-  /* * {
+
+  #navbar {
+    /* background-color: white; */
+    position: absolute;
+    top: 0;
+    left: 0;
     padding: 0;
     margin: 0;
-    border: 0;
-  } */
-
-  #navbar {
-    position: fixed;
-    min-width: 290px;
-    top: 0px;
-    left: 0px;
-    width: 300px;
-    height: 100%;
-    border-right: solid;
-    border-color: rgba(0, 22, 22, 0.4);
+    width: 100%;
+    max-height: 275px;
+    border: none;
+    border-bottom: 2px solid rgba(0, 22, 22, 0.4);
   }
-
-  #main-doc {
-    position: absolute;
-    margin-left: 310px;
-    padding: 20px;
-    margin-bottom: 110px;
+
+  #navbar ul {
+    text-align: center;
+    height: 207px;
   }
-
-  @media only screen and (max-width: 815px) {
-    /* For mobile phones: */
-    #navbar ul {
-      border: 1px solid;
-      height: 207px;
-    }
-
-    #navbar {
-      background-color: white;
-      position: absolute;
-      top: 0;
-      padding: 0;
-      margin: 0;
-      width: 100%;
-      max-height: 275px;
-      border: none;
-      z-index: 1;
-      border-bottom: 2px solid;
-    }
-
-    #main-doc {
-      position: relative;
-      margin-left: 0px;
-      margin-top: 270px;
-    }
-  }
+}