https://github.com/yashi-singh-1/colored-markers

Colored Markers is a small project showcasing CSS techniques to create visually appealing marker elements. It features three marker designs in red, green, and blue colors, demonstrating gradients, shadows, and borders.
https://github.com/yashi-singh-1/colored-markers

css css3 front-end front-end-developemnt frontend html html5 styling-techniques visual-techniques web-design

Last synced: 4 days ago
JSON representation

Colored Markers is a small project showcasing CSS techniques to create visually appealing marker elements. It features three marker designs in red, green, and blue colors, demonstrating gradients, shadows, and borders.

• Host: GitHub
• URL: https://github.com/yashi-singh-1/colored-markers
• Owner: Yashi-Singh-1
• License: mit
• Created: 2024-06-01T11:09:32.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-06-12T11:29:28.000Z (5 months ago)
• Last Synced: 2024-06-12T15:58:31.765Z (5 months ago)
• Topics: css, css3, front-end, front-end-developemnt, frontend, html, html5, styling-techniques, visual-techniques, web-design
• Language: CSS
• Homepage:
• Size: 61.5 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Colored Markers


A simple project showcasing colored marker elements using HTML and CSS.


Table of Contents



    
Introduction

    
Project Structure

    
Features

    
Getting Started

        


            
Prerequisites

            
Installation

        

    
Usage

    
Contributing

    
Preview

    
Contact Information

    
Credits

    
License



Introduction

Colored Markers is a straightforward project designed to display various colored marker elements using HTML and CSS.


Project Structure

The project structure is as follows:


Colored Markers/

├── index.html

├── styles.css

└── README.md



Features



    


Colorful Markers: Demonstrates different colored marker elements.

    


Simple Design: Easy-to-understand HTML and CSS structure.

    


Responsive: Adapts to various screen sizes.



Getting Started

Prerequisites

To run this project, you need a web browser installed on your device.


Installation



    
Clone the repository:

    
git clone https://github.com/Yashi-Singh-1/Colored-Markers.git

    
Open the index.html file in your preferred web browser.



Usage

To view the colored markers, open the index.html file in a web browser.


Contributing

Contributions are welcome! Feel free to open an issue or submit a pull request.


Preview


![Colored Marker](Preview.png)

Contact Information

For any questions or feedback, please contact Yashi Singh via LinkedIn: www.linkedin.com/in/yashi-singh-b4143a246


Credits

This project was inspired by Free Code Camp (https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-colors-by-building-a-set-of-colored-markers/step-1).


License

This project is licensed under the MIT License.