Code Monkey home page Code Monkey logo

ejercicios_fork's Introduction

#HTML / CSS | Clon de Spotify

Introducción

A todo el mundo le gusta la música, ¿verdad? Lo más probable es que, si lo hace, haya oído hablar de Spotify. Hoy vamos a copiar una versión más antigua (y más simple) de la página de inicio de Spotify:

Imagen de Spotify

Todos los activos e imágenes necesarios están incluidos en el código de inicio. Si desea una versión completa en PDF del sitio web como referencia, consulte este enlace.

Ejercicio

Requisitos

  • Fork de este repositorio
  • Clone este repositorio en su ~/web/code/labs
  • Debes usar 1 selector descendiente, y 1 multiselector. Puedes usar más.
  • Anime el logotipo verde de Spotify en la esquina superior izquierda para que salte hacia arriba y hacia abajo cuando un usuario pasa el cursor sobre él.

Instrucciones de envío

Al finalizar, ejecute los siguientes comandos

$ git add .
$ git commit -m "done"
$ git push origin master

Navegue a su repositorio y cree una solicitud de extracción, desde su rama maestra hasta la rama maestra del repositorio original.

En el nombre del Pull Request, agregue su nombre y apellidos separados por un guión "-"

Entregables

Recibirá las imágenes y los recursos en el código de inicio. Escriba su CSS y HTML en los archivos provistos. Recuerda seguir las buenas prácticas.

Pasos

La página está dividida en 4 secciones.

Barra de navegación

  • La barra de navegación debe ser posición: fija.
  • Haga flotar la imagen a la izquierda y haga flotar un ul con los enlaces a la derecha.

Fondo de imagen grande con texto

  • Consulta esta guía sobre cómo centrar las cosas.

Sección Qué hay en Spotify

  • Parece que los div ocupan alrededor de un tercio del contenedor cada uno. ¿Cómo puedes representar esto en código?

ejercicios_fork's People

Contributors

vjimenov avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.