https://github.com/yashi-singh-1/rothko-painting

This HTML and CSS code creates a webpage mimicking a Rothko painting, with colorful rectangular shapes arranged on a canvas within a frame.
https://github.com/yashi-singh-1/rothko-painting

css css3 freecodecamp freecodecamp-projects front-end front-end-development frontend html html5 web-design

Last synced: 4 days ago
JSON representation

This HTML and CSS code creates a webpage mimicking a Rothko painting, with colorful rectangular shapes arranged on a canvas within a frame.

• Host: GitHub
• URL: https://github.com/yashi-singh-1/rothko-painting
• Owner: Yashi-Singh-1
• License: mit
• Created: 2024-06-01T13:37:19.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-06-12T12:50:09.000Z (5 months ago)
• Last Synced: 2024-06-12T16:48:41.662Z (5 months ago)
• Topics: css, css3, freecodecamp, freecodecamp-projects, front-end, front-end-development, frontend, html, html5, web-design
• Language: CSS
• Homepage:
• Size: 82 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Project Title: Rothko Painting Webpage


This HTML and CSS code creates a webpage mimicking a Rothko painting, with colorful rectangular shapes arranged on a canvas within a frame.

Table of Contents



    
Introduction

    
Project Structure

    
Features

    


Getting Started

        


            
Prerequisites

            
Installation

        

    

    
Usage

    
Contributing

    
Preview

    
Contact Information

    
Credits

    
License



    
Introduction

    
This project consists of HTML and CSS files that together create a simple webpage resembling a Rothko painting. The painting is represented using colorful rectangular shapes arranged within a frame on a canvas.


    
Project Structure

    
Files Included:

    


        
index.html: Contains the HTML structure for the webpage.

        
styles.css: Contains the CSS styling for the webpage elements.

    


    
Features

    
This project showcases basic styling techniques such as background colors, box shadows, border radius, and transforms.


    
Getting Started

    
Prerequisites

    
No prerequisites are needed to view the webpage.


Installation



    
Clone this repository to your local machine.

    
Open the index.html file in a web browser.



    
Usage

    
Explore the webpage to view the representation of the Rothko painting.


    
Contributing

    
Contributions to the project are welcome. Feel free to fork the repository and submit pull requests.


    
Preview

    

 ![Preview](Preview.png)


    
Contact Information

    
For any queries or feedback, you can reach out to me via:

    


        
LinkedIn ( www.linkedin.com/in/yashi-singh-b4143a246 ) 

        
GitHub

    


    
Credits

    
Credit to FreeCodeCamp for the inspiration and learning resources. You can find the tutorial here.


    
License

    
This project is licensed under the MIT License.