Skip to content

Commit

Permalink
Merge pull request #3 from cw-ayush/main
Browse files Browse the repository at this point in the history 
Modified Footer of the Main Page
  • Loading branch information
@mahdi-eth
mahdi-eth authored Jan 6, 2024
2 parents b6b89ba + 156ca6c commit 9c5bc29
Show file tree
Hide file tree
Showing 2 changed files with 324 additions and 3 deletions.
111 changes: 109 additions & 2 deletions Home-Page/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -420,7 +420,7 @@ <h2>Best of <b>novels</b></h2>

</section>
</main>

<!--
<footer class="bg-light text-center text-white mt-5">
<div class="container p-4 pb-0 border-top border-1 border-danger border-opacity-25">
<section class="mb-4">
Expand Down Expand Up @@ -468,7 +468,114 @@ <h2>Best of <b>novels</b></h2>
Creator :
<a class="text-white" href="https://github.com/mahdi-Eth">Mahdi Ettehadnejad</a>
</div>
</footer>
</footer> -->


<footer class="new_footer_area bg_color">
<div class="new_footer_top">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="f_widget company_widget wow fadeInLeft" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInLeft;">
<h3 class="f-title f_600 t_color f_size_18">Get in Touch</h3>
<p>Don’t miss any updates of our new Books and Novels.!</p>
<form action="#" class="f_subscribe_two mailchimp" method="post" novalidate="true" _lpchecked="1">
<input type="text" name="EMAIL" class="form-control memail" placeholder="Email">
<button class="btn btn_get btn_get_two" type="submit">Subscribe</button>
<p class="mchimp-errmessage" style="display: none;"></p>
<p class="mchimp-sucmessage" style="display: none;"></p>
</form>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="f_widget about-widget pl_70 wow fadeInLeft" data-wow-delay="0.4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInLeft;">
<h3 class="f-title f_600 t_color f_size_18">Download</h3>
<ul class="list-unstyled f_list">
<li><a href="#">Company</a></li>
<li><a href="#">Android App</a></li>
<li><a href="#">ios App</a></li>
<li><a href="#">Desktop</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">My tasks</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="f_widget about-widget pl_70 wow fadeInLeft" data-wow-delay="0.6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInLeft;">
<h3 class="f-title f_600 t_color f_size_18">Help</h3>
<ul class="list-unstyled f_list">
<li><a href="#">FAQ</a></li>
<li><a href="#">Term &amp; conditions</a></li>
<li><a href="#">Reporting</a></li>
<li><a href="#">Documentation</a></li>
<li><a href="#">Support Policy</a></li>
<li><a href="#">Privacy</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="f_widget social-widget pl_70 wow fadeInLeft" data-wow-delay="0.8s" style="visibility: visible; animation-delay: 0.8s; animation-name: fadeInLeft;">
<h3 class="f-title f_600 t_color f_size_18">Creator Handles</h3>
<div class="f_social_icon">
<a
class="btn btn-primary btn-floating m-1"
style="background-color: #55acee;"
href="https://twitter.com/ettehadnejad"
role="button"
><i class="bi bi-twitter"></i
></a>

<a
class="btn btn-primary btn-floating m-1"
style="background-color: #dd4b39;"
href="https://mail.google.com/mail/u/0/?hl=fr#search/mahdi.ettehad85%40gmail.com"
role="button"
><i class="bi bi-google"></i
></a>

<a
class="btn btn-primary btn-floating m-1"
style="background-color: #ac2bac;"
href="https://www.instagram.com/mahdi__ettehad/"
role="button"
><i class="bi bi-instagram"></i
></a>

<a
class="btn btn-primary btn-floating m-1"
style="background-color: #0082ca;"
href="https://www.linkedin.com/in/mahdi-ettehadnejad-86a0b323a/"
role="button"
><i class="bi bi-linkedin"></i
></a>
<a
class="btn btn-primary btn-floating m-1"
style="background-color: #333333;"
href="https://github.com/mahdi-Eth"
role="button"
><i class="bi bi-github"></i
></a>
</div>
</div>
</div>
</div>
</div>
<div class="footer_bg">
<div class="footer_bg_one"></div>
<div class="footer_bg_two"></div>
</div>
</div>
<div class="footer_bottom">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-sm-5 text-right">
<p>Creator :<i class="icon_heart"></i> <a href="https://github.com/mahdi-Eth" target="_blank">Mahdi Ettehadnejad</a></p>
</div>
</div>
</div>
</div>
</footer>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
Expand Down
216 changes: 215 additions & 1 deletion Home-Page/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -186,4 +186,218 @@ h2::after {
z-index: 1;
transition: all ease .5s;
top: -40rem;
}
}



body {
background: #fbfbfd;
}

.new_footer_area {
background: #fbfbfd;
}


.new_footer_top {
padding: 120px 0px 270px;
position: relative;
overflow-x: hidden;
}
.new_footer_area .footer_bottom {
padding-top: 5px;
padding-bottom: 50px;
}
.footer_bottom {
font-size: 14px;
font-weight: 300;
line-height: 20px;
color: #7f88a6;
padding: 27px 0px;
}
.new_footer_top .company_widget p {
font-size: 16px;
font-weight: 300;
line-height: 28px;
color: #6a7695;
margin-bottom: 20px;
}
.new_footer_top .company_widget .f_subscribe_two .btn_get {
border-width: 1px;
margin-top: 20px;
}
.btn_get_two:hover {
background: transparent;
color: #5e2ced;
}
.btn_get:hover {
color: #fff;
background: #6754e2;
border-color: #6754e2;
-webkit-box-shadow: none;
box-shadow: none;
}
a:hover, a:focus, .btn:hover, .btn:focus, button:hover, button:focus {
text-decoration: none;
outline: none;
}



.new_footer_top .f_widget.about-widget .f_list li a:hover {
color: #5e2ced;
}
.new_footer_top .f_widget.about-widget .f_list li {
margin-bottom: 11px;
}
.f_widget.about-widget .f_list li:last-child {
margin-bottom: 0px;
}
.f_widget.about-widget .f_list li {
margin-bottom: 15px;
}
.f_widget.about-widget .f_list {
margin-bottom: 0px;
}
.new_footer_top .f_social_icon a {
width: 44px;
height: 44px;
line-height: 43px;
background: transparent;
border: 1px solid #e2e2eb;
font-size: 24px;
}
.f_social_icon a {
width: 46px;
height: 46px;
border-radius: 50%;
font-size: 14px;
line-height: 45px;
color: #858da8;
display: inline-block;
background: #ebeef5;
text-align: center;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.ti-facebook:before {
content: "\e741";
}
.ti-twitter-alt:before {
content: "\e74b";
}
.ti-vimeo-alt:before {
content: "\e74a";
}
.ti-pinterest:before {
content: "\e731";
}

.btn_get_two {
-webkit-box-shadow: none;
box-shadow: none;
background: #5e2ced;
border-color: #5e2ced;
color: #fff;
}

.btn_get_two:hover {
background: transparent;
color: #5e2ced;
}

.new_footer_top .f_social_icon a:hover {
background: #5e2ced;
border-color: #5e2ced;
color:white;
}
.new_footer_top .f_social_icon a + a {
margin-left: 4px;
}
.new_footer_top .f-title {
margin-bottom: 30px;
color: #263b5e;
}
.f_600 {
font-weight: 600;
}
.f_size_18 {
font-size: 18px;
}
h1, h2, h3, h4, h5, h6 {
color: #4b505e;
}
.new_footer_top .f_widget.about-widget .f_list li a {
color: #6a7695;
}


.new_footer_top .footer_bg {
position: absolute;
bottom: 0;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigB8iI5tb8WSVBuVUGc9UjjB8O0708X7Fdic_4O1LT4CmLHoiwhanLXiRhe82yw0R7LgACQ2IhZaTY0hhmGi0gYp_Ynb49CVzfmXtYHUVKgXXpWvJ_oYT8cB4vzsnJLe3iCwuzj-w6PeYq_JaHmy_CoGoa6nw0FBo-2xLdOPvsLTh_fmYH2xhkaZ-OGQ/s16000/footer_bg.png") no-repeat scroll center 0;
width: 100%;
height: 266px;
}

.new_footer_top .footer_bg .footer_bg_one {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia0PYPxwT5ifToyP3SNZeQWfJEWrUENYA5IXM6sN5vLwAKvaJS1pQVu8mOFFUa_ET4JuHNTFAxKURFerJYHDUWXLXl1vDofYXuij45JZelYOjEFoCOn7E6Vxu0fwV7ACPzArcno1rYuVxGB7JY6G7__e4_KZW4lTYIaHSLVaVLzklZBLZnQw047oq5-Q/s16000/volks.gif") no-repeat center center;
width: 330px;
height: 105px;
background-size:100%;
position: absolute;
bottom: 0;
left: 30%;
-webkit-animation: myfirst 22s linear infinite;
animation: myfirst 22s linear infinite;
}

.new_footer_top .footer_bg .footer_bg_two {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyLGwEUVwPK6Vi8xXMymsc-ZXVwLWyXhogZxbcXQYSY55REw_0D4VTQnsVzCrL7nsyjd0P7RVOI5NKJbQ75koZIalD8mqbMquP20fL3DxsWngKkOLOzoOf9sMuxlbyfkIBTsDw5WFUj-YJiI50yzgVjF8cZPHhEjkOP_PRTQXDHEq8AyWpBiJdN9SfQA/s16000/cyclist.gif") no-repeat center center;
width: 88px;
height: 100px;
background-size:100%;
bottom: 0;
left: 38%;
position: absolute;
-webkit-animation: myfirst 30s linear infinite;
animation: myfirst 30s linear infinite;
}

.f_social_icon a {
border: 5px solid;
margin: auto;
width: 50%;
padding-bottom: 15px;
}

@-moz-keyframes myfirst {
0% {
left: -25%;
}
100% {
left: 100%;
}
}

@-webkit-keyframes myfirst {
0% {
left: -25%;
}
100% {
left: 100%;
}
}

@keyframes myfirst {
0% {
left: -25%;
}
100% {
left: 100%;
}
}



0 comments on commit 9c5bc29

Please sign in to comment.