Skip to content

Commit

Permalink
footer
Browse files Browse the repository at this point in the history
  • Loading branch information
@ePSA-eJya
ePSA-eJya committed Jun 15, 2023
1 parent 1d0e974 commit e7eacef
Show file tree
Hide file tree
Showing 3 changed files with 152 additions and 41 deletions.
127 changes: 105 additions & 22 deletions assets/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1397,8 +1397,10 @@ section {
# Footer
--------------------------------------------------------------*/
#footer {
color: #444444;
color: white;
font-size: 14px;
background: rgb(25, 37, 56);
/* background-color: #031f4d; */
/* background: #f1f3ff; */
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
Expand All @@ -1415,68 +1417,123 @@ section {
padding: 2px 0 2px 0;
line-height: 1;
font-weight: 700;
color: #2d405f;
/* color: #2d405f; */
color: rgb(255, 255, 255);
}
#footer .footer-top h3{
font-weight: 700;
font-size: 30px;
padding-bottom: 50px;
}
#footer .footer-top .footer-links h4{
font-weight: bold;
font-size: 22px;
font-family: "Krub", sans-serif;

}
#footer .footer-top .footer-contact p {
font-size: 14px;
line-height: 24px;
margin-bottom: 0;
font-family: "Krub", sans-serif;
color: #4e6fa4;
/* color: #4e6fa4; */
/* color: rgb(189, 186, 249); */
color: white;
}
#footer .footer-top h4 {
font-size: 16px;
font-weight: bold;
color: #2d405f;
/* color: #2d405f; */
color: white;
position: relative;
padding-bottom: 12px;
}
.mail{
color: white;
font-size: 15px;
}
.mail:hover{
text-decoration: underline;

color: white;
/* font-size: larger; */
}
#footer .footer-top .footer-links {
margin-bottom: 10px;
}
/* .footer-links h4{
font-size: 200px;
} */
#footer .footer-top .footer-links ul {
list-style: none;
padding: 0;
margin: 0;
}
#footer .footer-top .footer-links ul i {
padding-right: 2px;
color: #6c7afa;
/* color: #6c7afa; */
color: white;
font-size: 18px;
line-height: 1;
}
#footer .footer-top .footer-links ul li {
padding: 10px 0;
/* margin-bottom: 15px;
padding-bottom: 10px; */
display: flex;
align-items: center;
}
#footer .footer-top .footer-links ul li:first-child {
padding-top: 0;
padding-top: 0px;
}
.address{
display: flex;
}
.loc-icon{
/* background-color: red; */
width: 45px;
height: 45px;
display: flex;
align-items: center;
}
.loc-icon i{
padding-top: 25px;
margin-right: 20px;
font-size: 40px;
display: flex;
}
#footer .footer-top .footer-links ul a {
color: #777777;
color: white;
transition: 0.3s;
display: inline-block;
line-height: 1;
}
#footer .footer-top .footer-links ul a:hover {
text-decoration: none;
color: #3b4ef8;
text-decoration: underline;
font-size: 20px;
transition: 0.3s;
/* color: #3b4ef8; */
color: white;
}
#footer .footer-newsletter {
font-size: 15px;
}
#footer .footer-newsletter h4 {
font-size: 16px;
padding-top: 20px;
font-size: 22px;
font-weight: bold;
color: #2d405f;
/* color: #2d405f; */
color: white;
position: relative;
padding-bottom: 12px;
}
.stay{
margin-top: -10px;
}
#footer .footer-newsletter form {
margin-top: 30px;
background: #fff;
padding: 6px 10px;
padding: 2px 2px;
position: relative;
border-radius: 5px;
text-align: left;
Expand All @@ -1496,37 +1553,63 @@ section {
background: none;
font-size: 16px;
padding: 0 20px;
background: #3b4ef8;
background: #2d405f;
/* color: #fff;*/
transition: 0.3s;
border-radius: 0 5px 5px 0;
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
color: white;
}
#footer .footer-newsletter form input[type="submit"]:hover {
background: #0a22f6;
background: #949fff;
}
#footer .credits {
padding-top: 5px;
font-size: 13px;
color: #444444;
}
#footer .social-links{
/* padding-left: -100px; */
margin-left: -15px;
}
#footer .social-links a {
font-size: 18px;
font-size: 30px;
display: inline-block;
background: #e7eafe;
color: #3b4ef8;

/* background: #e7eafe; */
color: white;
line-height: 1;
padding: 8px 0;
margin-right: 4px;
padding: 2px;
margin-right: 5px;
/* text-align: left; */
border-radius: 5px;
text-align: center;
width: 36px;
height: 36px;
width: 35px;
height: 35px;
transition: 0.3s;
}
#footer .social-links a:hover:nth-child(1){
background-color: #4267B2;

}
#footer .social-links a:hover:nth-child(2){
background: #f09433;
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
#footer .social-links a:hover:nth-child(3){
background-color: #FF0000;
}
#footer .social-links a:hover:nth-child(4){
background-color: #0e76a8;
}
#footer .social-links a:hover:nth-child(5){
background-color: #1DA1F2;
}
#footer .social-links a:hover {
background: #a7aeed;
/* background: #a7aeed; */
/* background: #ebeda7; */
/* color: #fff;*/
text-decoration: none;
Expand Down
60 changes: 42 additions & 18 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,7 @@
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet" />
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet" />
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <title>Amazon</title>

<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet" />
Expand Down Expand Up @@ -1367,22 +1368,42 @@ <h3>Call Us</h3>
<!-- End #main -->

<!-- ======= Footer ======= -->
<footer id="footer">
<footer id="footer" class="foot">
<div class="footer-top">
<div class="container">
<h3>EduHub Community</h3>
<div class="row">
<div class="col-lg-3 col-md-6 footer-contact">
<h3>EduHub Community</h3>
<p>
Chomu Udaipuria Mod, <br />
Jaipur,<br />
Rajasthan. <br /><br />
<!-- <strong>Phone:</strong> +1 5589 55488 55<br /> -->
<strong>Email:</strong>
<p>
<a target="_blank" href="mailto:[email protected]">[email protected]</a>
</p><br />
</p>

<div class="address">
<div class="loc-icon">
<i class="fa-solid fa-location-dot"></i>
</div>
<p>

Chomu Udaipuria Mod, <br />
Jaipur,<br />
Rajasthan. <br /><br />
</p>
</div>
<!-- <strong>Phone:</strong> +1 5589 55488 55<br /> -->
<strong>Email:</strong>
<p>
<a target="_blank" class="mail" href="mailto:[email protected]">[email protected]</a>
</p><br>
<br>
<div class="social-links text-md-right pt-3 pt-md-0">
<a target="_blank" href="https://www.facebook.com/eduhubcommunity" class="facebook"><i
class="bx bxl-facebook"></i></a>
<a target="_blank" href="https://www.instagram.com/eduhub_community/" class="instagram"><i
class="bx bxl-instagram"></i></a>
<a target="_blank" href="https://www.youtube.com/channel/UCPpG3qqMH_0QDvSzHyjjZJQ" class="google-plus"><i
class="bx bxl-youtube"></i></a>
<a target="_blank" href="https://www.linkedin.com/company/eduhub-community" class="linkedin"><i
class="bx bxl-linkedin"></i></a>
<a target="_blank" href="https://twitter.com/CommunityEduhub" class="twitter"><i class="bx bxl-twitter"></i></a>
</div>

</div>

<div class="col-lg-2 col-md-6 footer-links">
Expand All @@ -1406,8 +1427,10 @@ <h4>Quick Access</h4>
<a href="#team">Team</a>
</li>
</ul>
</div>

</div>

<br>
<div class="col-lg-3 col-md-6 footer-links">
<h4>Our Outreach</h4>
<ul>
Expand All @@ -1427,13 +1450,15 @@ <h4>Our Outreach</h4>
<a
href="https://docs.google.com/forms/d/1XUnnCtcWtDgnCSQmBgqPjUQ6H5KlE8Ek1LJpXX76Hg4/viewform?edit_requested=true">Reach
out to us for any Queries</a>

</li>
</ul>
</div>

<div class="col-lg-4 col-md-6 footer-newsletter">
<h4>Subscribe</h4>
<p>Stay Updated for our Exciting events</p>

<h4>Subscribe: </h4>
<p class="stay">Stay Updated for our Exciting events</p>
<form action="" method="post">
<input type="email" name="email" /><input type="submit" value="Subscribe" />
</form>
Expand All @@ -1443,8 +1468,7 @@ <h4>Subscribe</h4>
</div>

<div class="container d-md-flex py-4">
<div class="social-links text-center text-md-right pt-3 pt-md-0">
<!-- <a href="#" class="twitter"><i class="bx bxl-twitter"></i></a> -->
<!-- <div class="social-links text-center text-md-right pt-3 pt-md-0">
<a target="_blank" href="https://www.facebook.com/eduhubcommunity" class="facebook"><i
class="bx bxl-facebook"></i></a>
<a target="_blank" href="https://www.instagram.com/eduhub_community/" class="instagram"><i
Expand All @@ -1454,7 +1478,7 @@ <h4>Subscribe</h4>
<a target="_blank" href="https://www.linkedin.com/company/eduhub-community" class="linkedin"><i
class="bx bxl-linkedin"></i></a>
<a target="_blank" href="https://twitter.com/CommunityEduhub" class="twitter"><i class="bx bxl-twitter"></i></a>
</div>
</div> -->
</div>
</footer>
<!-- End Footer -->
Expand Down
6 changes: 5 additions & 1 deletion style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1407,10 +1407,13 @@ section {
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.foot{
background-color: #466393;
}
#footer {
color: #444444;
font-size: 14px;
/* background: #f1f3ff; */
/* background-color: #466393 !important; */
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
#footer .footer-top {
Expand All @@ -1427,6 +1430,7 @@ section {
line-height: 1;
font-weight: 700;
color: #2d405f;
/* color: black; */
}
#footer .footer-top .footer-contact p {
font-size: 14px;
Expand Down

0 comments on commit e7eacef

Please sign in to comment.