From 48615293a591a5117895dfa4133c9bbfe611804e Mon Sep 17 00:00:00 2001
From: Umesh Joshi <132977939+Ralphonk@users.noreply.github.com>
Date: Mon, 16 Sep 2024 23:55:00 +0530
Subject: [PATCH] Create README.md

---
 README.md | 43 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 43 insertions(+)
 create mode 100644 README.md

diff --git a/README.md b/README.md
new file mode 100644
index 0000000..c60e46c
--- /dev/null
+++ b/README.md
@@ -0,0 +1,43 @@
+<h1>Coca Cola Can 3D Rotation</h1>
+A single-page website showcasing an advertisement for 3D rotating Coca Cola can using CSS and HTML.
+
+<h1>Screenshot</h1>
+
+![image](https://github.com/user-attachments/assets/c97df8a0-1dff-4fda-bddb-4bacd9cb1475)
+
+<h1>Overview</h1>
+This project uses CSS transforms and animations to create a 3D rotating effect on a Coca Cola can. The can rotates on hover, giving a realistic 3D effect.
+
+<h1>Features</h1>
+
+<li>3D rotation of Coca Cola can on hover
+<li>Responsive design for various screen sizes></li>
+<li>Simple and clean HTML structure</li>
+<li>CSS-only animation for a seamless user experience</li>
+                                                       
+<h1>Technologies Used</h1>
+<li>HTML5</li>
+<li>CSS3</li>
+<li>No JavaScript used</li>
+
+<h1>How to Use</h1>
+<li>Clone this repository or download the zip file.</li>
+<li>Open the index.html file in a web browser to view the 3D rotating Coca Cola can.</li>
+<li>Hover over the can to see the 3D rotation effect.</li>
+
+<h1>Browser Support</h1>
+This project has been tested on the following browsers:
+
+<li>Google Chrome (latest version</li>
+<li>Mozilla Firefox (latest version)</li>
+<li>Safari (latest version)</li>
+<li>Microsoft Edge (latest version</li>
+
+<h1>Acknowledgments</h1>
+<li>Coca Cola logo and branding used for demonstration purposes only.</li>
+<li>Inspired by various online tutorials and examples of 3D CSS transformations.</li>
+<h1>Author</h1>
+Umesh Joshi (Ralph)
+
+You can replace (Ralph) with your actual name. Also, make sure to update the styles.css file and index.html file paths if they are different in your project.
+