F

flexbox

A Google Homepage Clone created using HTML and CSS, designed to replicate the appearance and layout of the Google search homepage. The project includes a navigation menu, Google logo, search bar, voice search and image search icons, search buttons, language links, and footer navigation links.

This project focuses on practicing CSS Flexbox, spacing, alignment, borders, typography, hover effects, and webpage layout. The website is currently designed for desktop view and is not responsive for mobile or tablet devices.

This project is a static Airbnb homepage clone created using HTML and CSS. It recreates the basic visual structure and design of the Airbnb website, including the header, navigation elements, property listings, images, icons, and location-based sections.

The project was developed to practice HTML page structure, CSS styling, layouts, images, spacing, colors, and positioning while building a real-world website clone.

Note: This project is not responsive and is designed primarily for desktop/laptop screen sizes.

A responsive hotel booking website clone developed using HTML and CSS. The project recreates the layout and user interface of a modern booking platform, including navigation, search and booking sections, destination cards, hotel listings, and responsive design.

Technologies Used HTML5 CSS3 Responsive Web Design Key Features Responsive navigation bar Search and booking interface Hotel and destination cards Responsive layout for different screen sizes Clean and user-friendly design

Digient Clone

A responsive landing page built using HTML, CSS, and Bootstrap. The project features a modern dark-themed user interface, responsive layouts with Flexbox and CSS Grid, feature cards, navigation bar, call-to-action sections, and footer design. Developed to improve front-end development skills and practice creating responsive web pages for different screen sizes.

This project is a static YouTube homepage clone built using HTML and CSS. It recreates the desktop version of YouTube's user interface, including a fixed navigation bar with search functionality, sidebar navigation, category filter buttons, subscription section, and a video grid displaying embedded YouTube videos. The project demonstrates the use of CSS Flexbox, CSS Grid, fixed positioning, custom styling, and layout design techniques to closely match the original YouTube homepage. It is intended for practicing frontend development skills and improving understanding of modern webpage layouts.

Note: Best Viewing Experience

Screen: Desktop/Laptop Browser Zoom: 67%

This project focuses on recreating the YouTube desktop interface and has not been optimized for responsive layouts.

Instagram Login Page Clone created using HTML and CSS to practice web page structuring, styling, positioning, and modern user interface design.

kiyan-music.pages.dev

CSS Example

The Social Proof Section project is a responsive layout showcasing user reviews and ratings. It focuses on creating a clean, mobile-friendly design using HTML and CSS, enhancing skills in flexbox and custom properties. The project highlights testimonials and ratings to improve UI and responsiveness practices.

The Changelog Component is a sleek and responsive timeline display for showcasing updates and changes in a project. It provides a clean, chronological view of recent modifications with a modern design, making it easy to keep users informed about the latest developments.

This project is a study project where I create a website for the game Counter Strike 2 using HTML and CSS.

Taller de leonidasesteban.com

HTML5 et CSS3 formation Dyma Projet 02

Page: https://ackheron.gitlab.io/agence_ledor/

Tea Place is a project made to practise CSS Flexbox. It was homework during Codecademy's CSS Intermediate Course. All details about the design were given (font sizes, spacing etc.).

A task has been assigned to me to approve my CSS skills

A task has been assigned to me to approve my the statement management skills

Solution logicielle « main value proposition » pour LA SERRE PARIS, permettant de confronter plus finement leur idée face aux potentiels clients. Fonctionnalités principales : abonnements clients, réservations restaurant.

Projet 2 "Reservia" Openclassrooms , version avant 29/09/2021

Page: https://ackheron-openclassrooms.gitlab.io/christopheromand_2_15092021/

Repaso de flexbox, practicando con CSS3 para maquetación web.

Projet 3 "Ohmyfood" Openclassrooms

Page: https://ackheron-openclassrooms.gitlab.io/christopheromand_3_211021/