commit

AdamMomen · Nov 8, 2019 · c63859e · c63859e
1 parent 113b7f4
commit c63859e
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 10 deletions.
diff --git a/index.html b/index.html
@@ -5,9 +5,9 @@
 	<title>Sorting Visualizer</title>
 </head>
 
-    <form id="formHeader">
-      <fieldset>
-       <legend>Selecting Algorithm</legend>
+    <form >
+      <fieldset id="formHeader">
+       <legend >Selecting Algorithm</legend>
        <p>
           <label>Sorting Algrotihms</label>            
           <input type = "radio"
@@ -29,19 +29,19 @@
         </p>     
         <div class="slideContainerNum">
  		 <input type="range" min="5" max="100" value="20" class="slider" id="Range">
- 		 <label for = "Range">Number Of Random Blocks</label>
+ 		 <label for = "Range">Control Number Of Random Blocks </label>
  		 <h5 id="valOfSlider"></h5>
 		</div>
 		<div class="slidecontainerTime"> 
 		 <input type="range" min="0" max="1000" value="100" class="slider" id="myTime">
- 		 <label for = "myTime">Delay Animation ms</label>
+ 		 <label for = "myTime">Control Delay Animation ms</label>
  		 <h5 id="timeOfSlider"></h5>
  		</div>  
       </fieldset>
     </form>
 
 <body> 
-    <section class="header">Bubble Sort</section>
+    <section class="header"></section>
     <section class="data-container"></section>
 	<button id="randArrGenBtn" > Generate A Random Blocks</button>
 	<button id="sort" class="button"> SORT</button>
@@ -50,4 +50,11 @@ <h5 id="timeOfSlider"></h5>
 	<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
 	<script type="text/javascript" src="main.js"></script>
 </body>
+ <footer>
+        <div id="ft">
+            <p>Designed by: Adam Momen</p>
+            <p>Contact information: <a href="https://github.com/AdamMomen">GitHub Repo</a>.</p>
+            <p>© Copy Rights Reserved | ADAM </p>
+        </div>
+    </footer>
 </html>
diff --git a/styles.css b/styles.css
@@ -1,5 +1,5 @@
 * {
-  font-family: url(https://fonts.google.com/specimen/Comfortaa?selection.family=Comfortaa);
+  font-family: url(https://fonts.google.com/specimen/Comfortaa);
 }
 
 .header {
@@ -118,10 +118,17 @@ h5{
 #formHeader {
   color: red;
 }
-#randArrGenBtn {
+#randArrGenBtn{
   border-radius: 30px;
   outline: none;
 }
-body {
-  background-color: red;
+footer {
+  position: absolute;
+  bottom: 10px ;
+  left:10px;
+  width: 300px;
+  border: 5px solid #b39f7a;
+  border-radius: 25px; 
+  background-color : #E1E8ED;
+  font-family: oswald;
 }