https://github.com/thehelpfultipper/frontendmentor_drktheme_landing
Solution walkthrough for Frontend Mentor's Fylo dark theme landing page.
https://github.com/thehelpfultipper/frontendmentor_drktheme_landing
Last synced: 3 months ago
JSON representation
Solution walkthrough for Frontend Mentor's Fylo dark theme landing page.
- Host: GitHub
- URL: https://github.com/thehelpfultipper/frontendmentor_drktheme_landing
- Owner: thehelpfultipper
- License: mit
- Created: 2024-06-04T16:06:15.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-16T15:16:24.000Z (almost 2 years ago)
- Last Synced: 2025-12-19T09:30:53.388Z (6 months ago)
- Language: HTML
- Homepage: https://thehelpfultipper.com/frontendmentor_fylo_page/
- Size: 102 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# Frontend Mentor - Fylo dark theme landing page solution
This is a solution to the [Fylo dark theme landing page challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/fylo-dark-theme-landing-page-5ca5f2d21e82137ec91a50fd). This project will guide you through setting up and styling a dark theme landing page using Bootstrap, a powerful front-end framework. Follow along to build a responsive and visually appealing landing page.
[Demo link](https://thehelpfultipper.com/frontendmentor_fylo_page/).
## Objective
Create a dark theme landing page based on the design provided by Frontend Mentor. We will use Bootstrap to handle the responsive layout and basic styling, and we will add custom styles to match the design requirements.
Users should be able to:
- View the optimal layout for the interface depending on their device's screen size
- See hover and focus states for all interactive elements on the page
**View tutorial:** [How To Use Bootstrap To Make A Responsive Landing Page](https://thehelpfultipper.com/how-to-use-bootstrap-to-make-responsive-landing-page/)
## Features
- **Responsive Design**: View optimal layouts for different screen sizes.
- **Interactive Elements**: See hover states for all interactive elements.
## Technologies Used
- Bootstrap
- HTML
- CSS
- JavaScript
## Credits
[Frontend Mentor](https://www.frontendmentor.io/): Project idea and specifications.
A Pen created on CodePen.io. Original URL: [https://codepen.io/thehelpfultipper/pen/mdYwVwP](https://codepen.io/thehelpfultipper/pen/mdYwVwP).
## License
This project is licensed under the MIT License. Feel free to use the code for personal or commercial projects.
For detailed tutorials, visit the [blog](https://thehelpfultipper.com/).