first commit of readme

README.md

@@ -1 +1,76 @@
-# ! Under Development
+## Searching for amazing color gradients for your project?
+## Don't worry just click on the link below.
+## [Gradient Palette](https://sagar-sharma-7.github.io/Gradients-Palette/)
+
+<hr>
+
+<p align="center">
+  <img src="public/images/result1.png" title="result">
+  <br>
+  <br>
+  <img src="public/images/result2.png" title="result">
+  <br>
+  <br>
+  <img src="public/images/result3.png">
+</p>
+
+<hr>
+<br>
+
+![vscode](https://img.shields.io/badge/Visual_Studio_Code-0078D4?style=for-the-badge&logo=visual%20studio%20code&logoColor=black)
+
+<p float="left">
+
+ ![html](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)
+ ![css](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)
+ ![js](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)
+ ![node](https://img.shields.io/badge/Node.js-43853D?style=for-the-badge&logo=node.js&logoColor=white)
+ ![express](https://img.shields.io/badge/express-000000?style=for-the-badge&logo=express&logoColor=white)
+
+</p>
+<hr>
+<br>
+
+## How to get ExpressJS ?
+1. First make a package.json file using npm command **`$ npm init`**
+2. Then type second command to get express **`$ npm i express`**
+3. Now you can check your dependences in **package.json**
+
+
+## Fonts used in Color Palette
+```css 
+@import url('https://fonts.googleapis.com/css2?family=Merienda:wght@700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
+
+.div1{
+  font-family: 'Merienda', cursive;
+}
+.div2{
+     font-family: 'Special Elite', cursive;
+}
+```
+
+ ## Cloning this repositary using command line
+ 1. Open **Git Bash**.
+ 1. Change the current working directory to the location where you want the cloned directory.
+ 1. Type `git clone https://github.com/Sagar-Sharma-7/Color-Palette.git`
+ 1. Press **Enter** to create the clone of this repositary.
+
+
+ ## How to reach me?
+ [ ![ForTheBadge makes-people-smile](https://img.shields.io/badge/Gmail-D14836?style=for-the-badge&logo=gmail&logoColor=white)](mailto:6969sagarsharma@gmail.com)
+ <hr>
+ <br>
+
+[![Follower](https://img.shields.io/github/followers/sagar-sharma-7?style=social)](https://github.com/Sagar-Sharma-7)
+ <hr>
+ <p float="left">
+
+[![ForTheBadge built-with-love](https://forthebadge.com/images/badges/built-with-love.svg)](https://github.com/Sagar-Sharma-7)
+[ ![ForTheBadge makes-people-smile](https://forthebadge.com/images/badges/makes-people-smile.svg)](https://github.com/Sagar-Sharma-7)
+
+</p>
+
+
+[![alttext](https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white)](https://github.com/Sagar-Sharma-7)
+![License: MIT](https://img.shields.io/badge/License-MIT-black.svg)