Inicio » Cursos » Laravel Página Web Administrable

Curso Laravel Página Web Administrable

Lección: 29 ➜ Diseño FrontEnd de la Portada

Diseño FrontEnd de la portada o pagina principal de Artesanías

Lección 29: Diseño FrontEnd de la Portada

Aplicación de diseño frontend a la pagina principal. Normalmente este proceso suele  tomar tiempo pues se tienen que aplicar fuentes, colores y disposición de algunos elementos gráficos para mejorar la vista que el usuario apreciará una vez finalizada la página.

Fuentes tipográficos que usaremos:

En el archivo bootstrap.min.css de nuestro proyecto agregaremos al inicio las fuentes desde Google Fonts que usaremos como son:

  • Anton
  • Nunito
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Nunito&display=swap');

Estilos que agregaremos para definir los colores:

Para aplicar colores personalizados reescribiremos las reglas css de Bootstrap y agregaremos la constante !important para cada regla reescrita puesto que debemos hacer validar como prioritaria.

h1,h2,h3,.nav-link,.font-anton{
            font-family: 'Anton', sans-serif;
        }
        p,ul,li{font-family: 'Nunito', sans-serif;}
        .navbar-light .navbar-nav .nav-link {color:#FF4000 !important}
        .bg-danger{ background:#FF4000 !important}
        .text-danger{ color:#FF4000 !important}
        .text-warning{ color:#FFC926 !important}
        .bg-warning{ background:#FFC926 !important}

 


909 visitas

Descarga el código del proyecto

Descarga el código fuente del proyecto adquiriendo el curso completo

Descargar ahora

Más cursos que pueden interesarte

Más cursos

Codea Codea App

México, Colombia, España, Venezuela, Argentina, Bolivia, Perú

© Todos los derechos reservados Codea App | ...de frente al código!!! | 2020 - 2023