Merge pull request #161 from AbhiJay1287/main

Designed and Added Rapidoc logo to the Header #39
Anishkagupta04 · May 16, 2024 · d975adb · d975adb
2 parents 6dde090 + b99a985
commit d975adb
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 3 deletions.
diff --git a/images/rd.png b/images/rd.png
diff --git a/index.html b/index.html
@@ -64,10 +64,14 @@
 
 
   <header id="header" class="fixed-top">
-    <div class="container d-flex align-items-center">
-
+    <div class="container-head d-flex">
+      <div class="img">
+      <img id="rd-logo"  style="width: 90px; height: auto;" src="images/rd.png"> 
+    </div>
+    <div class="text">
       <h1 class="logo me-auto"><a href="index.html">RapiDoc</a></h1>
-
+    </div>
+    </div>
       <nav id="navbar" class="navbar order-last order-lg-0">
         <ul>
           <li><a class="nav-link scrollto active" href="#home"><i class="fa-solid fa-house"></i> Home</a></li>

diff --git a/style.css b/style.css
@@ -79,6 +79,23 @@ h1, h2, h3, h4, h5, h6 {
   box-shadow: 0px 2px 15px rgba(25, 119, 204, 0.1);
 }
 
+.container-head{
+  display: grid;
+  align-items: center;
+  grid-template-columns: 1fr 2fr 13fr 3fr;
+  margin-top: 0px;
+}
+
+.container-head > div{
+  text-align: center;
+  font-size: 15px;
+}
+
+img{
+  max-width: 130%;
+  max-height: 130%;
+}
+
 #header.header-scrolled {
   top: 0;
 }