Simple Homepage

This is a simple and responsive homepage for Alarado, designed with HTML, CSS, and JavaScript. The project features a modern UI with a navigation bar, dark mode toggle, and a hero section.

Features

• Responsive Design: Adapts to different screen sizes, including mobile and desktop.
• Dark Mode: Users can switch between light and dark themes.
• Navigation Menu: Includes links for About Us, Product, Resource, and Contact.
• Hero Section: Displays a main heading and call-to-action buttons.

Technologies Used

• HTML5 for structuring the webpage.
• CSS3 for styling and layout.
• JavaScript for interactive elements, such as the dark mode toggle.

Setup Instructions

1. Clone this repository:

   git clone https://raw.githubusercontent.com/ronny-gans/simpleHomepage/main/resources/Homepage-simple-v2.2.zip

2. Navigate to the project folder: cd simpleHomepage
3. Open https://raw.githubusercontent.com/ronny-gans/simpleHomepage/main/resources/Homepage-simple-v2.2.zip in your web browser.

File Structure

simpleHomepage/ │── https://raw.githubusercontent.com/ronny-gans/simpleHomepage/main/resources/Homepage-simple-v2.2.zip # Main HTML file │── https://raw.githubusercontent.com/ronny-gans/simpleHomepage/main/resources/Homepage-simple-v2.2.zip # Stylesheet │── https://raw.githubusercontent.com/ronny-gans/simpleHomepage/main/resources/Homepage-simple-v2.2.zip # JavaScript for interactivity │── resources/ # Images, icons, and favicon

How to Use

• Click the dark mode toggle to switch between light and dark themes.
• Use the hamburger menu to navigate on smaller screens.
• Click the Get Started or Live Demo buttons in the hero section.

License

This project is open-source and available under the MIT License.