diff --git a/Domain/Web Development/Task/Sabyasachee Sahoo/astrography for begginers.jpeg b/Domain/Web Development/Task/Sabyasachee Sahoo/astrography for begginers.jpeg new file mode 100644 index 00000000..57562c83 Binary files /dev/null and b/Domain/Web Development/Task/Sabyasachee Sahoo/astrography for begginers.jpeg differ diff --git a/Domain/Web Development/Task/Sabyasachee Sahoo/index.html b/Domain/Web Development/Task/Sabyasachee Sahoo/index.html new file mode 100644 index 00000000..ce1d8ba6 --- /dev/null +++ b/Domain/Web Development/Task/Sabyasachee Sahoo/index.html @@ -0,0 +1,84 @@ + + + + + + BookVerse - Your Book Haven + + + + + +
+ +
+ + +
+

Discover Your Next Great Read

+

Science or Story, We Have a Book for Everyone!

+
+ + +
+

Science Books

+
+ +
+ Science Book 1 +

Astrophysics for Beginners

+

A journey through space and time explained simply.

+
+
+ Science Book 2 +

The Quantum World

+

Explore the mysteries of quantum physics.

+
+ +
+
+ + +
+

Story Books

+
+
+ Story Book 1 +

The Lost Kingdom

+

An epic fantasy adventure through forgotten lands.

+
+
+ Story Book 2 +

Whispers in the Wind

+

A tale of love, loss, and finding one’s voice again.

+
+
+
+ + +
+

About Us

+

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.

+
+ + + + + + diff --git a/Domain/Web Development/Task/Sabyasachee Sahoo/link.txt b/Domain/Web Development/Task/Sabyasachee Sahoo/link.txt new file mode 100644 index 00000000..e69de29b diff --git a/Domain/Web Development/Task/Sabyasachee Sahoo/lost kingdom.jpeg b/Domain/Web Development/Task/Sabyasachee Sahoo/lost kingdom.jpeg new file mode 100644 index 00000000..8e17d06d Binary files /dev/null and b/Domain/Web Development/Task/Sabyasachee Sahoo/lost kingdom.jpeg differ diff --git a/Domain/Web Development/Task/Sabyasachee Sahoo/quantum world.jpeg b/Domain/Web Development/Task/Sabyasachee Sahoo/quantum world.jpeg new file mode 100644 index 00000000..4eae6307 Binary files /dev/null and b/Domain/Web Development/Task/Sabyasachee Sahoo/quantum world.jpeg differ diff --git a/Domain/Web Development/Task/Sabyasachee Sahoo/style.css b/Domain/Web Development/Task/Sabyasachee Sahoo/style.css new file mode 100644 index 00000000..a8a1f3ff --- /dev/null +++ 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; + } + } + \ No newline at end of file diff --git a/Domain/Web Development/Task/Sabyasachee Sahoo/whisper in wind.jpg b/Domain/Web Development/Task/Sabyasachee Sahoo/whisper in wind.jpg new file mode 100644 index 00000000..4e7e87a6 Binary files /dev/null and b/Domain/Web Development/Task/Sabyasachee Sahoo/whisper in wind.jpg differ