thinkswell
diff --git a/‎BackgroundGenerator/Somil-Shukla/README.md b/‎BackgroundGenerator/Somil-Shukla/README.md
diff --git a/‎BackgroundGenerator/Somil-Shukla/css/all.min.css
+5 b/‎BackgroundGenerator/Somil-Shukla/css/all.min.css
+5
diff --git a/‎BackgroundGenerator/Somil-Shukla/css/bootstrap.min.css
+7 b/‎BackgroundGenerator/Somil-Shukla/css/bootstrap.min.css
+7
diff --git a/‎BackgroundGenerator/Somil-Shukla/css/style.css
+3 b/‎BackgroundGenerator/Somil-Shukla/css/style.css
+3
diff --git a/‎BackgroundGenerator/Somil-Shukla/index.html
+35 b/‎BackgroundGenerator/Somil-Shukla/index.html
+35
diff --git a/‎BackgroundGenerator/Somil-Shukla/js/bootstrap.bundle.min.js
+7 b/‎BackgroundGenerator/Somil-Shukla/js/bootstrap.bundle.min.js
+7
diff --git a/‎BackgroundGenerator/Somil-Shukla/js/jquery-3.4.1.min.js
+2 b/‎BackgroundGenerator/Somil-Shukla/js/jquery-3.4.1.min.js
+2
diff --git a/‎BackgroundGenerator/Somil-Shukla/js/script.js
+12 b/‎BackgroundGenerator/Somil-Shukla/js/script.js
+12
diff --git a/‎BackgroundGenerator/Somil-Shukla/webfonts/fa-brands-400.eot
127 KB b/‎BackgroundGenerator/Somil-Shukla/webfonts/fa-brands-400.eot
127 KB
diff --git a/‎BackgroundGenerator/Somil-Shukla/webfonts/fa-brands-400.svg
+3,459 b/‎BackgroundGenerator/Somil-Shukla/webfonts/fa-brands-400.svg
+3,459
diff --git a/‎BackgroundGenerator/Somil-Shukla/webfonts/fa-brands-400.ttf
127 KB b/‎BackgroundGenerator/Somil-Shukla/webfonts/fa-brands-400.ttf
127 KB
diff --git a/‎BackgroundGenerator/Somil-Shukla/webfonts/fa-brands-400.woff
85.6 KB b/‎BackgroundGenerator/Somil-Shukla/webfonts/fa-brands-400.woff
85.6 KB
diff --git a/‎BackgroundGenerator/Somil-Shukla/webfonts/fa-brands-400.woff2
73 KB b/‎BackgroundGenerator/Somil-Shukla/webfonts/fa-brands-400.woff2
73 KB
diff --git a/‎BackgroundGenerator/Somil-Shukla/webfonts/fa-regular-400.eot
33.6 KB b/‎BackgroundGenerator/Somil-Shukla/webfonts/fa-regular-400.eot
33.6 KB
diff --git a/‎BackgroundGenerator/Somil-Shukla/webfonts/fa-regular-400.svg
+803 b/‎BackgroundGenerator/Somil-Shukla/webfonts/fa-regular-400.svg
+803
diff --git a/‎BackgroundGenerator/Somil-Shukla/webfonts/fa-regular-400.ttf
33.3 KB b/‎BackgroundGenerator/Somil-Shukla/webfonts/fa-regular-400.ttf
33.3 KB
diff --git a/‎BackgroundGenerator/Somil-Shukla/webfonts/fa-regular-400.woff
16.4 KB b/‎BackgroundGenerator/Somil-Shukla/webfonts/fa-regular-400.woff
16.4 KB
diff --git a/‎BackgroundGenerator/Somil-Shukla/webfonts/fa-regular-400.woff2
13.2 KB b/‎BackgroundGenerator/Somil-Shukla/webfonts/fa-regular-400.woff2
13.2 KB
diff --git a/‎BackgroundGenerator/Somil-Shukla/webfonts/fa-solid-900.eot
182 KB b/‎BackgroundGenerator/Somil-Shukla/webfonts/fa-solid-900.eot
182 KB
diff --git a/‎BackgroundGenerator/Somil-Shukla/webfonts/fa-solid-900.svg
+4,527 b/‎BackgroundGenerator/Somil-Shukla/webfonts/fa-solid-900.svg
+4,527
diff --git a/‎BackgroundGenerator/Somil-Shukla/webfonts/fa-solid-900.ttf
182 KB b/‎BackgroundGenerator/Somil-Shukla/webfonts/fa-solid-900.ttf
182 KB
diff --git a/‎BackgroundGenerator/Somil-Shukla/webfonts/fa-solid-900.woff
94 KB b/‎BackgroundGenerator/Somil-Shukla/webfonts/fa-solid-900.woff
94 KB
diff --git a/‎BackgroundGenerator/Somil-Shukla/webfonts/fa-solid-900.woff2
72.5 KB b/‎BackgroundGenerator/Somil-Shukla/webfonts/fa-solid-900.woff2
72.5 KB
@@ -0,0 +1,3 @@
+button {
+    margin-top: 50vh
+}
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Document</title>
+    <!--bootstrap-->
+    <link rel="stylesheet" href="./css/bootstrap.min.css">
+    <!--main-->
+    <link rel="stylesheet" href="./css/style.css">
+    <!--google fonts -->
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Courgette">
+    <!-- font awesome-->
+    <!-- for local copies of font awesome, ensure webfont folder is also in local root directory-->
+    <link rel="stylesheet" href="./css/all.min.css">
+    </head>
+<body>
+    <div class="container">
+        <div class="row max-height align-items-center text-center">
+            <div class="col">
+                <button class="btn btn-outline-secondary">Click Me!</button>
+            </div> 
+
+        </div>
+               
+    </div>
+    
+    <!--jQuery-->
+    <script src="./js/jquery-3.4.1.min.js"></script>
+    <!--bootstrap-->
+    <script src="./js/bootstrap.bundle.min.js"></script>
+    <script src="./js/script.js"></script>
+</body>
+</html>
@@ -0,0 +1,12 @@
+//Choose a random color
+const button = document.querySelector('button')
+const body = document.querySelector('body')
+const colors = ['red', 'green', 'blue', 'yellow', 'pink', 'purple']
+
+body.style.backgroundColor = 'violet'
+button.addEventListener('click', changeBackground)
+
+function changeBackground(){
+const colorIndex= parseInt(Math.random()*colors.length+1)
+body.style.backgroundColor = colors[colorIndex]
+}
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+button {`
	`2`	`+ margin-top: 50vh`
	`3`	`+}`