Code Monkey home page Code Monkey logo

clon-de-google's Introduction

Clon de Google (HTML, CSS)

Proyecto realizado con la intención de aplicar los conocimientos obtenidos en el bootcamp de Tecnolochicas PRO Summer Camp.

Puedes poner en práctica tus habilidades revisando y utilizando el código a continuación.

ÍNDICE


1.Intro

HTML trabaja de la mano con CSS para crear las páginas web que usamos todos los días en el navegador💻. Incluso, este sitio web en donde estás viendo este contenido está construido con HTML y CSS🤯 (junto con otros elementos que conocerás más adelante). Para este primer proyecto, con los conocimientos que tienes de HTML y CSS realizarás la clonación de la interfaz de Google, sí, esa que ves cada que haces una búsqueda en su navegador, ¿aceptas el reto🤓?

2. Demo

Puedes entrar a ver el demo en este vínculo: https://eloquent-platypus-cb196d.netlify.app/

La idea es inspirarte con esta demostración de proyecto.

¡Quizá no te quede idéntico o quizá te quede mucho mejor que este demo🤩, utiliza tu destreza y aprendizaje para que demuestres que tu futuro es ser un(a) programador(a) web.👩🏻💻👦🏻

imagen

3. ¿Qué construirás?

Este proyecto está enfocado en construir la interfaz estática de Google.

Se te pide que sea una sola página que contenga las secciones siguientes:

  • a. Header Sección que involucra la foto del perfil, iconos, logo de Google y las áreas principales del sitio.
  • b. Main Sección del contenedor para los elementos centrales de la página.
  • c. Footer Sección que incluye hipervínculos al final de la página.

4. Objetivos de aprendizaje

El objetivo principal de este proyecto es desarrollar una interfaz utilizando HTML y CSS, en toda su aplicación.

Aplicarás:

  • Etiquetas estándar HTML5.
  • Estilos con CSS

5. Requisitos

Usa esta lista para saber los requisitos mínimos del proyecto:

GENERAL

Realizarse de manera individual

UI

  • Aplicar en todo el sitio HTML semántico de estándar no.5 (HTML5).
  • Aplicar tipos de selectores en CSS.
  • Sección Header, main, footer

Happy coding!❤

clon-de-google's People

Contributors

malibb avatar

Watchers

 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.