new home page

Author: amitguptagwl

404.html

@@ -92,7 +92,7 @@
 
                 <li class="nav-item">
 
-                <a class="nav-link" href="/index.html">Blog</a>
+                <a class="nav-link" href="/blog">Blog</a>
                 </li>
 
                 <li class="nav-item">
@@ -202,7 +202,9 @@
 </div> -->
 
 
-<div class="container">
+    
+        <div class="container">
+    
 
     <div id="main-content" class="main-content">
         <div class="text-center">

about.html

@@ -92,7 +92,7 @@
 
                 <li class="nav-item">
 
-                <a class="nav-link" href="/index.html">Blog</a>
+                <a class="nav-link" href="/blog">Blog</a>
                 </li>
 
                 <li class="nav-item">
@@ -202,7 +202,9 @@
 </div> -->
 
 
-<div class="container">
+    
+        <div class="container">
+    
 
     <div id="main-content" class="main-content">
         <section>
@@ -270,7 +272,6 @@ <h4>Some users who rely on our work</h4>
         <a href="http://ibm.github.io/" title="IBM"> <img src="https://avatars2.githubusercontent.com/u/1459110" width="60px" /></a>
         <a href="http://www.smartbear.com" title="SmartBear Software"> <img src="https://avatars2.githubusercontent.com/u/1644671" width="60px" /></a>
         <a href="http://nasa.github.io/" title="NASA"> <img src="https://avatars0.githubusercontent.com/u/848102" width="60px" /></a>
-        <a href="https://github.com/prettier" title="Prettier"> <img src="https://avatars0.githubusercontent.com/u/25822731" width="60px" /></a>
         <a href="http://brain.js.org/" title="brain.js"> <img src="https://avatars2.githubusercontent.com/u/23732838" width="60px" /></a>
         <a href="https://github.com/aws" title="AWS SDK"> <img src="https://avatars.githubusercontent.com/u/2232217" width="60px" /></a>
         <a href="http://www.fda.gov/" title="Food and Drug Administration "> <img src="https://avatars2.githubusercontent.com/u/6471964" width="60px" /></a>

assets/css/main.css

@@ -970,4 +970,88 @@ iframe {
 .highlight-b{
     border: 4px solid rebeccapurple;
     border-radius: 10px;
+}
+
+/* Home page */
+.hero-section {
+    background: url(https://cdn.pixabay.com/photo/2020/06/04/11/10/bulb-5258341_960_720.jpg) no-repeat black;
+    color: #fff;
+    min-height: 80vh;
+}
+
+/* Trusted By Section */
+.trusted-by-section {
+  overflow: hidden;
+  padding: 2rem 0;
+}
+
+.logo-marquee {
+  width: 100%;
+  overflow: hidden;
+}
+
+.logo-track {
+  display: flex;
+  white-space: nowrap;
+  will-change: transform; /* Optimize animation */
+}
+
+.logo {
+  height: 70px; /* Adjust as needed */
+  margin: 0 1.5rem;
+  flex-shrink: 0;
+}
+
+/* Base animation (paused initially) */
+.animate-forward {
+  animation: scroll-forward 30s linear infinite;
+}
+
+.animate-reverse {
+  animation: scroll-reverse 30s linear infinite;
+}
+
+@keyframes scroll-forward {
+  0% { transform: translateX(0); }
+  100% { transform: translateX(-50%); } /* Half for seamless loop */
+}
+
+@keyframes scroll-reverse {
+  0% { transform: translateX(-50%); }
+  100% { transform: translateX(0); }
+}
+
+/* 2-Column Layout */
+.two-column-layout {
+    padding: 50px 0;
+}
+
+.card {
+    margin-bottom: 30px;
+}
+
+.card-image {
+    max-width: 100%;
+    height: auto;
+}
+
+
+.bg-image {
+  background-size: cover;
+  background-position: center;
+}
+
+.card:hover .bg-dark {
+  background-color: rgba(0, 0, 0, 0.6) !important; /* Darker overlay on hover */
+}
+
+.card:hover {
+  transform: scale(1.05); /* Slight zoom */
+  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; /* Stronger shadow */
+}
+
+@media (max-width: 576px) {
+  .card {
+    min-height: 150px;
+  }
 }