Wednesday, July 26, 2023

Css use in drupal

 


HTML:- 

<footer id="footer-Primary">
<!--fot_top-->
<div class="fot_bot">
<div class="container">
<div class="row">
<div class="col-md-12">
<div>
<div id="block-copyright">
<div>
<p>© 2023 Copy right</p>
<div class="wave_logo">
<p><a href="#" target="_blank"><img alt="test"  src=""></a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>

CSS:-

#footer-Primary {
    bottom: 0;
    width: 100%;
    float: left;
    background-color: #d5e0e9;
}
.fot_bot {
    float: left;
    width: 100%;
    padding: 30px 0;
}
div#block-copyright {
    float: left;
    width: 100%;
    position: relative;
}
.wave_logo {
    width: 41px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
}
.wave_logo a {
    width: 41px;
    display: block;
}
.fot_bot p {
    font-size: 20px;
    color: #003b71;
    font-weight: 600;
    font-family: eurostile,sans-serif;
    letter-spacing: 1px;
    margin-bottom: 0;
    float: left;
}

No comments:

Post a Comment

If you have any problem please let me know.