tina-muriu / webstylingdemo

WebStylingDemo

This repository contains a demonstration of a stylish and feature-rich web page created using HTML, CSS, and JavaScript. The web page showcases various styling techniques and features, making it a valuable resource for learning and reference.

Features and Highlights

• Hover Effects: The web page includes interactive elements with hover effects, enhancing user experience.

• Font Styling: Different font styles have been applied to headings and paragraphs, creating a visually appealing text presentation.

• Select Courses: Users can choose their favorite courses from a dropdown list, demonstrating dynamic content manipulation with JavaScript.

• Layout Design: The layout is designed to feature a horizontal container with evenly distributed elements.

  Border Styling: The "favorite" section is enclosed within a rectangle with a customized border style.

Usage

Feel free to explore the code and styles to learn about various web styling techniques and practices. You can also use this as a reference for your own projects.

Getting Started

1. Clone the repository to your local machine.

   git clone https://github.com/tina-muriu/webstylingdemo.git

2. Open the HTML file (index.html) in your preferred web browser to view the stylish web page.

License

This project is licensed under the MIT License

Acknowledgments

• The project may include snippets and inspiration from Skillsoft classes, tutorials and resources.

Enjoy exploring and learning from this Stylish Web Page Demo!