Skip to content

Commit

Permalink
Merge pull request #1285 from sumitkr2000/footer
Browse files Browse the repository at this point in the history 
Made audiobook section responsive and fixed alignment of social button of About and Blogs page
  • Loading branch information
@SauravMukherjee44
SauravMukherjee44 authored Jun 2, 2023
2 parents 92de786 + 23e47af commit 0ec9d1e
Show file tree
Hide file tree
Showing 3 changed files with 84 additions and 73 deletions.
149 changes: 80 additions & 69 deletions about.html
View file
Original file line number Diff line number Diff line change
@@ -1,11 +1,13 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="title" content="AEC Library is a comprehensive library management system">
<meta name="description" content="Designed for both large and small library systems, AEC Library is a comprehensive library management system. For managing circulation and stock, this is ideal for institutional, public, and digital libraries. In order to manage and automate the processing of even the largest of libraries, the AEC Library website was developed. According to the end user's requirements, the website is capable of managing Book Issues, Returns, and generating various Reports for Record-Keeping and Review purposes.">
<meta name="description"
content="Designed for both large and small library systems, AEC Library is a comprehensive library management system. For managing circulation and stock, this is ideal for institutional, public, and digital libraries. In order to manage and automate the processing of even the largest of libraries, the AEC Library website was developed. According to the end user's requirements, the website is capable of managing Book Issues, Returns, and generating various Reports for Record-Keeping and Review purposes.">
<meta name="keywords" content="AEC, library systems, library, digital libraries, books">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="English">
Expand All @@ -21,7 +23,7 @@

<!-- Adding new font -> Playfair-display -->
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<!--Adding AOS in it-->
<!-- <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> -->

Expand All @@ -45,7 +47,7 @@
</div>

<!-- Navbar started -->

<nav class="navbar navbar-expand-lg navbar-dark bg-info">
<a class="navbar-brand" href="index.html"><img src="assets/logos/finalLogo.png" alt="AEC Library"
class="logo-img" /></a>
Expand Down Expand Up @@ -89,9 +91,9 @@
<i class="fas fa-sign-in-alt"></i> Sign up
</a>
</li>

</ul>

</div>
</nav>
<!-- Navbar ended -->
Expand Down Expand Up @@ -143,7 +145,7 @@ <h2 class="text-white">

<!-- </div> -->
<p class="text-bottom" style="text-align: center;">
Also read our <a href="./public/terms&conditions.html" class="terms-and-conditions">Terms and Conditions</a>
Also read our <a href="./public/terms&conditions.html" class="terms-and-conditions">Terms and Conditions</a>
</p>
<br>
</div>
Expand All @@ -152,66 +154,75 @@ <h2 class="text-white">
<!-- footer started -->
<div>
<footer>

<div class="footer-wrapper">
<div class ="container">
<div class ="row">
<div class ="footer-col quickcenter">
<h4 class="q-link-header">Quick Links</h4>
<div class="container">
<div class="row">
<div class="footer-col quickcenter">
<h4 class="q-link-header">Quick Links</h4>

<ul>
<a href="/index.html" class="btn1"><li style="color: rgb(85, 55, 27);" class="animated-border-button">Home</li></a>
<a href="/public/donate-book.html" class="btn1"><li style="color: rgb(85, 55, 27);" class="animated-border-button">Donate Books</li></a>
<a href="/resource.html" class="btn1"><li style="color: rgb(85, 55, 27);" class="animated-border-button">Resources</li></a>
<a href="/public/contact%20us%20.html" class="btn1"><li style="color: rgb(85, 55, 27);" class="animated-border-button">Contact Us</li></a>
<a href="/index.html#" class="btn1"><li style="color: rgb(85, 55, 27);" class="animated-border-button">Privacy Policy</li></a>
<a href="/index.html#faq" class="btn1"><li style="color: rgb(85, 55, 27);" class="animated-border-button">FAQ</li></a>
<ul>
<a href="/index.html" class="btn1">
<li style="color: rgb(85, 55, 27);" class="animated-border-button">Home</li>
</a>
<a href="/public/donate-book.html" class="btn1">
<li style="color: rgb(85, 55, 27);" class="animated-border-button">Donate Books</li>
</a>
<a href="/resource.html" class="btn1">
<li style="color: rgb(85, 55, 27);" class="animated-border-button">Resources</li>
</a>
<a href="/public/contact%20us%20.html" class="btn1">
<li style="color: rgb(85, 55, 27);" class="animated-border-button">Contact Us</li>
</a>
<a href="/index.html#" class="btn1">
<li style="color: rgb(85, 55, 27);" class="animated-border-button">Privacy Policy</li>
</a>
<a href="/index.html#faq" class="btn1">
<li style="color: rgb(85, 55, 27);" class="animated-border-button">FAQ</li>
</a>

</ul>
</ul>
</div>
</div>
<div class="footer-col">
<h4 style="color: rgb(204, 204, 204);" class="address">Address</h4>
<div class="content">
<div class="place">
<span class="fas fa-map-marker-alt" style="color: rgb(204, 204, 204);"></span>
<span class="text" style="color: rgb(204, 204, 204);">A-block,Street no-4,New Delhi-110044,India</span>
</div>
</div>
<div class="footer-col">
<h4 style="color: rgb(204, 204, 204);" class="address">Address</h4>
<div class="content">
<div class="place">
<span class="fas fa-map-marker-alt" style="color: rgb(204, 204, 204);"></span>
<span class="text" style="color: rgb(204, 204, 204);">A-block,Street no-4,New Delhi-110044,India</span>
<div class="phone">
<span class="fas fa-phone-alt" style="color: rgb(204, 204, 204);"></span>
<span class="text" style="color: rgb(204, 204, 204);">+1 800 1236879</span>
</div>
</div>
<div class="phone">
<span class="fas fa-phone-alt" style="color: rgb(204, 204, 204);"></span>
<span class="text" style="color: rgb(204, 204, 204);">+1 800 1236879</span>
</div>
<div class="email">
<span class="fas fa-envelope" style="color: rgb(204, 204, 204);"></span>
<span class="text" style="color: rgb(204, 204, 204);">contact@example.com</span>
<div class="email">
<span class="fas fa-envelope" style="color: rgb(204, 204, 204);"></span>
<span class="text" style="color: rgb(204, 204, 204);">contact@example.com</span>
</div>
</div>
</div>
</div>
<div class="footer-wrapper">
<div class="icons">

<ul>
<li>
<a href="https://www.linkedin.com/in/sauravmukherjee44/"><i class="fab fa-lg fa-linkedin-in icon"></i></a>
</li>
<li>
<a href="https://github.com/SauravMukherjee44" target="github"> <i class="fab fa-lg fa-github icon"></i> </a>
</li>
<li>
<a href="https://twitter.com/mesourav44"><i class="fab fa-lg fa-twitter icon"></i></a>
</li>
<li>
<a href="https://bit.ly/CodeINYouTube"><i class="fab fa-lg fa-youtube icon"></i></a>
</li>
</ul>
</div>
<div>

<p style="color: rgb(204, 204, 204);">&#169 <span id="footer-year"></span> Copyright AEC Library</p>
</div>

</div>
<div class="icons">
<ul>
<li>
<a href="https://www.linkedin.com/in/sauravmukherjee44/"><i class="fab fa-lg fa-linkedin-in icon"></i></a>
</li>
<li>
<a href="https://github.com/SauravMukherjee44" target="github"> <i class="fab fa-lg fa-github icon"></i>
</a>
</li>
<li>
<a href="https://twitter.com/mesourav44"><i class="fab fa-lg fa-twitter icon"></i></a>
</li>
<li>
<a href="https://bit.ly/CodeINYouTube"><i class="fab fa-lg fa-youtube icon"></i></a>
</li>
</ul>
</div>
<div>
<p style="color: rgb(204, 204, 204);">&#169 <span id="footer-year"></span> Copyright AEC Library</p>
</div>
</footer>

</div>
Expand Down Expand Up @@ -247,33 +258,33 @@ <h4 style="color: rgb(204, 204, 204);" class="address">Address</h4>
</script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous">
</script>
</script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
</script>
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous">
</script>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init({
offset: 400, // offset (in px) from the original trigger point
delay: 0, // values from 0 to 3000, with step 50ms
duration: 1000 // values from 0 to 3000, with step 50ms
});
</script>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init({
offset: 400, // offset (in px) from the original trigger point
delay: 0, // values from 0 to 3000, with step 50ms
duration: 1000 // values from 0 to 3000, with step 50ms
});
</script>

<!-- <script>
AOS.init({
offset: 200,
duration: 1000,
});
</script> -->
<!-- Footer Year Calculator -->
<!-- Footer Year Calculator -->
<script>
var year = new Date().getFullYear();
document.getElementById("footer-year").innerHTML = year;
</script>
</body>

</html>
</html>
2 changes: 1 addition & 1 deletion assets/css/About.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -471,7 +471,7 @@ footer {
height: 35px;
background-color: #fff;
text-align: center;
line-height: 45px;
line-height: 30px;
font-size: 15px;
margin: 0 0 0 20px;
align-items: center;
Expand Down
6 changes: 3 additions & 3 deletions assets/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1261,11 +1261,9 @@ background-image: linear-gradient(190deg,rgb(95,79,57),rgb(127,106,77), rgb(191,
}
.sound{
size: 10px;
padding-left: 80px;
padding-top: 0;
margin-top: 0;
/* margin-bottom: 20px; */
padding-bottom: 100px;
padding-bottom: 50px;
}
.bheads
{
Expand Down Expand Up @@ -1370,6 +1368,8 @@ background-image: linear-gradient(190deg,rgb(95,79,57),rgb(127,106,77), rgb(191,
transform: scale(1.1);
}
.books-audios{
display: flex;
flex-direction: column;
margin-bottom: 150px;
}

Expand Down

0 comments on commit 0ec9d1e

Please sign in to comment.