From 3c17881c8334a9f1f79c114ecb8fd3b3891ff163 Mon Sep 17 00:00:00 2001 From: Gamerking177 <130808542+Gamerking177@users.noreply.github.com> Date: Tue, 9 Jul 2024 22:49:24 +0530 Subject: [PATCH 01/11] --- assets/css/aboutus.css | 358 ++++++++++++++++++++++++++++++-- assets/html/about.html | 319 +--------------------------- assets/html/book_recommend.html | 104 ++++------ index.html | 4 - 4 files changed, 375 insertions(+), 410 deletions(-) diff --git a/assets/css/aboutus.css b/assets/css/aboutus.css index 5ffc63b5..8ac91bfe 100644 --- a/assets/css/aboutus.css +++ b/assets/css/aboutus.css @@ -5,10 +5,19 @@ body { background-color: #f9f9f9; } -.container { - max-width: 1200px; - margin: 0 auto; - padding: 20px; +.header .container { + padding-inline: 0px 30px; +} + +.header .container { + display: flex; + justify-content: space-between; + align-items: center; + height: 90px; +} +.logo { + display: flex; + align-items: center; } header { @@ -167,6 +176,42 @@ h1, h2, h3 { .navbar-item.dropdown:hover .dropdown-arrow { transform: rotate(180deg); } + + @media (min-width: 990px) { + .navbar { + max-width: 987px; + border-radius: 10px; + padding: 0; + } + .navbar-list { + margin-block-end: 0; + display: flex; + gap: 12px; + align-items: center; + text-align: center; + gap: 12px; + } + } + + @media (min-width: 1200px) { + .navbar { + max-width: 1330px; + border-radius: 10px; + } + .navbar-list { + /* Increase gap between navbar items */ + justify-content: center; + /* Center align navbar items */ + padding-left: 2rem; + } + } + + @media (max-width: 641px) { + .navbar-list { + flex-direction: column; + } + } + /* Media Query for Mobile Devices */ @media (max-width: 600px) { .container { @@ -230,26 +275,295 @@ label.newsletter-form{ background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.4); } -@media (max-width: 990px) { - .light-mode .navbar-item{ + +@media (max-width: 320px) { + .navbar-list { + flex-direction: column; + } +} + +@media (max-width: 881px) { + .navbar-list { + flex-direction: column; + } +} +@media (max-width: 961px) { + .light-mode .navbar { background-color: white; + } + .dark-mode .navbar { + background-color: black; + } + body .navbar { + display: flex; + justify-content: center; + position: absolute; width: 100%; + height: auto; + max-height: unset; + visibility: unset; + overflow: unset; + max-height: unset; + transition: 0.3s ease-in; + border: none; } - .dark-mode .navbar-item{ - background-color: black; - width: 100%; - } - body .navbar-list{ - display: block; - width:100%; - height:100vh; - overflow-y:scroll; - overflow-x: hidden; - transition: 0.3s ease-in; - border: none; - position: absolute; - top: 0; - left: -6px; + /* body .nav_activated{ + transform:translateX(-200%) + } */ + .navbar-list { + flex-direction: column; } +} +@media (max-width: 641px) { + .navbar-list { + flex-direction: column; + } +} + + + +.about { + background-color: var(--seashell); + border-radius: 10px; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); + border: 1px solid #ddd; + padding: 20px; + margin-bottom: 40px; +} + +.about h2 { + color: var(--sonic-silver); + font-size: 24px; + font-weight: bold; + margin-bottom: 20px; + text-align: center; +} + +.about p { + color: var(--sonic-silver); + font-size: 16px; + line-height: 1.6; + margin-bottom: 20px; +} + +.stats-box { + background-color: var(--seashell); + border-radius: 10px; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); + border: 1px solid #ddd; + padding: 20px; + margin-bottom: 40px; +} + +.stats-box h2 { + color: var(--sonic-silver); + font-size: 24px; + font-weight: bold; + margin-bottom: 20px; + text-align: center; +} + +.stats { + display: flex; + justify-content: space-around; + margin-top: 20px; +} + +.stat { + + text-align: center; +} + +.stat h3 { + color: var(--sonic-silver); + font-size: 36px; + font-weight: bold; + margin-bottom: 5px; +} + +.stat p { + color: var(--sonic-silver); + font-size: 16px; +} + +.mission-values { + background-color: var(--seashell); + border-radius: 10px; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); + border: 1px solid #ddd; + padding: 20px; + margin-bottom: 40px; +} + +.mission-values h2 { + color: var(--sonic-silver); + font-size: 24px; + font-weight: bold; + margin-bottom: 20px; + text-align: center; +} + +.about-us-heading { + text-align: center; + margin-bottom: 5rem; + margin-top: 160px; + /* Adjust this value to position it below the header */ + color: red; + +} + + +.about-us-block { + display: flex; + justify-content: space-around; + margin-top: 20px; +} + +.about-us-community, +.about-us-product, +.about-us-event, +.about-us-location { + background-color: var(--seashell); + border: 1px solid rgba(206, 212, 218, 1); + border-radius: 8px; + padding: 20px; + width: 45%; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); + margin-bottom: 21px; +} + +.about-us-blk-text { + color: var(--sonic-silver); + font-size: 20px; + font-weight: 600; + margin-bottom: 10px; +} + +.about-us-blk-para { + color: var(--sonic-silver); + font-size: 16px; + line-height: 1.6; +} +.switch-label { +/* right: 0.5rem; */ +left: 8.0rem; +top: 0.5rem; +position: relative; +width: 40px; +height: 30px; +background-color: #ccc; +border-radius: 20px; +cursor: pointer; +display: flex; +align-items: center; +justify-content: center; +padding: 0 5px; +box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); +transition: background-color 0.5s ease; +} +.switch-label .sun-icon, +.switch-label .moon-icon { + font-size: 19spx; + position: absolute; + cursor: pointer; + top: 50%; + transform: translateY(-50%); + transition: opacity 0.5s ease, color 0.5s ease; +} + +.switch-label .sun-icon { + color: #f39c12; + left: 2px; +} + +.switch-label .moon-icon { + color: #bdc3c7; + opacity: 0; + left: 5px; +} + +/* Switch Button */ +.switch-button { + position: absolute; + top: 3px; + left: 3px; + width: 25px; + height: 25px; + background-color: #fff; + border-radius: 50%; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); + transition: transform 0.5s ease, background-color 0.5s ease; +} + +/* Checkbox Checked State */ +.switch-checkbox:checked+.switch-label { + background-color: #34495e; +} + +.switch-checkbox:checked+.switch-label .sun-icon { + opacity: 0; +} + +.switch-checkbox:checked+.switch-label .moon-icon { + opacity: 1; +} + +.switch-checkbox:checked+.switch-label .switch-button { + transform: translateX(13px); + /* background-color: #34495e; */ +} + +.team-member{ + width: 300px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; -} \ No newline at end of file +} + +#progressBar { + position: fixed; + top: 0; + left: 0; + width: 0%; + height: 5px; + background-color: #ff2525; + z-index: 99; +} + +.action .profile img { +position: absolute; +top: 0; +left: 0; +width: 100%; +height: 100%; +object-fit: cover; +z-index: 1; +} +* { +margin: 0; +padding: 0; +font-family: "Poppins", sans-serif; +} +.action .profile { +position: relative; +width: 60px; +height: 60px; +border-radius: 50%; +overflow: hidden; +cursor: pointer; +} +.hamburger{ +display: none; +cursor: pointer; +position: absolute; +top: 24px; +left: 1.5%; +} +.line{ +width: 36px; +height: 5px; +margin: 4px 4px; +background-color: rgb(240, 15, 15); +} diff --git a/assets/html/about.html b/assets/html/about.html index 2f815cc6..babc489c 100644 --- a/assets/html/about.html +++ b/assets/html/about.html @@ -30,319 +30,6 @@ About Us - - @@ -514,7 +201,7 @@

XYZ
Book Lover

--> -

+
-
-
- -
+ + + + Community Chat + + + + -
+
-
- -
+
- +
+
+
+ + +       
+ + + +
+
@@ -75,50 +316,358 @@
-
- -
-

- SwapReads.com is the ultimate destination for book lovers - seeking to swap and discover new literary gems. Connect with - fellow enthusiasts, exchange your favorite reads, and embark - on exciting new adventures in the world of literature—all on - one convenient platform. Join us and dive into a universe of - endless possibilities!

-
-
+
+
-
-

Quick Links

- -
- - -
-
-

- © - All Rights Reserved. Made with ❤ by Guardian Hackers. -

-
- Copyright Policy | - Privacy Notice -
-
+ +
+
+

+ © + All Rights Reserved. Made with ❤ by Guardian + Hackers. +

+
+ + + Copyright Policy | + Privacy Notice +
+
+ + + + + + + + + + + + + + + + + From 20b91a378b7bb71975c7081e1366297a1c85c7fc Mon Sep 17 00:00:00 2001 From: Maana Ajmera Date: Wed, 10 Jul 2024 01:35:10 +0530 Subject: [PATCH 03/11] add cost efficient reading page --- costefficient.html | 1676 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 1676 insertions(+) create mode 100644 costefficient.html diff --git a/costefficient.html b/costefficient.html new file mode 100644 index 00000000..5ede02e5 --- /dev/null +++ b/costefficient.html @@ -0,0 +1,1676 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+ + +
+ + + + +
+ + +
+
+
+ + + +
+

+ Cost Efficient Reading + +

+
+

+ Introduction to swap reads + +

+ +
    +
  • +
    +

    +

    +

    Connecting Book Lovers and Promoting Reading Culture
    + SwapReads is an online platform designed to connect book enthusiasts and facilitate the exchange of books. It aims to promote a vibrant reading culture by making it easier for users to discover new titles, share their favorite books, and connect with fellow readers through discussions and reviews. +

    +
    +
    • +
  • +
    +

    +

    +

    Personalized Recommendations and Eco-Friendly Practices
    + SwapReads offers personalized book recommendations to help users find their next great read. By encouraging sustainable reading habits and reducing the need for new book purchases, the platform supports eco-friendly practices, fostering a community that celebrates the joy of reading while promoting environmental consciousness. +

    +
    +
    • + + +
+
+
+

+ Maximizing Book Swapping on SwapReads + +

+ +
    +
  • +
    +

    +

    +

    Joining SwapReads
    + Join SwapReads by creating an account and setting up your profile. Fill out your reading preferences and interests to enhance your swapping experience. +

    +
    +
    • +
  • +
    +

    +

    +

    Building Your Book Collection +
    + Explore SwapReads' extensive library to discover new titles and classics alike. Add books to your virtual shelf to showcase your collection and attract swap offers. Keep your wishlist updated with books you're eager to read, signaling to others what you're looking for and increasing your chances of successful swaps. +

    +
    +
    • +
  • +
    +

    +

    +

    Initiating Swaps
    + Initiating swaps on SwapReads is simple and interactive. Browse through other users' collections or search for specific titles. When you find a book of interest, send a swap request detailing what you're offering in return. Engage in friendly communication to finalize the swap and expand your reading options. +

    +
    +
    • +
  • +
    +

    +

    +

    Rating and Reviewing
    + After completing a swap, contribute to the community by rating and reviewing the books you've received. Your insights help others make informed decisions and build trust within the SwapReads community. Share your thoughts on the book's plot, characters, and overall reading experience. Participate in discussions and book reviews to foster connections and enrich the swapping experience for everyone involved. +

    +
    +
    • +
+
+
+

+ Budget-Friendly Reading Habits + +

+ +
    +
  • +
    +

    +

    +

    Leveraging Public Libraries
    + Many communities organize book swap events at libraries, community centers, or local cafes. Keep an eye on community bulletin boards, local event listings, and social media groups to find upcoming events. Attending these events is a great way to meet fellow book lovers and exchange books. +

    +
    +
    • +
  • +
    +

    +

    +

    Participating in Book Sales and Discounts
    + Stay informed about book sales and discounts from retailers and online platforms. Follow publishers on social media, subscribe to newsletters, and join loyalty programs for exclusive offers. Utilize discount codes and seasonal promotions to maximize savings on your book purchases. +
    +
    • +
  • +
    +

    +

    +

    Exploring E-books
    + Discover affordable reading options through e-books . Many platforms offer free or discounted titles, especially classics and indie publications. Subscribe to newsletters and follow platforms like Kindle and Audible for promotional offers. +

    +
    +
    • +
  • +
    +

    +

    +

    Secondhand Bookstores and Online Markets
    + Find budget-friendly reads at secondhand bookstores and online marketplaces. Explore diverse selections and uncover hidden gems at discounted prices. Consider selling or trading books you've finished to refresh your collection economically. +

    +
    +
    • +
+
+
+

+ Testimonials + +

+

Know what our customers say

+ + + +
+
+
+
+ +
+ + +
+ +
+

Sonal K

+
+ +
+ + + + + +
+
+
+
+ SwapReads has completely transformed my reading experience! Not only have I discovered new books I never + would have picked up otherwise, but I've also connected with fellow book lovers who share my passion. It's + like having a personalized library with endless possibilities. Highly recommend! +
+
+
+ + +
+
+
+
+ +
+ + +
+ +
+

Prem Sampath

+
+ +
+ + + + + +
+
+
+
+ SwapReads has transformed my reading habits. Beyond swapping books, it's about fostering a community of + passionate readers. I've made friends, broadened my literary horizons, and unearthed hidden gems. Thank you, +
+
+
+ + +
+
+
+
+ +
+ + +
+ +
+

Aron Loes

+
+ +
+ + + + + +
+
+
+
+ SwapReads is a bookworm's paradise! With its user-friendly interface, welcoming community, and vast variety + of books for swapping, I've embarked on countless new literary adventures. It's like an ever-active book + club where I've connected with fellow literature lovers. I'm completely hooked! +
+
+
+ + +
+
+
+
+ +
+ + +
+ +
+

B.Sharmila

+
+ +
+ + + + + +
+
+
+
+ SwapReads revolutionized my reading life! I've decluttered my shelf, discovered hidden gems, and connected + with a passionate community. Thank you, SwapReads, for stealing my heart! +
+
+
+ + +
+
+
+
+ +
+ + +
+ +
+

Jane Doe

+
+ +
+ + + + + +
+
+
+
+ I love SwapReads! It's a fantastic way to keep my reading list dynamic and engaging. The platform is + easy to use, and the community is incredibly supportive and passionate about books. SwapReads has + definitely enriched my reading experience. +
+
+
+ + +
+
+
+
+ +
+ + +
+ +
+

Maya Verma

+
+ +
+ + + + + +
+
+
+
+ SwapReads has completely changed the way I read and discover books. The swapping system is seamless, + and I've found so many new favorites. Plus, the community is amazing – it's like having a book club at + my fingertips! +
+
+
+ + +
+ + + +
+
+
+ +
+ +
+ + + + +
+
+

SwapReads.com is the ultimate destination for book + lovers + seeking to swap and + + discover new literary gems. + Connect with fellow enthusiasts, exchange your favorite reads, and embark on exciting new adventures in + the + world of literature—all on one convenient platform. Join us and dive into a universe of endless + possibilities! +

+
+ +
+
+
+

Quick Links

+ +
+ +
+ + + + + +
+

+ © + All Rights Reserved. Made with ❤ by Guardian Hackers. +

+
+ + + Copyright Policy | + Privacy Notice +
+
+ + + + + + + + + + + +
+ + + + + + + + + From 230ec0657b9542ab4fe2c135f6afe809bbb8de16 Mon Sep 17 00:00:00 2001 From: Maana Ajmera Date: Wed, 10 Jul 2024 01:47:05 +0530 Subject: [PATCH 04/11] add link --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index a6d3dac5..b5d6fbb2 100644 --- a/index.html +++ b/index.html @@ -1071,7 +1071,7 @@

Cost-Efficient Reading

--> - + Read More From 89e2ef3a26350b0e3d2dbc604cabceade45d8bb5 Mon Sep 17 00:00:00 2001 From: Vinay Yadav Date: Wed, 10 Jul 2024 18:07:27 +0530 Subject: [PATCH 05/11] Fixed-#2395 --- environmental-impact.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/environmental-impact.html b/environmental-impact.html index 2e2b34b2..cf0cb8d0 100644 --- a/environmental-impact.html +++ b/environmental-impact.html @@ -718,12 +718,12 @@
-

Diverse Literary Adventures

+

Diverse Literary Adventures

Explore a vast array of genres and titles by exchanging books with our diverse community, opening doors @@ -1058,7 +1058,7 @@

Diverse Literary Adventures

Motivation
-

Cost-Efficient Reading

+

Cost-Efficient Reading

Save money on your reading habit by swapping books instead of purchasing new ones, making your reading @@ -1089,7 +1089,7 @@

Cost-Efficient Reading

Goals
-

Connect with Like-Minded Readers

+

Connect with Like-Minded Readers

Build meaningful connections with fellow book enthusiasts, sharing recommendations, insights, and @@ -1118,7 +1118,7 @@

Connect with Like-Minded Readers< Vision -

Revitalize Your Bookshelf

+

Revitalize Your Bookshelf

Keep your home library fresh and dynamic by constantly swapping books, ensuring a rotating collection @@ -1148,7 +1148,7 @@

Revitalize Your Bookshelf

Mission -

Environmental Impact

+

Environmental Impact

Contribute to eco-friendly practices by participating in book swaps, reducing the demand for new @@ -1178,7 +1178,7 @@

Environmental Impact

Strategy -

Personalized Reading Experience

+

Personalized Reading Experience

Tailor your reading list to your preferences by selecting books from other users' collections, @@ -1376,7 +1376,7 @@

 Inspiring Biographies

- +
From f9f029fffa15e967dfc25c8783895ab8525213f3 Mon Sep 17 00:00:00 2001 From: Bhavy_Zala Date: Thu, 11 Jul 2024 14:43:38 +0530 Subject: [PATCH 11/11] Make Feedback form attractive and professional --- assets/css/rate.css | 100 +++++++++++++++++++++++--------------------- index.html | 17 ++------ 2 files changed, 56 insertions(+), 61 deletions(-) diff --git a/assets/css/rate.css b/assets/css/rate.css index e63c6b1a..65b4f997 100644 --- a/assets/css/rate.css +++ b/assets/css/rate.css @@ -16,12 +16,14 @@ body{ #rate-us .heading{ text-align: center; color: var(--charcoal); + margin-top: 40px; + margin-bottom: 10px; } #rate-us .heading h3{ font-size: 24px; text-transform: uppercase; font-weight: 700; - margin-bottom: 10px; + margin-bottom: 4px; color: var(--old-rose); } #rate-us .heading p{ @@ -29,70 +31,62 @@ body{ } #rate-us .wrapper{ background: var(--white); - max-width: 360px; + max-width:450px; width: 100%; border-radius: 10px; box-shadow: 0px 10px 15px rgba(0,0,0,0.1); margin: auto; color: var(--charcoal); padding: 1rem; - margin-bottom: 8rem; + margin-bottom: 4rem; } #rate-us .wrapper img{ border-radius: 50%; } -#rate-us label{ - margin-left: 10px; +#rate-us label +{ + margin-left: 80px; + font-size: 25px; + font-weight: 400; + margin-top: 20px; + margin-bottom: 20px; } -#rate-us textarea{ - margin: 1rem auto 1rem auto; - width: 90%; - padding: 0.5rem 0.8rem; - border: 2px solid var(--charcoal); - border-radius: 0.6rem; - color: var(--charcoal); + +#rate-us textarea +{ + margin: 1rem auto; + width: 90%; + padding: 0.8rem; + height: 120px; + border: 2px solid var(--charcoal); + border-radius: 0.6rem; + color: var(--charcoal); + font-size: 16px; + transition: border-color 0.3s ease-in-out; + margin-bottom: 1px; } -#rate-us textarea:focus{ + +#rate-us textarea:focus +{ outline: none; + border-color: pink; } -#rate-us .wrapper .content{ - padding: 30px; + +#rate-us .wrapper .content +{ + padding: 2px; display: flex; align-items: center; flex-direction: column; + margin-bottom: 30px; } -#rate-us .wrapper .outer{ - height: 135px; - width: 135px; + +#rate-us .wrapper .outer +{ + height: 195px; + width: 195px; overflow: hidden; } -#rate-us .outer .emojis{ - height: 500%; - display: flex; - flex-direction: column; -} -#rate-us .outer .emojis li{ - height: 20%; - width: 100%; - list-style: none; - transition: all 0.3s ease; -} -#rate-us .outer li img{ - height: 100%; - width: 100%; -} -#rate-us #star-2:checked ~ .content .emojis .slideImg{ - margin-top: -135px; -} -#rate-us #star-3:checked ~ .content .emojis .slideImg{ - margin-top: -270px; -} -#rate-us #star-4:checked ~ .content .emojis .slideImg{ - margin-top: -405px; -} -#rate-us #star-5:checked ~ .content .emojis .slideImg{ - margin-top: -540px; -} #rate-us .wrapper .stars{ margin-top: 30px; } @@ -148,11 +142,14 @@ body{ align-items: center; justify-content: space-between; } -#rate-us .footer span{ +#rate-us .footer span +{ font-size: 12px; - font-weight: 400; + font-style: oblique; + font-weight: 600; position: relative; } + #rate-us .footer span::before{ color: var(--charcoal); } @@ -165,6 +162,13 @@ body{ text-align: center; margin: 18px; } + +#rate-us .button:hover { + background-color: #ea99bd; + transform: scale(1.01); + cursor: pointer; +} + #rate-us a{ text-decoration: none; } @@ -244,4 +248,4 @@ body{ color: black; text-decoration: none; cursor: pointer; -} +} \ No newline at end of file diff --git a/index.html b/index.html index a6d3dac5..d3fcf984 100644 --- a/index.html +++ b/index.html @@ -1948,21 +1948,16 @@

Rate Us!




+
+
+ +
-
-
-
    • -
    • -
    • -
    • -
    • -
    -
    @@ -1975,10 +1970,6 @@

    Rate Us!

    -
    -
    - -
    Submit