From f5b312388e1aaa6aca854ada58c2f7fc10685b53 Mon Sep 17 00:00:00 2001 From: patraRahul5678 Date: Sun, 13 Apr 2025 17:43:13 +0530 Subject: [PATCH] Create Rahul Patra --- Rahul Patra | 195 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 195 insertions(+) create mode 100644 Rahul Patra diff --git a/Rahul Patra b/Rahul Patra new file mode 100644 index 00000000..04b42301 --- /dev/null +++ b/Rahul Patra @@ -0,0 +1,195 @@ + + + + + + BookStore + + + + + +
+

Welcome to BookStore

+

Your one-stop shop for amazing books!

+
+ + +
+

🔬Science Books

+
+
+ Science Book 1 +

Physics Fundamentals

+

RS 450

+
+
+ Science Book 2 +

Biology Basics

+

Rs 350

+
+
+
+ + +
+

📖 Story Books

+
+
+ Story Book 1 +

The Enchanted Forest

+

RS 90

+
+
+ Story Book 2 +

Adventure Tales

+

Rs 120

+
+
+
+ + +
+

About Us

+

At BookStore, we are passionate about connecting readers with the books they love. Whether you're a science geek or a story lover, we have something for everyone.

+
+ + + + +CSS--> + +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Arial', sans-serif; + } + + body { + background-color: #f9f9f9; + color: #333; + } + + .hero { + background-color: #4a90e2; + color: white; + padding: 60px 20px; + text-align: center; + } + + .section { + padding: 40px 20px; + text-align: center;; + } + + .section h2 { + margin-bottom: 30px; + color: #2c3e50; + } + + .book-list { + display: flex; + justify-content: center; + gap: 30px; + flex-wrap: wrap; + } + + .book-card { + background: white; + padding: 20px; + border-radius: 10px; + width: 200px; + box-shadow: 0 2px 8px rgba(0,0,0,0.1); + transition: transform 0.2s ease; + } + + .book-card:hover { + transform: scale(1.05); + } + + .book-card img { + width: 100%; + border-radius: 5px; + margin-bottom: 10px; + } + + .book-card h3 { + font-size: 18px; + margin-bottom: 5px; + } + + .book-card p { + color: #27ae60; + font-weight: bold; + } + .footer{ + color: #a90d0d; + border:3px; + margin:32px; + text-align: center + } +#about{ + background-color: rgba(81, 81, 172, 0.479); +} +/* Smooth transitions for everything */ +* { + transition: all 0.3s ease; + } + + /* Section background variations */ + #science-books { + background: #f9f9f9; + } + + #story-books { + background: #fffdf6; + } + /* Fancy underline for section headings */ + .section h2 { + position: relative; + display: inline-block; + } + + .section h2::after { + content: ''; + display: block; + width: 60%; + height: 4px; + background: #ff6f61; + margin: 10px auto 0; + border-radius: 2px; + } + + /* Card hover glow effect */ + .book-card:hover { + box-shadow: 0 15px 25px rgba(255, 111, 97, 0.2); + } + + /* Button glow on hover */ + .btn:hover { + box-shadow: 0 0 10px rgba(255, 111, 97, 0.5); + } + + /* Make images pop on hover */ + .book-card img:hover { + transform: scale(1.05); + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); + } + + /* Add subtle background pattern (optional) */ + body { + background-image: radial-gradient(circle at top left, #f0f8ff 1%, transparent 20%); + background-repeat: repeat; + background-size: 200px 200px; + } + + +css--->> +