Merge branch 'main' of https://github.com/Ayushparikh-code/Web-dev-mini-projects into diceGame

Author: jugeshraghav

Basic Background Generator/Readme.md

@@ -0,0 +1,37 @@
+<h1 id="basic-background-generator">BASIC BACKGROUND GENERATOR</h1>
+
+<p>A basic gradient Background Generator which allows you to create a background by selecting your required colors. This will make up a gradient mix and provide you the code line so that you can use it in your Website</p>
+<br>
+
+<h2 id="tech-stack-used">Tech Stack Used</h2>
+<br>
+
+<p><img src="https://img.shields.io/badge/html5%20-%23E34F26.svg?&style=for-the-badge&logo=html5&logoColor=white" alt="HTML">
+<img src="https://img.shields.io/badge/css3%20-%231572B6.svg?&style=for-the-badge&logo=css3&logoColor=white" alt="CSS">
+<img src="https://img.shields.io/badge/javascript%20-%23323330.svg?&style=for-the-badge&logo=javascript&logoColor=%23F7DF1E" alt="JS"></p>
+
+<h2 id="how-to-use">How to use:</h2>
+<br>
+
+<ul>
+  <li>Download or clone the repository</li>
+<pre><code>
+  git clone https://github.com/Ayushparikh-code/Web-dev-mini-projects.git
+</code></pre>
+  
+  <li>Go to the directory</li>
+  <li>Run the index.html file in your browser</li>
+  <li>Start creating your own gradient background<br></li>
+</ul>
+
+<h2 id="use-of-the-project">Use of the Project</h2>
+
+<p>
+This project aims to find the best looking background gradient for your project. You just have to select the colors you want from the color picker and then copy the code displayed and paste into your code as background color.
+It&#39;s That Simple!!
+</p>
+<br><br>
+
+<p><img src="https://user-images.githubusercontent.com/67221487/124392353-ab6b0700-dd12-11eb-9093-b6309b08e2d5.png" alt="image">
+<br><br>
+<img src="https://user-images.githubusercontent.com/67221487/124392372-c2115e00-dd12-11eb-9743-9be785121fb4.png" alt="image"></p>

GOOGLE.COM PAGE PROJECT/.gitkeep renamed to Basic Portfolio Website/.gitkeep

@@ -0,0 +1,64 @@
+<h1>Basic Portfolio Website</h1>
+
+<p>Basic Portfolio Website written in HTML, CSS, and JavaScript .</p>
+
+### Use of the Project:
+
+<p>This is a basic Portfolio website which you can use to showcase your own projects and experience</p>
+
+<h3>Used Technologies</h3>
+<ul>
+  <li>HTML5</li>
+  <li>CSS3</li>
+  <li>JavaScript</li>
+</ul>
+
+#### Steps to Use:
+
+---
+
+- Download or clone the repository
+
+```
+git clone https://github.com/Ayushparikh-code/Web-dev-mini-projects.git
+```
+
+- Go to the directory
+- Run the index.html file
+
+<h3>ScreenShots</h3> 
+<br>
+
+![Screenshot (1003)](https://user-images.githubusercontent.com/75005433/124646849-cffde500-deb2-11eb-8503-cce4a70f337d.png)
+
+<br>
+
+![Screenshot (1004)](https://user-images.githubusercontent.com/75005433/124647036-0f2c3600-deb3-11eb-8238-5005d2a214f7.png)
+
+<br>
+
+![Screenshot (1005)](https://user-images.githubusercontent.com/75005433/124647044-13f0ea00-deb3-11eb-95a3-1e1a8fb1cb58.png)
+
+<br>
+
+![Screenshot (1006)](https://user-images.githubusercontent.com/75005433/124647048-14898080-deb3-11eb-96b4-d21fbcb0c462.png)
+
+<br>
+
+![Screenshot (1007)](https://user-images.githubusercontent.com/75005433/124647050-15221700-deb3-11eb-92d1-d5d93d09902a.png)
+
+<br>
+
+![Screenshot (1008)](https://user-images.githubusercontent.com/75005433/124647053-15baad80-deb3-11eb-8ebc-361335c402ac.png)
+
+<br>
+
+![Screenshot (1009)](https://user-images.githubusercontent.com/75005433/124647057-16534400-deb3-11eb-9665-e9d1bb3a6daa.png)
+
+<br>
+
+![Screenshot (1010)](https://user-images.githubusercontent.com/75005433/124647058-16ebda80-deb3-11eb-8c71-af9ecd500cc6.png)
+
+<br>
+
+![Screenshot (1011)](https://user-images.githubusercontent.com/75005433/124647060-17847100-deb3-11eb-9e05-237b01648739.png)