From f3ac657742c4b005a483021b7fca2db2c6b55a17 Mon Sep 17 00:00:00 2001 From: andy890275 <59850436+andy890275@users.noreply.github.com> Date: Mon, 3 Feb 2020 11:16:59 -0800 Subject: [PATCH] made some changes to about page --- Homepage-options/.DS_Store | Bin 0 -> 6148 bytes about.html | 22 +++++++++++----------- resources/style/style.css | 11 ++++++++++- 3 files changed, 21 insertions(+), 12 deletions(-) create mode 100644 Homepage-options/.DS_Store diff --git a/Homepage-options/.DS_Store b/Homepage-options/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..010f11f452a3057f5a5fbbc08ec7d0b9f523a82f GIT binary patch literal 6148 zcmeHKJxjz;5S-O34s5OwEZ-ln@E?TZ?CkCjC`5uFQBJf@=iherLowvEw2)cYoxFWJ z?~y68Spc?u?XQ3hfHmC_?;e)s`|b-nsf-cnJmUc)23+D9cZ=%d3Fn^UhV>)*8Gpb% zPdYI6^cU_87~l4X@$qRK^2XywDk}w~fE17dQa}p)qJZ~a+WIU}Q3^-_De$F$e;*p% zu`8Ss|K}vFq<|FoR|?o_x8H5~O4VBzFXz3s(QoOW q#@Z-nh*nIDR?LOB;)`!}&7Zm76;6pkXFlje{Rp@&GAZyE3VZ;9q8NVw literal 0 HcmV?d00001 diff --git a/about.html b/about.html index 96fedb63..055e3593 100644 --- a/about.html +++ b/about.html @@ -51,14 +51,14 @@

Course Content

  • Introduction

    - 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.

  • How The Internet Works

    - 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.

    • @@ -80,7 +80,7 @@

    Course Content

  • Advanced HTML 5

    - You'll be learning with advanced concepts such as submitting forms. + You'll be learning advanced concepts such as submitting forms.

    @@ -88,7 +88,7 @@

    Course Content

  • CSS

    - 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.

    • @@ -103,7 +103,7 @@

    Course Content

    Bootstrap 4, Templates, And Building Your Startup Landing Page

    - 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.

    @@ -126,7 +126,7 @@

    Course Content

  • Javascript

    - 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.

    @@ -134,14 +134,14 @@

    Course Content

  • DOM Manipulation

    - 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.

  • Advanced Javascript

    - 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.

    • @@ -191,7 +191,7 @@

    Course Content

    HTTP/JSON/AJAX + Asynchronous Javascript

    - 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.

    @@ -206,14 +206,14 @@

    Course Content

  • APIs

    - 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.

  • FINAL PROJECT: SmartBrain Front-End

    - 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.

    • diff --git a/resources/style/style.css b/resources/style/style.css index 6c192dbb..a5ab2dd9 100644 --- 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;