made some changes to about page

radhe098 · Feb 3, 2020 · f3ac657 · f3ac657
1 parent 6eba97b
commit f3ac657
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 12 deletions.
diff --git a/Homepage-options/.DS_Store b/Homepage-options/.DS_Store
diff --git a/about.html b/about.html
@@ -51,14 +51,14 @@ <h2 class="animated bounce">Course Content</h2>
         <li class="list-group-item dropDown">Introduction
           <div class="dropDownContent">
             <p>
-              In this you will be introduced with the course content and to the community.
+              In this section, you will be introduced with the course content and to the community.
             </p>
           </div>
         </li>
         <li class="list-group-item dropDown">How The Internet Works
         <div class="dropDownContent">
             <p>
-              You'll learn how the internet works, inspecting the google, and what is the work of a developer.
+              You'll learn how the internet works, inspect the Google, and what is the work of a developer.
             </p>
           </div>
         </li>
@@ -80,15 +80,15 @@ <h2 class="animated bounce">Course Content</h2>
         <li class="list-group-item dropDown">Advanced HTML 5
           <div class="dropDownContent">
             <p>
-              You'll be learning with advanced concepts such as submitting forms.
+              You'll be learning advanced concepts such as submitting forms.
             </p>
           </div>
 
         </li>
         <li class="list-group-item dropDown">CSS
         <div class="dropDownContent">
             <p>
-              You'll get to know about the CSS and some of the basics in CSS.
+              You'll get to know about CSS and some of the basics in CSS.
             </p>
           </div>
         </li>
@@ -103,7 +103,7 @@ <h2 class="animated bounce">Course Content</h2>
           Bootstrap 4, Templates, And Building Your Startup Landing Page
           <div class="dropDownContent">
             <p>
-              You'll learn to  use bootstrap in your projects to make it look awesome.
+              You'll learn to use bootstrap in your projects to make it look awesome.
             </p>
           </div>
 
@@ -126,22 +126,22 @@ <h2 class="animated bounce">Course Content</h2>
         <li class="list-group-item dropDown">Javascript
           <div class="dropDownContent">
             <p>
-              You'll get to know the power of Java script and implement your new power in a project.
+              You'll get to know the power of Javascript and implement your new power in a project.
             </p>
           </div>
 
         </li>
         <li class="list-group-item dropDown">DOM Manipulation
         <div class="dropDownContent">
             <p>
-              You will learn what is meant by DOM and how to manipulate it in order to create some cool website.
+              You will learn what DOM is and how to manipulate it in order to create some cool websites.
             </p>
           </div>
         </li>
         <li class="list-group-item dropDown">Advanced Javascript
         <div class="dropDownContent">
             <p>
-              You'll learn some advanced concepts in javascripts such as currying, composing Etc.
+              You'll learn some advanced concepts in javascripts such as currying, composing etc.
             </p>
           </div>
         </li>
@@ -191,7 +191,7 @@ <h2 class="animated bounce">Course Content</h2>
           HTTP/JSON/AJAX + Asynchronous Javascript
           <div class="dropDownContent">
             <p>
-              You'll get hands on in one of the important feature of ES8.
+              You'll get hands on in one of the important features of ES8.
             </p>
           </div>
 
@@ -206,14 +206,14 @@ <h2 class="animated bounce">Course Content</h2>
         <li class="list-group-item dropDown">APIs
         <div class="dropDownContent">
             <p>
-              You'll be introduced with APIs and an optional exercise to explore more in it.
+              You'll be introduced with APIs and an optional exercise to explore more of it.
             </p>
           </div>
         </li>
         <li class="list-group-item dropDown">FINAL PROJECT: SmartBrain Front-End
         <div class="dropDownContent">
             <p>
-              This is an ultimate part where you'll build the front end for your final project.
+              This is an ultimate part where you'll build the frontend for your final project.
             </p>
           </div>
         </li>

diff --git a/resources/style/style.css b/resources/style/style.css
@@ -266,9 +266,18 @@ i:hover {
   min-width: 160px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   z-index: 1;
+  padding: 0px 10px 0px 10px;
 }
 
-.dropDown:hover .dropDownContent {display: block;}
+.dropDown:hover .dropDownContent {
+  display: block;
+  font-style: italic;
+}
+
+.list-group-item:hover {
+  cursor: pointer;
+  font-size: 120%;
+}
 
 .card:hover {
   background-color: #e6e6e6;