Diseño de Footer

[nicolepenalbe1]

@nicolepenalbe1

Footer

<title>TuAutoEnClic.com</title>

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="style.css">

        <div class="row text-center text-md-start">
            <div class="col-md-3 col-lg-3 col-xl-3 mx-auto mt-3">

                <h5 class="text-uppercase mb-4 font-weight-bold text-primary">Nosotros</h5>
                <hr class="mb-4">
                 <p>
                   Somos una concesionaria de automóviles, estamos en  el innovador mundo del comercio electrónico.
                   En un mundo de constante evolución, donde la digitalización y la comodidad son cada vez más importantes para los consumidores,
                   la implementación de un sistema de comercio electrónico se ha convertido en una necesidad imperativa para el éxito y la relevancia en la industria automotriz.
                   brindarles una visión clara y precisa de cómo nuestro e-commerce está revolucionando la forma en que los clientes interactúan con nuestra concesionaria, al tiempo que aumenta la eficiencia operativa y optimiza los procesos comerciales. 
                </p>

            </div>
        

            <div class="col-md-2 col-lg-2 col-xl-2 mx-auto mt-3">
                <h5 class="text-uppercase mb-4 font-weigth-bold text-primary">DEJANOS AYUDARTE</h5>
                <hr class="mb-4">
                <p>
                    <a href="#" class="text dark">Tu cuenta</a>
                </p>
                <p>
                    <a href="#" class="text dark">Suscripción</a>
                </p>
                <p>
                    <a href="#" class="text dark">Información legal</a>
                </p>                    
                <p>
                    <a href="#" class="text dark">Ayuda</a>
                </p>
            </div>

            <div class="col-md-2 col-lg-2 col-xl-2 mx-auto mt-3">
                <h5 class="text-uppercase mb-4 font-weigth-bold text-primary">INFORMACIÓN LEGAL</h5>
                <hr class="mb-4">
                <p>
                    <a href="#" class="text dark">Registros y licencias</a>
                </p>
                <p>
                    <a href="#" class="text dark">Contrato de Distribución</a>
                </p>
                <p>
                    <a href="#" class="text dark">Financiamiento</a>
                </p>                    
                <p>
                    <a href="#" class="text dark">Protección de datos</a>
                </p>
            </div>
        </div>
    </div>
</footer>




<div class="col-md-2 col-lg-2 col-xl-2 mx-auto mt-3">
 <h5 class="text-uppercase mb-4 font-weigth-bold text-primary">Contacto</h5>
 <hr class="mb-4">
 <p>
    <li class="fas fa-home me-3">  </li>Mendoza, San Rafael
 </p>

 <p>
    <li class="fas fa-envalope me-3"></li>tuautoenclick@gmail.com
 </p>

 <p>
    <li class="fas fa-phone me-3"></li> +54260987768
 </p>

 <p>
    <li class="fas fa-print me-3"></li>+260987765
 </p>

</div>

<hr class="mb-4">

<div class="text-center mb-2">
    <p>
        Copyright Todos los derechos reservados 
        <a href="#">
            <strong class="text-primary">hunt code</strong> 
        </a>
    </p>
</div>
<div class="text-center">

    <ul class="list-unstyled list-inline">

        <li class="list-inline-item">
            <a href="#" class="text-dark"> <i class="fab fa-facebook"></i></a>
        </li>

        <li class="list-inline-item">
            <a href="#" class="text-dark"> <i class="fab fa-twiter"></i></a>
        </li>

        <li class="list-inline-item">
            <a href="#" class="text-dark"> <i class="fab fa-google-plus"></i></a>
        </li>

        <li class="list-inline-item">
            <a href="#" class="text-dark"> <i class="fab fa-linkedin-in"></i></a>
        </li>

        <li class="list-inline-item">
            <a href="#" class="text-dark"> <i class="fab fa-youtube"></i></a>
        </li>
    </ul>
        
</div>

</footer>

Estilos Css

@HasturNaga @Maynh

a {
text-decoration: none;
font-size: 17px;
}

p {
font-size: 17px;
}

a:hover {
color: #f13232 !important ;
}

i {
font-size: 25 px;
}