Deprecated: Return type of Ai1wm_Recursive_Directory_Iterator::hasChildren($allow_links = true) should either be compatible with RecursiveDirectoryIterator::hasChildren(bool $allowLinks = false): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home1/greatsyd/public_html/staging1/wp-content/plugins/all-in-one-wp-migration-unlimited-main--old/lib/vendor/servmask/iterator/class-ai1wm-recursive-directory-iterator.php on line 57

Deprecated: Return type of Ai1wm_Recursive_Directory_Iterator::rewind() should either be compatible with FilesystemIterator::rewind(): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home1/greatsyd/public_html/staging1/wp-content/plugins/all-in-one-wp-migration-unlimited-main--old/lib/vendor/servmask/iterator/class-ai1wm-recursive-directory-iterator.php on line 35

Deprecated: Return type of Ai1wm_Recursive_Directory_Iterator::next() should either be compatible with DirectoryIterator::next(): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home1/greatsyd/public_html/staging1/wp-content/plugins/all-in-one-wp-migration-unlimited-main--old/lib/vendor/servmask/iterator/class-ai1wm-recursive-directory-iterator.php on line 42

Deprecated: Return type of Ai1wm_Recursive_Directory_Iterator::hasChildren($allow_links = true) should either be compatible with RecursiveDirectoryIterator::hasChildren(bool $allowLinks = false): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home1/greatsyd/public_html/staging1/wp-content/plugins/all-in-one-wp-migration-unlimited-main--old/lib/vendor/servmask/iterator/class-ai1wm-recursive-directory-iterator.php on line 57

Deprecated: Return type of Ai1wm_Recursive_Directory_Iterator::rewind() should either be compatible with FilesystemIterator::rewind(): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home1/greatsyd/public_html/staging1/wp-content/plugins/all-in-one-wp-migration-unlimited-main--old/lib/vendor/servmask/iterator/class-ai1wm-recursive-directory-iterator.php on line 35

Deprecated: Return type of Ai1wm_Recursive_Directory_Iterator::next() should either be compatible with DirectoryIterator::next(): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home1/greatsyd/public_html/staging1/wp-content/plugins/all-in-one-wp-migration-unlimited-main--old/lib/vendor/servmask/iterator/class-ai1wm-recursive-directory-iterator.php on line 42

Deprecated: Return type of Ai1wm_Recursive_Extension_Filter::getChildren() should either be compatible with RecursiveFilterIterator::getChildren(): ?RecursiveFilterIterator, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home1/greatsyd/public_html/staging1/wp-content/plugins/all-in-one-wp-migration-unlimited-main--old/lib/vendor/servmask/filter/class-ai1wm-recursive-extension-filter.php on line 47

Deprecated: Return type of Ai1wm_Recursive_Extension_Filter::accept() should either be compatible with FilterIterator::accept(): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home1/greatsyd/public_html/staging1/wp-content/plugins/all-in-one-wp-migration-unlimited-main--old/lib/vendor/servmask/filter/class-ai1wm-recursive-extension-filter.php on line 37

Deprecated: Return type of Ai1wm_Recursive_Extension_Filter::getChildren() should either be compatible with RecursiveFilterIterator::getChildren(): ?RecursiveFilterIterator, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home1/greatsyd/public_html/staging1/wp-content/plugins/all-in-one-wp-migration-unlimited-main--old/lib/vendor/servmask/filter/class-ai1wm-recursive-extension-filter.php on line 47

Deprecated: Return type of Ai1wm_Recursive_Extension_Filter::accept() should either be compatible with FilterIterator::accept(): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home1/greatsyd/public_html/staging1/wp-content/plugins/all-in-one-wp-migration-unlimited-main--old/lib/vendor/servmask/filter/class-ai1wm-recursive-extension-filter.php on line 37

Deprecated: Return type of Ai1wm_Recursive_Exclude_Filter::getChildren() should either be compatible with RecursiveFilterIterator::getChildren(): ?RecursiveFilterIterator, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home1/greatsyd/public_html/staging1/wp-content/plugins/all-in-one-wp-migration-unlimited-main--old/lib/vendor/servmask/filter/class-ai1wm-recursive-exclude-filter.php on line 41

Deprecated: Return type of Ai1wm_Recursive_Exclude_Filter::accept() should either be compatible with FilterIterator::accept(): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home1/greatsyd/public_html/staging1/wp-content/plugins/all-in-one-wp-migration-unlimited-main--old/lib/vendor/servmask/filter/class-ai1wm-recursive-exclude-filter.php on line 37

Deprecated: Return type of Ai1wm_Recursive_Exclude_Filter::getChildren() should either be compatible with RecursiveFilterIterator::getChildren(): ?RecursiveFilterIterator, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home1/greatsyd/public_html/staging1/wp-content/plugins/all-in-one-wp-migration-unlimited-main--old/lib/vendor/servmask/filter/class-ai1wm-recursive-exclude-filter.php on line 41

Deprecated: Return type of Ai1wm_Recursive_Exclude_Filter::accept() should either be compatible with FilterIterator::accept(): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home1/greatsyd/public_html/staging1/wp-content/plugins/all-in-one-wp-migration-unlimited-main--old/lib/vendor/servmask/filter/class-ai1wm-recursive-exclude-filter.php on line 37

Deprecated: Return type of Ai1wm_Recursive_Newline_Filter::accept() should either be compatible with FilterIterator::accept(): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home1/greatsyd/public_html/staging1/wp-content/plugins/all-in-one-wp-migration-unlimited-main--old/lib/vendor/servmask/filter/class-ai1wm-recursive-newline-filter.php on line 28

Warning: Cannot modify header information - headers already sent by (output started at /home1/greatsyd/public_html/staging1/wp-content/plugins/all-in-one-wp-migration-unlimited-main--old/lib/vendor/servmask/iterator/class-ai1wm-recursive-directory-iterator.php:0) in /home1/greatsyd/public_html/staging1/wp-includes/rest-api/class-wp-rest-server.php on line 1896

Warning: Cannot modify header information - headers already sent by (output started at /home1/greatsyd/public_html/staging1/wp-content/plugins/all-in-one-wp-migration-unlimited-main--old/lib/vendor/servmask/iterator/class-ai1wm-recursive-directory-iterator.php:0) in /home1/greatsyd/public_html/staging1/wp-includes/rest-api/class-wp-rest-server.php on line 1896

Warning: Cannot modify header information - headers already sent by (output started at /home1/greatsyd/public_html/staging1/wp-content/plugins/all-in-one-wp-migration-unlimited-main--old/lib/vendor/servmask/iterator/class-ai1wm-recursive-directory-iterator.php:0) in /home1/greatsyd/public_html/staging1/wp-includes/rest-api/class-wp-rest-server.php on line 1896

Warning: Cannot modify header information - headers already sent by (output started at /home1/greatsyd/public_html/staging1/wp-content/plugins/all-in-one-wp-migration-unlimited-main--old/lib/vendor/servmask/iterator/class-ai1wm-recursive-directory-iterator.php:0) in /home1/greatsyd/public_html/staging1/wp-includes/rest-api/class-wp-rest-server.php on line 1896

Warning: Cannot modify header information - headers already sent by (output started at /home1/greatsyd/public_html/staging1/wp-content/plugins/all-in-one-wp-migration-unlimited-main--old/lib/vendor/servmask/iterator/class-ai1wm-recursive-directory-iterator.php:0) in /home1/greatsyd/public_html/staging1/wp-includes/rest-api/class-wp-rest-server.php on line 1896

Warning: Cannot modify header information - headers already sent by (output started at /home1/greatsyd/public_html/staging1/wp-content/plugins/all-in-one-wp-migration-unlimited-main--old/lib/vendor/servmask/iterator/class-ai1wm-recursive-directory-iterator.php:0) in /home1/greatsyd/public_html/staging1/wp-includes/rest-api/class-wp-rest-server.php on line 1896

Warning: Cannot modify header information - headers already sent by (output started at /home1/greatsyd/public_html/staging1/wp-content/plugins/all-in-one-wp-migration-unlimited-main--old/lib/vendor/servmask/iterator/class-ai1wm-recursive-directory-iterator.php:0) in /home1/greatsyd/public_html/staging1/wp-includes/rest-api/class-wp-rest-server.php on line 1896

Warning: Cannot modify header information - headers already sent by (output started at /home1/greatsyd/public_html/staging1/wp-content/plugins/all-in-one-wp-migration-unlimited-main--old/lib/vendor/servmask/iterator/class-ai1wm-recursive-directory-iterator.php:0) in /home1/greatsyd/public_html/staging1/wp-includes/rest-api/class-wp-rest-server.php on line 1896
{"id":27554,"date":"2022-12-28T09:26:46","date_gmt":"2022-12-28T09:26:46","guid":{"rendered":"https:\/\/greaterinsights.in\/staging1\/?page_id=27554"},"modified":"2023-10-30T05:52:10","modified_gmt":"2023-10-30T05:52:10","slug":"responsive-design-with-css3","status":"publish","type":"page","link":"https:\/\/greaterinsights.in\/staging1\/responsive-design-with-css3\/","title":{"rendered":"Responsive Design with CSS3"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Responsive Design with CSS3<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Course Overview<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

you will also learn to write CSS rules, test code, and establish good programming habits. You will also learn to sketch a design for a given HTML page and implement it using CSS3 by adding fonts, colors, and layouts.<\/p>

Key Features:<\/span><\/p>

\u25cf5 hours of eLearning content<\/span><\/p>

\u25cf<\/span> Cloud labs – practice on the go\u00a0<\/span><\/p>

\u25cf<\/span> Lifetime access to recordings and materials<\/span><\/p>

\u25cf<\/span> 24\/7 Support<\/span><\/p>

\u25cf<\/span> Lesson-end quizzes to check knowledge<\/span><\/p>

\u25cf<\/span> Course-end Assessments<\/span><\/p>

\u25cf<\/span> Hands-on practice<\/span><\/p>

\u25cf<\/span> Assignments<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

At the end of the training, participants will be able to:<\/h3><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
  1. Design web pages2.<\/li>
  2. Understand style sheets3.<\/li>
  3. Add styles to a given HTML page by adding fonts, colors, and layouts<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    Pre-requisite<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    Familiarity with HTML5<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t
    \n\t\t\t\t\t

    Duarion<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    2 days<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t
    \n\t\t\t\t\t

    Course Outline<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/i><\/span>\n\t\t\t\t\t\t\t\t<\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t Introduction to CSS3<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t
    1. History of CSS<\/li>
    2. Introduction to CSS<\/li>
    3. Rules and Syntax<\/li>
    4. Adding CSS to HTML<\/li>
    5. Selectors and Its types<\/li>
    6. Pseudo classes and Elements<\/li>
    7. Colours and Background Colours<\/li>
    8. Fonts and Sizes<\/li>
    9. Courser Properties<\/li><\/ol><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t
      \n\t\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/i><\/span>\n\t\t\t\t\t\t\t\t<\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\tHandling Texts<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t
      1. Web Fonts<\/li>
      2. Sizing<\/li>
      3. Text Effects<\/li>
      4. Wrapping<\/li><\/ol><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t
        \n\t\t\t\t\t
        \n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/i><\/span>\n\t\t\t\t\t\t\t\t<\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\tLayouts<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t
        1. Multiple Columns<\/li>
        2. Column gaps and Rules<\/li>
        3. Border and Box Effects<\/li>
        4. Drop Shadows<\/li>
        5. Inset Shadows<\/li><\/ol><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t
          \n\t\t\t\t\t
          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/i><\/span>\n\t\t\t\t\t\t\t\t<\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t Background Images and Colors<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t
          1. Background-Images<\/li>
          2. Background Clips and Origin<\/li>
          3. Colors and Opacity<\/li>
          4. Gradients<\/li><\/ol><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t
            \n\t\t\t\t\t
            \n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/i><\/span>\n\t\t\t\t\t\t\t\t<\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t Dynamic Effects<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t
            1. Transformations<\/li>
            2. 2D Transformations<\/li>
            3. Transform Properties and Functions<\/li>
            4. 3D Transformations<\/li>
            5. Transform Properties and Functions<\/li>
            6. Transitions<\/li>
            7. Transitions Properties<\/li>
            8. Animations<\/li>
            9. Key frames<\/li><\/ol>