Skip to content

Commit

Permalink
first commit
Browse files Browse the repository at this point in the history
  • Loading branch information
@SwayamBadhe
SwayamBadhe committed Sep 29, 2023
0 parents commit 7954d5c
Show file tree
Hide file tree
Showing 14 changed files with 503 additions and 0 deletions.
41 changes: 41 additions & 0 deletions css/about-us.css
Original file line number Diff line number Diff line change
@@ -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;
}



123 changes: 123 additions & 0 deletions css/index.css
Original file line number Diff line number Diff line change
@@ -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;
}

102 changes: 102 additions & 0 deletions css/login.css
Original file line number Diff line number Diff line change
@@ -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;
}


66 changes: 66 additions & 0 deletions html/about-us.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,66 @@
<!DOCTYPE html>
<html lang="en">

<head>
<title>About Us - E-Library</title>
<link rel="stylesheet" href="../css/about-us.css">
</head>

<body>
<div id="navbar"></div>

<div class="container">
<h2>Who We Are</h2>
<p>
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.
</p>

<div class="text-center">
<img src="../static/about-us1.jpg" alt="Reading Bliss">
</div>

<h2>Our Mission</h2>
<p>
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.
</p>


<h2>What We Offer:</h2>
<p>
<class="bullet">> Vast Digital Library</class> : 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.
</p>
<div>
<img class="pic"
src="../static/about-us2.jpg">
</div>
<p>
<class="bullet">> User-Friendly Interface</class> Our platform is designed with simplicity in mind, ensuring
that you can find and enjoy your favorite books effortlessly.
</p>
<p>
<class="bullet">> Personalized Recommendations</class> Let us guide you to new literary adventures tailored
to your interests through our advanced recommendation system.
</p>
<img class="pic" src="../static/about-us3.jpg">

<h2>Contact Us</h2>
<p>If you have questions, suggestions, or need assistance, please feel free to reach out to us. We're here to
help.</p>
<div class="contact-info">
<p>Email: </p>
</div>
</div>

<div id="footer"></div>

<script src="../js/navbar.js"></script>
<script src="../js/footer.js"></script>
</body>

</html>
39 changes: 39 additions & 0 deletions html/login.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login Form</title>
<link rel="stylesheet" href="../css/login.css">
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
</head>
<body>
<div id="navbar"></div>

<div class="wrapper">
<form action="">
<h1>Login</h1>
<div class="input-box">
<input type="text" placeholder="Username" required>
<i class='bx bxs-user'></i>
</div>
<div class="input-box">
<input type="password" placeholder="Password" required>
<i class='bx bxs-lock-alt'></i>
</div>
<div class="remember-forget">
<label><input type="checkbox"> Remember me</label>
<a href="#" class="forgot-password">Forgot password?</a>
</div>
<button type="submit" class="btn">Login</button>
<div class="register-link">
<p>Don't have an account? <a href="#">Register</a></p>
</div>
</form>
</div>
<div id="footer"></div>

<script src="../js/navbar.js"></script>
<script src="../js/footer.js"></script>
</body>
</html>
Loading

0 comments on commit 7954d5c

Please sign in to comment.