https://github.com/sofiane-abou-abderrahim/html-css-basics-travel-landing-page
I built a pretty travel landing page using HTML & CSS basics. Therefore, I implemented a HTML semantic strucure with convenient navigation bar and a logo. I also worked on the CSS layout of the website, using flexbox and the grid. Besides that, I imported normal images and background images as well. Then, I created a header positioned above the background image thanks to the positioning elements concept. Finally, I applied the default document flow and broke this default view with position absolute and position fixed. But, that's not it: I used selected properties, such as object fit to style the images properly...
https://github.com/sofiane-abou-abderrahim/html-css-basics-travel-landing-page
background-image css-flexbox-grid css-flexbox-layout css-grid-layout css3 html5 images landing-page logo navigation-bar object-fit position-absolute position-elements position-fixed semantic-structure
Last synced: 6 months ago
JSON representation
I built a pretty travel landing page using HTML & CSS basics. Therefore, I implemented a HTML semantic strucure with convenient navigation bar and a logo. I also worked on the CSS layout of the website, using flexbox and the grid. Besides that, I imported normal images and background images as well. Then, I created a header positioned above the background image thanks to the positioning elements concept. Finally, I applied the default document flow and broke this default view with position absolute and position fixed. But, that's not it: I used selected properties, such as object fit to style the images properly...
- Host: GitHub
- URL: https://github.com/sofiane-abou-abderrahim/html-css-basics-travel-landing-page
- Owner: sofiane-abou-abderrahim
- Created: 2022-08-18T21:47:00.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2022-08-18T21:47:22.000Z (over 3 years ago)
- Last Synced: 2025-02-09T08:36:31.755Z (10 months ago)
- Topics: background-image, css-flexbox-grid, css-flexbox-layout, css-grid-layout, css3, html5, images, landing-page, logo, navigation-bar, object-fit, position-absolute, position-elements, position-fixed, semantic-structure
- Language: HTML
- Homepage:
- Size: 676 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0