diff --git a/css/about-us.css b/css/about-us.css new file mode 100644 index 0000000..894eb12 --- /dev/null +++ b/css/about-us.css @@ -0,0 +1,41 @@ +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; + background-color: #f0f0f0; +} + +.container { + max-width: 800px; + margin: 20px auto; + padding: 20px; + background-color: #fff; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); +} + +.container img { + max-width: 100%; + height: auto; +} + +.pic { + width: 300px; + display: block; + margin-left: auto; + margin-right: auto; +} + +.bullet { + font-weight: bold; +} + +.text-center { + text-align: center; +} + +.contact-info { + margin-top: 20px; +} + + + diff --git a/css/index.css b/css/index.css new file mode 100644 index 0000000..f9bae8b --- /dev/null +++ b/css/index.css @@ -0,0 +1,123 @@ +* { + margin: 0; + padding: 0; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + } + + nav { + background-color: #aa5040; + padding: 10px; + } + + #navbar { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0 20px; + } + + #navbar h2 { + margin: 0; + } + + #navbar ul { + list-style-type: none; + display: flex; + margin-left: auto; + } + + #navbar ul li { + margin-left: 10px; + } + + #navbar ul li a { + text-decoration: none; + color: #333; + } + + .welcome { + background-color: #ffffff; + padding: 20px; + text-align: center; + } + + .search { + text-align: center; + padding: 20px; + } + + .search input[type="text"] { + padding: 10px; + width: 190px; + border-radius: 10px; + } + + .search button[type="submit"] { + padding: 10px 20px; + background-color: #333; + color: #fff; + border: none; + cursor: pointer; + border-radius: 10px; + } + + /* Featured books section styles */ + .featured-books { + padding: 20px; + overflow: hidden; + } + + .featured-books h2 { + margin-bottom: 10px; + padding: 10px; + } + + .img1 { + width: 150px; + display: flex; + } + + .img1 img { + width: 100%; + padding: 10px; + float: left; + box-sizing: border-box; + } + + /* Footer styles */ + footer { + background-color: #aa5040; + padding: 10px; + text-align: center; + } + + .contact-info p { + margin-bottom: 10px; + } + + .static-pages ul { + list-style-type: none; + } + + .static-pages ul li { + display: inline; + margin-right: 10px; + } + + .static-pages ul li a { + text-decoration: none; + color: #333; + } + + .i1 { + float: left; + } + + .i2 { + float: left; + } + + .i3 { + float: left; + } + \ No newline at end of file diff --git a/css/login.css b/css/login.css new file mode 100644 index 0000000..45ebbf2 --- /dev/null +++ b/css/login.css @@ -0,0 +1,102 @@ +@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;900&display=swap"); + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: Arial, sans-serif; + background-color: #f4f4f4; + display: flex; + flex-direction: column; + min-height: 100vh; +} + +.wrapper { + width: 100%; + max-width: 400px; + margin: 40px auto; + padding: 20px; + background: rgb(201, 150, 49); + border-radius: 5px; + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); + text-align: center; + font-family: "Poppins", sans-serif; + flex: 1; +} + + +h1 { + font-size: 24px; + margin-bottom: 20px; +} + +.input-box { + position: relative; + width: 100%; + height: 50px; + margin: 30px 0; +} + +input[type="text"], +input[type="password"] { + width: 100%; + padding: 10px; + border: 1px solid #ccc; + border-radius: 5px; + outline: none; +} + +i { + position: absolute; + right: 10px; + top: 50%; + transform: translateY(-50%); + font-size: 20px; +} + +.remember-forget { + display: flex; + justify-content: space-between; + align-items: center; + font-size: 14.5px; + margin-bottom: 20px; +} + +.remember-forget label { + display: inline-block; +} + +.remember-forgot a:hover { + text-decoration: underline; +} + +.forgot-password { + text-decoration: none; + color: #3498db; +} + +.btn { + display: block; + width: 100%; + padding: 10px; + background-color: #3498db; + color: #fff; + border: none; + border-radius: 5px; + cursor: pointer; + font-size: 16px; +} + +.register-link { + margin-top: 20px; +} + +.register-link a { + text-decoration: none; + color: #3498db; +} + + diff --git a/html/about-us.html b/html/about-us.html new file mode 100644 index 0000000..6ec9d4f --- /dev/null +++ b/html/about-us.html @@ -0,0 +1,66 @@ + + + + + About Us - E-Library + + + + + + +
+

Who We Are

+

+ At our E-Library, we are dedicated to bringing the world of literature and knowledge right to your + fingertips. We've created this platform out of a deep love for books and a strong belief in their ability to + inspire, educate, and entertain. +

+ +
+ Reading Bliss +
+ +

Our Mission

+

+ Our mission is simple yet impactful: to make a wealth of knowledge and literature accessible to anyone, + anywhere, and at any time. We want to empower you with the freedom to explore, learn, and grow through the + world of books. +

+ + +

What We Offer:

+

+ > Vast Digital Library : Immerse yourself in our extensive collection of e-books, + audiobooks, and other digital publications. From timeless classics to contemporary bestsellers, we've + curated a diverse selection just for you. +

+
+ +
+

+ > User-Friendly Interface Our platform is designed with simplicity in mind, ensuring + that you can find and enjoy your favorite books effortlessly. +

+

+ > Personalized Recommendations Let us guide you to new literary adventures tailored + to your interests through our advanced recommendation system. +

+ + +

Contact Us

+

If you have questions, suggestions, or need assistance, please feel free to reach out to us. We're here to + help.

+
+

Email:

+
+
+ + + + + + + + \ No newline at end of file diff --git a/html/login.html b/html/login.html new file mode 100644 index 0000000..a509dfb --- /dev/null +++ b/html/login.html @@ -0,0 +1,39 @@ + + + + + + Login Form + + + + + + +
+
+

Login

+
+ + +
+
+ + +
+
+ + Forgot password? +
+ +
+

Don't have an account? Register

+
+
+
+ + + + + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..4d1b326 --- /dev/null +++ b/index.html @@ -0,0 +1,54 @@ + + + + E-Library + + + + + +
+

Welcome to the E-Library

+

A brief introduction to the e-library.

+
+ +
+ + +
+ +
+

Featured Books

+
+ + + +
+
+ + + + diff --git a/js/footer.js b/js/footer.js new file mode 100644 index 0000000..12ae48b --- /dev/null +++ b/js/footer.js @@ -0,0 +1,47 @@ +document.addEventListener("DOMContentLoaded", function () { + const footer = document.getElementById("footer"); + + footer.innerHTML = ` +
+
+

Contact information

+
+
+ +
+
+ `; + + footer.style.backgroundColor = "#aa5040"; + footer.style.color = "#fff"; + footer.style.padding = "20px"; + + const footerContent = footer.querySelector(".footer-content"); + footerContent.style.display = "flex"; + footerContent.style.flexDirection = "column"; + footerContent.style.alignItems = "center"; + footerContent.style.justifyContent = "center"; + + const contactInfo = footer.querySelector(".contact-info"); + contactInfo.style.display = "flex"; + contactInfo.style.justifyContent = "center"; + + const ul = footer.querySelector("ul"); + ul.style.listStyle = "none"; + ul.style.padding = "0"; + ul.style.display = "flex"; + ul.style.justifyContent = "center"; + + const links = ul.querySelectorAll("a"); + links.forEach(link => { + link.style.textDecoration = "none"; + link.style.color = "#fff"; + link.style.margin = "0 10px"; + }); + }); + \ No newline at end of file diff --git a/js/navbar.js b/js/navbar.js new file mode 100644 index 0000000..45188f3 --- /dev/null +++ b/js/navbar.js @@ -0,0 +1,31 @@ +window.addEventListener('DOMContentLoaded', () => { + const navbarDiv = document.getElementById('navbar'); + const nav = document.createElement('nav'); + nav.style.backgroundColor = '#aa5040'; + nav.style.padding = '10px'; + + nav.innerHTML = ` + + `; + + navbarDiv.appendChild(nav); +}); diff --git a/static/about-us1.jpg b/static/about-us1.jpg new file mode 100644 index 0000000..20941ed Binary files /dev/null and b/static/about-us1.jpg differ diff --git a/static/about-us2.jpg b/static/about-us2.jpg new file mode 100644 index 0000000..5176a52 Binary files /dev/null and b/static/about-us2.jpg differ diff --git a/static/about-us3.jpg b/static/about-us3.jpg new file mode 100644 index 0000000..00e53b6 Binary files /dev/null and b/static/about-us3.jpg differ diff --git a/static/book1.jpeg b/static/book1.jpeg new file mode 100644 index 0000000..ceee990 Binary files /dev/null and b/static/book1.jpeg differ diff --git a/static/book2.jpeg b/static/book2.jpeg new file mode 100644 index 0000000..09323a8 Binary files /dev/null and b/static/book2.jpeg differ diff --git a/static/book3.jpeg b/static/book3.jpeg new file mode 100644 index 0000000..4c9b9a2 Binary files /dev/null and b/static/book3.jpeg differ