EnigmaVSSUT · Sabya05 · Apr 2, 2025 · Apr 14, 2025 · Apr 14, 2025
diff --git a/Domain/Web Development/Task/Sabyasachee Sahoo/astrography for begginers.jpeg b/Domain/Web Development/Task/Sabyasachee Sahoo/astrography for begginers.jpeg
diff --git a/Domain/Web Development/Task/Sabyasachee Sahoo/index.html b/Domain/Web Development/Task/Sabyasachee Sahoo/index.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>BookVerse - Your Book Haven</title>
+  <link rel="stylesheet" href="style.css" />
+</head>
+<body>
+
+  <!-- Navbar -->
+  <header>
+    <nav class="navbar">
+      <h1 class="logo">BookVerse</h1>
+      <ul class="nav-links">
+        <li><a href="#science">Science</a></li>
+        <li><a href="#story">Story</a></li>
+        <li><a href="#about">About</a></li>
+      </ul>
+    </nav>
+  </header>
+
+  <!-- Hero Section -->
+  <section class="hero">
+    <h2>Discover Your Next Great Read</h2>
+    <p>Science or Story, We Have a Book for Everyone!</p>
+  </section>
+
+  <!-- Science Books -->
+  <section class="book-section" id="science">
+    <h3>Science Books</h3>
+    <div class="book-grid">
+      <!-- Example book card -->
+      <div class="book-card">
+        <img src="astrography for begginers.jpeg" alt="Science Book 1">
+        <h4>Astrophysics for Beginners</h4>
+        <p>A journey through space and time explained simply.</p>
+      </div>
+      <div class="book-card">
+        <img src="quantum world.jpeg" alt="Science Book 2">
+        <h4>The Quantum World</h4>
+        <p>Explore the mysteries of quantum physics.</p>
+      </div>
+      <!-- Add more cards -->
+    </div>
+  </section>
+
+  <!-- Story Books -->
+  <section class="book-section" id="story">
+    <h3>Story Books</h3>
+    <div class="book-grid">
+      <div class="book-card">
+        <img src="lost kingdom.jpeg" alt="Story Book 1">
+        <h4>The Lost Kingdom</h4>
+        <p>An epic fantasy adventure through forgotten lands.</p>
+      </div>
+      <div class="book-card">
+        <img src="whisper in wind.jpg" alt="Story Book 2">
+        <h4>Whispers in the Wind</h4>
+        <p>A tale of love, loss, and finding one’s voice again.</p>
+      </div>
+    </div>
+  </section>
+
+  <!-- About Us -->
+  <section class="about" id="about">
+    <h3>About Us</h3>
+    <p>BookVerse is a curated online platform bringing you the best in science and storytelling. Dive into our diverse collection and discover new worlds on every page.</p>
+  </section>
+
+  <!-- Footer -->
+  <footer>
+    <p>Contact: contact@bookverse.com</p>
+    <p>
+      Follow us:
+      <a href="#">Instagram</a> |
+      <a href="#">Twitter</a> |
+      <a href="#">Facebook</a>
+    </p>
+    <p>&copy; 2025 BookVerse. All rights reserved.</p>
+  </footer>
+
+</body>
+</html>
diff --git a/Domain/Web Development/Task/Sabyasachee Sahoo/link.txt b/Domain/Web Development/Task/Sabyasachee Sahoo/link.txt
diff --git a/Domain/Web Development/Task/Sabyasachee Sahoo/lost kingdom.jpeg b/Domain/Web Development/Task/Sabyasachee Sahoo/lost kingdom.jpeg
diff --git a/Domain/Web Development/Task/Sabyasachee Sahoo/quantum world.jpeg b/Domain/Web Development/Task/Sabyasachee Sahoo/quantum world.jpeg
diff --git a/Domain/Web Development/Task/Sabyasachee Sahoo/style.css b/Domain/Web Development/Task/Sabyasachee Sahoo/style.css
@@ -0,0 +1,114 @@
+/* Reset and base styles */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+  }
+  body {
+    font-family: Arial, sans-serif;
+    line-height: 1.6;
+    background-color: #fdfdfd;
+    color: #333;
+  }
+
+  /* Navbar */
+  .navbar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 1rem 2rem;
+    background-color: #222;
+    color: white;
+    position: sticky;
+    top: 0;
+  }
+  .nav-links {
+    list-style: none;
+    display: flex;
+    gap: 1.5rem;
+  }
+  .nav-links a {
+    color: white;
+    text-decoration: none;
+  }
+  .nav-links a:hover {
+    text-decoration: underline;
+  }
+
+  /* Hero */
+  .hero {
+    text-align: center;
+    padding: 4rem 2rem;
+    background: #eee;
+  }
+  .hero h2 {
+    font-size: 2.5rem;
+    margin-bottom: 1rem;
+  }
+  .hero p {
+    font-size: 1.2rem;
+  }
+
+  /* Book Sections */
+  .book-section {
+    padding: 2rem;
+  }
+  .book-section h3 {
+    margin-bottom: 1rem;
+    text-align: center;
+  }
+  .book-grid {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 2rem;
+    justify-content: center;
+  }
+  .book-card {
+    max-width: 200px;
+    text-align: center;
+  }
+  .book-card img {
+    width: 100%;
+    height: auto;
+    border-radius: 8px;
+    transition: transform 0.3s;
+  }
+  .book-card img:hover {
+    transform: scale(1.05);
+  }
+
+  /* About */
+  .about {
+    background-color: #fafafa;
+    padding: 2rem;
+    text-align: center;
+  }
+
+  /* Footer */
+  footer {
+    background-color: #222;
+    color: white;
+    text-align: center;
+    padding: 1.5rem 1rem;
+  }
+  footer a {
+    color: #ddd;
+    text-decoration: none;
+  }
+  footer a:hover {
+    text-decoration: underline;
+  }
+
+  /* Responsive */
+  @media (max-width: 768px) {
+    .book-grid {
+      flex-direction: column;
+      align-items: center;
+    }
+
+    .nav-links {
+      flex-direction: column;
+      gap: 0.5rem;
+    }
+  }
+
diff --git a/Domain/Web Development/Task/Sabyasachee Sahoo/whisper in wind.jpg b/Domain/Web Development/Task/Sabyasachee Sahoo/whisper in wind.jpg