Professional Web Templates | ThemeElements

Web Code

Login Sign Up

HTML

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" >
<footer class="footer_new layer_bg">
    <div class="container">
        <div class="top_footer">
            <div class="row">
                <div class="col-md-6">
                    <h2>Get in Touch<br> with vs wire team</h2>
                </div>
                <div class="col-md-6">
                    <div class="btn_group_send">
                        <a href="" target="_blank" class="one_a">Download</a>
                        <a href="#">contact us</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer_bottom">
            <div class="row">
                <div class="col-md-4">
                    <img src="https://themeelements.com/img/themeelement-logo.png" class="footer_logo"> 
                    <p>Seewel Power Industries, based in North India, stands out for
                        its extensive range of copper and aluminum wires
                        and cables that consistently meet the highest
                        international standards for</p>
                </div>
               
               
                 <div class="col-md-2">
                    <ul class="list_footer">
                        <li><a href="index.php">Home</a></li>
                        <li><a href="about.php">About Us</a></li>
                        <li><a href="product.php">Products</a></li>
                        
                    </ul>
                </div>
                <div class="col-md-3">
                    <ul class="list_footer">
                        <li><a href="">Privacy Policy</a></li>
                        <li><a href="">Terms & Conditions</a></li>
                        <li><a href="contact.php">Contact us</a></li>
                    </ul>
                </div>
                <div class="col-md-3">
                    <ul class="list_footer list_footer_icon_set">
                        <li><a href=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2c3.196 0 6 2.618 6 5.602 0 3.093-2.493 7.132-6 12.661-3.507-5.529-6-9.568-6-12.661 0-2.984 2.804-5.602 6-5.602m0-2c-4.198 0-8 3.403-8 7.602 0 4.198 3.469 9.21 8 16.398 4.531-7.188 8-12.2 8-16.398 0-4.199-3.801-7.602-8-7.602zm0 11c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z"></path></svg> Address</a></li>
                        <li><a href="tel:011-42215536"><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M8.26 1.289l-1.564.772c-5.793 3.02 2.798 20.944 9.31 20.944.46 0 .904-.094 1.317-.284l1.542-.755-2.898-5.594-1.54.754c-.181.087-.384.134-.597.134-2.561 0-6.841-8.204-4.241-9.596l1.546-.763-2.875-5.612zm7.746 22.711c-5.68 0-12.221-11.114-12.221-17.832 0-2.419.833-4.146 2.457-4.992l2.382-1.176 3.857 7.347-2.437 1.201c-1.439.772 2.409 8.424 3.956 7.68l2.399-1.179 3.816 7.36s-2.36 1.162-2.476 1.215c-.547.251-1.129.376-1.733.376"></path></svg>+91-99999999</a></li>
                        <li><a href="mailto:enquiry@seewelcables.in"><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M24 21h-24v-18h24v18zm-23-16.477v15.477h22v-15.477l-10.999 10-11.001-10zm21.089-.523h-20.176l10.088 9.171 10.088-9.171z"></path></svg> info@gmail.com</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <p class="Copyright2023">© Copyright 2023</p>
    </div>
</footer>

CSS

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
text-decoration:none;
	 font-family: "Poppins", sans-serif;
}
.footer_new {
    padding: 50px 0  0;
    background: #1b1b1b;
}
.footer_bottom {
margin-top:50px;
}
.top_footer h2 {
    color: #fff;
    font-size: 50px;
    text-transform: uppercase;
    letter-spacing: 4px;
}
.btn_group_send {
    text-align: right;
}
.btn_group_send .one_a {
    background: #85c607;
    border-color: #85c607;
    margin-right: 15px;
}
.btn_group_send a {
    border: 1px solid #fff;
    height: 150px;
    display: inline-block;
    width: 150px;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    line-height: 150px;
    text-align: center;
    border-radius: 150px;
text-decoration:none;
}
.footer_bottom p {
    color: #fff;
}
.footer_logo {
  width:150px;
}
.list_footer {
    text-align: center;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.list_footer a {
    color: #fff;
    line-height: 40px;
    font-size: 18px;
text-decoration:none;
}
.list_footer_icon_set svg {
    fill: #fff;
}
.Copyright2023 {
    margin: 0;
    text-align: center;
    color: #fff;
    padding: 10px 0;
    border-top: 1px solid #a1a1a1;
}

JS

Output