This project is a visual mockup (Frontend) of YouTube's homepage. It is built using pure HTML and CSS. The interface includes minimal interactions such as:
- Clicking on the YouTube logo
- Clicking on a video thumbnail
- Clicking on a YouTube channel photo
- Clicking on the YouTube channel name or video title
These interactions will redirect you to the corresponding YouTube URL. This project is aimed at practicing HTML and CSS.
The main file of the project. Open it in your favorite browser to view and interact with the project. You can copy, modify, and use this source code as you wish. (Tip: Use the Live Server extension for more efficient coding).
This file helps to maintain certain securities and sensitive data by excluding specific files from version control.
This file contains the explanation and details of the project.
This folder contains the CSS files for the presentation of elements on the main youtube.html page.
This folder contains the images of YouTube channels used directly on the main youtube.html page.
This folder contains the images of YouTube videos used directly on the main youtube.html page.
This folder contains various test files used to practice HTML as well as different CSS concepts and presentations.
This folder contains various YouTube icons used directly on the main youtube.html page.
Ce projet est une maquette visuelle (Frontend) de la page d'accueil de YouTube. Il est construit à l’aide de HTML et CSS pur. L’interface inclut des interactions minimales telles que :
- Cliquer sur le logo de YouTube
- Cliquer sur la miniature d’une vidéo
- Cliquer sur la photo d’une chaîne YouTube
- Cliquer sur le nom de la chaîne YouTube ou le titre de la vidéo
Ces interactions redirigent directement vers l’URL correspondante sur YouTube. Ce projet a pour but de pratiquer le HTML et CSS.
Le fichier principal du projet. Ouvrez-le dans votre navigateur favori pour visualiser et interagir avec le projet. Vous pouvez copier, modifier et utiliser ce code source à votre guise. (Conseil : Utilisez l'extension Live Server pour coder plus efficacement).
Ce fichier permet de conserver certaines sécurités et données sensibles en excluant certains fichiers du suivi de version.
Ce fichier contient l'explication et les détails du projet.
Ce dossier contient les fichiers CSS pour la présentation des éléments de la page principale youtube.html.
Ce dossier contient les images des chaînes YouTube utilisées directement dans la page principale youtube.html.
Ce dossier contient les images des vidéos YouTube utilisées directement dans la page principale youtube.html.
Ce dossier contient différents fichiers de test utilisés pour pratiquer le HTML ainsi que divers concepts et présentations CSS.
Ce dossier contient différents icônes YouTube utilisés directement dans la page principale youtube.html.
Este proyecto es una maqueta visual (Frontend) de la página de inicio de YouTube. Está construido utilizando HTML y CSS puro. La interfaz incluye interacciones mínimas como:
- Hacer clic en el logo de YouTube
- Hacer clic en una miniatura de video
- Hacer clic en una foto de un canal de YouTube
- Hacer clic en el nombre del canal de YouTube o en el título del video
Estas interacciones redirigirán directamente a la URL correspondiente de YouTube. Este proyecto tiene como objetivo practicar HTML y CSS.
El archivo principal del proyecto. Ábrelo en tu navegador favorito para ver e interactuar con el proyecto. Puedes copiar, modificar y usar este código fuente como desees. (Consejo: Usa la extensión Live Server para una codificación más eficiente).
Este archivo ayuda a mantener ciertas seguridades y datos sensibles excluyendo archivos específicos del control de versiones.
Este archivo contiene la explicación y detalles del proyecto.
Esta carpeta contiene los archivos CSS para la presentación de elementos en la página principal youtube.html.
Esta carpeta contiene las imágenes de los canales de YouTube utilizados directamente en la página principal youtube.html.
Esta carpeta contiene las imágenes de los videos de YouTube utilizados directamente en la página principal youtube.html.
Esta carpeta contiene varios archivos de prueba utilizados para practicar HTML así como diferentes conceptos y presentaciones de CSS.
Esta carpeta contiene varios íconos de YouTube utilizados directamente en la página principal youtube.html.