diff --git a/assets/logic.js b/assets/logic.js
new file mode 100644
index 0000000..dfba0bf
--- /dev/null
+++ b/assets/logic.js
@@ -0,0 +1 @@
+startScreenEl.setAtrribute('class','hide') // to hide an element 
\ No newline at end of file
diff --git a/assets/questions.js b/assets/questions.js
new file mode 100644
index 0000000..b118bb4
--- /dev/null
+++ b/assets/questions.js
@@ -0,0 +1,4 @@
+var = questions {
+  title:`Inside which HTML element do we put the JavaScript?`,
+  question:''
+}
\ No newline at end of file
diff --git a/assets/reset.css b/assets/reset.css
new file mode 100644
index 0000000..dfbd513
--- /dev/null
+++ b/assets/reset.css
@@ -0,0 +1,138 @@
+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+*{
+  box-sizing: border-box;
+}
+
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+
+/* HTML5 display-role reset for older browsers */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+  display: block;
+}
+
+body {
+  line-height: 1;
+}
+
+ol,
+ul {
+  list-style: none;
+}
+
+blockquote,
+q {
+  quotes: none;
+}
+
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+  content: '';
+  content: none;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
\ No newline at end of file
diff --git a/assets/score.js b/assets/score.js
new file mode 100644
index 0000000..e69de29
diff --git a/assets/style.css b/assets/style.css
new file mode 100644
index 0000000..f0ab6db
--- /dev/null
+++ b/assets/style.css
@@ -0,0 +1,15 @@
+
+.jumbotron{
+  align-content: center;
+}
+#quiz{
+  text-align: center;
+  text-decoration: underline;
+  text-transform: capitalize;
+  color: red;
+}
+#questions{
+  text-align: center;
+  text-transform: capitalize;
+  color:rgb(19, 28, 107);
+}
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..11a33a3
--- /dev/null
+++ b/index.html
@@ -0,0 +1,113 @@
+<!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">
+  <link rel="stylesheet" href="./assets/reset.css">
+  <link rel="stylesheet" href="./assets/style.css">
+  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
+
+  <title>Document</title>
+</head>
+<body>
+  
+
+<div class="jumbotron jumbotron-fluid">
+  <div class="container">
+    <h1 id="quiz">The Quiz Slide-1</h1>
+    <p id="questions">Inside which HTML element do we put the JavaScript?</p>
+    
+    <button type="button" class="btn btn-secondary btn-lg btn-block">script</button>
+    <button type="button" class="btn btn-secondary btn-lg btn-block">scripting</button>
+    <button type="button" class="btn btn-secondary btn-lg btn-block">js</button>
+    <button type="button" class="btn btn-secondary btn-lg btn-block">javascript</button>
+  </div>
+</div>
+<div class="jumbotron jumbotron-fluid">
+  <div class="container">
+    <h1 id="quiz">The Quiz Slide-2</h1>
+    <p id="questions">How do you write "Hello World" in an alert box?</p>
+    
+    <button type="button" class="btn btn-secondary btn-lg btn-block">msgBox('hello world')</button>
+    <button type="button" class="btn btn-secondary btn-lg btn-block">msg('hello world')</button>
+    <button type="button" class="btn btn-secondary btn-lg btn-block">alert('hello world')</button>
+    <button type="button" class="btn btn-secondary btn-lg btn-block">alertBox('hello world')</button>
+  </div>
+</div>
+<div class="jumbotron jumbotron-fluid">
+  <div class="container">
+    <h1 id="quiz">The Quiz Slide-3</h1>
+    <p id="questions">How do you create a function in JavaScript?</p>
+    
+    <button type="button" class="btn btn-secondary btn-lg btn-block">function:myfunction</button>
+    <button type="button" class="btn btn-secondary btn-lg btn-block">function = myFunction</button>
+    <button type="button" class="btn btn-secondary btn-lg btn-block">function myFunction()</button>
+    
+  </div>
+</div>
+<div class="jumbotron jumbotron-fluid">
+  <div class="container">
+    <h1 id="quiz">The Quiz slide-3</h1>
+    <p id="questions">How to write an IF statement for executing some code if "i" is NOT equal to 5?</p>
+    
+    <button type="button" class="btn btn-secondary btn-lg btn-block">if i <> 5</button>
+    <button type="button" class="btn btn-secondary btn-lg btn-block">if (i ! =5)</button>
+    <button type="button" class="btn btn-secondary btn-lg btn-block">if (i <> 5)</button>
+    <button type="button" class="btn btn-secondary btn-lg btn-block">if i = ! 5 then</button>
+  </div>
+</div>
+<div class="jumbotron jumbotron-fluid">
+  <div class="container">
+    <h1 id="quiz">The Quiz slide-4</h1>
+    <p id="questions">What is the correct way to write a JavaScript array?</p>
+    
+    <button type="button" class="btn btn-secondary btn-lg btn-block">var colors = (1:'red',2:'green',3:'blue'</button>
+    <button type="button" class="btn btn-secondary btn-lg btn-block">var colors = ['red','blue','green']</button>
+    <button type="button" class="btn btn-secondary btn-lg btn-block">var colors ='red', 'blue', 'green'</button>
+    <button type="button" class="btn btn-secondary btn-lg btn-block">var colors =1 = ('red'), 2 = ('green'), 3 = ('blue')</button>
+  </div>
+</div>
+<div class="jumbotron jumbotron-fluid">
+  <div class="container">
+    <h1 id="quiz">The Quiz slide-5</h1>
+    <p id="questions">Which event occurs when the user clicks on an HTML element?</p>
+    
+    <button type="button" class="btn btn-secondary btn-lg btn-block">onclick</button>
+    <button type="button" class="btn btn-secondary btn-lg btn-block">onmouseover</button>
+    <button type="button" class="btn btn-secondary btn-lg btn-block">onmouseclick</button>
+    <button type="button" class="btn btn-secondary btn-lg btn-block">onchange</button>
+  </div>
+</div>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<script src="./assets/app.js"></script>
+<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
+  integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
+  integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
+  integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
+</body>
+</html>
\ No newline at end of file
