Resources Corporate Training Government Higher Education

Course description

  • What is this course about?

    CSS/CSS3 Design and Development Suite is a comprehensive training program that empowers candidates to develop websites comprising high-quality interactive features. As web development using CSS3 ensures refined and responsive webs pages that generate great user engagement, businesses across the world seek trained CSS3 professionals.

    CSS/CSS3 is used to describe the format and look of a specific document, which is written in a mark-up language. This is a style sheet language used for changing user interfaces that are written in XHTML and HTML. CSS is primarily designed to make the website more responsive to the audience, thereby generating greater user engagement. Custom markup languages such as HTML covered here assist in creating structured documents by contributing structural semantics.

    CSS/CSS3 Development Suite is comprehensive and can be taken up by both beginners as well as advanced learners. CSS/CSS3 Development Suite is best suited for web designers, mobile app developers, web application developers, software engineers and candidates with technical background.

  • What learning benefits do you get from Simplilearn’s training?

    Here are some of the major learning benefits that come with this training program:
    • This training program entails the fundamentals of CSS/CSS3 as well as CSS and CSS3 Programming for Absolute Beginners, which includes style sheet usage, external style sheet, text properties, styling elements and more
    • Applying Designs to Wireframes with HTML5 and CSS3 covered here, trains the candidates to apply attractive and functional design principles to the wireframe
    • The training also enables the participants to build Responsive Websites with HTML5 and CSS3.
    • Website Wireframing with HTML5 and CSS3, CSS Floating Layouts, HTML5 and CSS3 Site Design and Introduction to SASS are also covered in this training program
    • This comprehensive course is highly recommended for beginners as well as experienced professionals as it covers fundamentals and Advanced CSS and CSS and CSS3 Crash Course

  • What are the career benefits in-store for you?

    With the constant advancement in technology and continuous change in programming platforms, the demand for trained CSS/CSS3 professionals is on a constant rise. Here are some of the major career benefits that come with this training program:
    • Average salary for trained CSS/CSS3 developer is $89,000. Source: payscale.com
    • With the constant rise in the number of websites and internet marketing becoming a norm, IT companies across the globe are seeking competent CSS/CSS3 developers
    • As organizations seek trained CSS/CSS3 professionals, trained professionals have an edge over their non-trained counterparts

  • Why Simplilearn?

    • Simplilearn is the World’s Largest Certification Training Provider, with over 500,000+ professionals trained globally
    • Trusted by the Fortune 500 companies as their learning provider for career growth and training
    • 2000+ certified and experienced trainers conduct trainings for various courses across the globe
    • All our Courses are designed and developed under a tried and tested Unique Learning Framework that is proven to deliver 98.6% pass rate in first attempt
    • Accredited, Approved and Recognized as a training organization, partner, education provider and examination center by globally renowned names like Project Management Institute of USA, APMG, CFA Institute, GARP, ASTQB, IIBA and others

Course preview

  • Advanced CSS

    • Advanced CSS

      1:15:41
      • 1.1 Course Material
        00:25
      • 1.2 Grouping And Nesting
        06:13
      • 1.3 Maximum And Minimum Dimensions
        04:21
      • 1.4 Positions
        04:44
      • 1.5 Relative And Z - Index
        05:22
      • 1.6 Floating
        03:35
      • 1.7 Clear
        03:20
      • 1.8 Pseudos(Part 1)
        06:13
      • 1.9 Pseudos(Part 2)
        06:38
      • 1.10 Alignment
        05:05
      • 1.11 Sprites
        09:35
      • 1.12 Opacity
        03:37
      • 1.13 Media Types
        04:29
      • 1.14 Attribute Selectors
        03:46
      • 1.15 Browser Prefixes
        05:13
      • 1.16 Important
        03:05

  • Website Wireframing with HTML5 and CSS3

    • Chapter 0 - Introduction

      12:51
      • 0.1 Introduction
        04:03
      • 0.2 Why Using Photoshop May Not Be The Best Choice
        03:07
      • 0.3 Using HTML and CSS For Fast Wireframe Compositing
        02:54
      • 0.4 A Look At What We ll Build In This Course
        01:23
      • 0.5 Bonus Lesson How To Turn Any Web Page Into A Wireframe
        01:24

    • Chapter 1 - Getting Started

      46:27
      • 1.1 Getting Started
        04:45
      • 1.2 Building The Structural CSS Rules Part 1
        07:43
      • 1.3 Building The Structural CSS Rules Part 2
        02:53
      • 1.4 Connecting Up The HTML To The CSS
        05:20
      • 1.5 Centering Layout Elements
        05:37
      • 1.6 Setting Up Inner Layout Containers
        07:19
      • 1.7 Inserting Additional Inner Containers
        03:35
      • 1.8 Spacing Apart The Layout
        09:15

    • Chapter 2 - Wireframing The Header In Greater Detail

      20:26
      • 2.1 Wireframing The Header In Greater Detail
        04:37
      • 2.2 Building The Logo Container
        03:55
      • 2.3 Setting Up The Main Navigation Menu
        05:54
      • 2.4 Creating A Call - To - Action Button
        06:00

    • Chapter 3 - Building The Rest Of The Layout

      40:25
      • 3.1 Building The Rest Of The Layout
        04:41
      • 3.2 Getting Started With The Hero Content
        04:02
      • 3.3 Finishing Up The Hero Section
        05:36
      • 3.4 Inserting The Feature Headers
        03:35
      • 3.5 Building The Feature Boxes
        05:59
      • 3.6 Wireframing The Organize Section
        05:42
      • 3.7 Speeding Things Up For The Share Section
        04:27
      • 3.8 Finishing - Up The Wireframing
        06:23

    • Chapter 4 - Finishing Touches

      44:58
      • 4.1 Finishing Touches
        03:49
      • 4.2 Adding A Logo Placeholder With Text
        03:51
      • 4.3 Inserting The Remaining Image Placeholders
        03:23
      • 4.4 Inserting A Background Placeholder
        05:10
      • 4.5 Adding Subtle Interactivity
        06:01
      • 4.6 Adding Button Interactivity
        11:43
      • 4.7 Finishing Touches
        04:57
      • 4.8 Sharing The Wireframe For Review
        06:04

    • Chapter 5 - Wrapping Up

      00:21
      • 5.1 Wrapping Up
        00:21

  • Introduction to SASS

    • Introduction to SASS

      41:17
      • 1.1 Installing Sass
        00:58
      • 1.2 Compiling
        05:38
      • 1.3 Project Overview
        01:37
      • 1.4 Directory Structure
        04:55
      • 1.5 Variables
        07:51
      • 1.6 Inheritence
        07:15
      • 1.7 Nesting
        02:33
      • 1.8 Functions
        04:56
      • 1.9 Mixins
        05:34

  • HTML5 and CSS3 Site Design

    • Chapter 0 - Introduction

      03:12
      • 0.1 Introduction
        00:57
      • 0.2 A Look At What Well Build
        02:15

    • Chapter 1 - Let Get Started

      25:33
      • 1.1 Lets Get Started
        03:25
      • 1.2 In The Beginning HTML Fundamentals
        11:18
      • 1.3 Understanding What CSS Is All About
        06:34
      • 1.4 Viewing A Page Background Code
        04:16

    • Chapter 2 - Getting Your Files Organized

      16:01
      • 2.1 Getting Your Files Organized
        06:43
      • 2.2 Creating A Page And Understanding Index Files
        05:41
      • 2.3 Setting Up An External Style Sheet
        03:37

    • Chapter 3 - Let Build A Web Layout From Scratch

      1:27:45
      • 3.1 Lets Build A Web Layout From Scratch
        06:54
      • 3.2 Connecting The External Style Sheet And Testing
        08:14
      • 3.3 Inserting And Formatting The Site Header
        07:36
      • 3.4 Finishing Up The Basic Layout
        04:48
      • 3.5 Debugging For Internet Explorer
        03:25
      • 3.6 Understanding How The Layout Works
        05:49
      • 3.7 Using Divs For Page Layout
        07:14
      • 3.8 A More Economical Approach To Layout And CSS
        07:50
      • 3.9 Using Float And Clear
        05:54
      • 3.10 Centering The Layout
        09:01
      • 3.11 Nesting Layout Objects
        07:03
      • 3.12 Spacing Apart The Layout
        09:11
      • 3.13 Final Touches
        04:46

    • Chapter 4 - Inserting And Formatting Text

      1:17:29
      • 4.1 Inserting And Formatting Text
        04:16
      • 4.2 Setting Up Paragraphs And Headings
        04:36
      • 4.3 Adjusting The Layout For Text Part 1
        07:35
      • 4.4 Adjusting The Layout For Text Part 2
        05:19
      • 4.5 Formatting HTML Headings With CSS
        06:48
      • 4.6 Formatting Paragraphs
        04:09
      • 4.7 Using Class Rules To Format Text
        05:22
      • 4.8 More Formatting With Class Rules
        09:07
      • 4.9 Working More Efficiently With CSS
        06:52
      • 4.10 Inserting And Formatting Lists
        06:40
      • 4.11 Using A List To Build The Main Navigation Menu
        10:15
      • 4.12 Setting Up The Footer Navigation
        06:30

    • Chapter 5 - Now It Time For Some Graphics

      42:18
      • 5.1 Now It Time For Some Graphics
        06:28
      • 5.2 Resizing Images With Your Graphics Editor
        04:51
      • 5.3 Controlling Graphics With CSS
        07:06
      • 5.4 Inserting The FeatureBox Images(Free Lesson)
        07:10
      • 5.5 Adjusting The FeatureBox Layout
        02:57
      • 5.6 Setting Up The FeatureBox Titles
        06:18
      • 5.7 Illustrator, Photoshop, HTML, And CSS Workflow
        07:28

    • Chapter 6 - Site Rollout

      26:21
      • 6.1 Site Rollout
        03:37
      • 6.2 How To Not Roll Out A Website
        07:07
      • 6.3 Roll Out 1 - Setting Internal Hyperlinks
        04:36
      • 6.4 Roll Out 2 - Creating The Site Pages
        01:33
      • 6.5 Previewing And Testing The Site
        04:03
      • 6.6 A Final Thought On Site Rollout
        05:25

    • Chapter 7 - Inserting Additional Page Elements

      1:02:46
      • 7.1 Inserting Additional Page Elements
        06:58
      • 7.2 Inserting A Simple Slideshow
        08:29
      • 7.3 Inserting And Formatting Tables
        08:15
      • 7.4 Inserting A Google Map
        07:51
      • 7.5 Formatting A Customer Testimonial Page
        07:07
      • 7.6 Setting Up A Contact Us Page
        06:44
      • 7.7 Finalizing The Site
        11:55
      • 7.8 Organizing The CSS File
        05:27

    • Chapter 8 - Going Live Uploading The Completed Site

      25:26
      • 8.1 Uploading The Completed Site
        03:52
      • 8.2 Uploading The Local Site To The Remote Server
        02:25
      • 8.3 Testing The Live Site
        02:04
      • 8.4 Making Edits And Updating The Live Site
        06:49
      • 8.5 Testing And Debugging For Other Browsers
        09:53
      • 8.6 Conclusion
        00:23

  • HTML and CSS for Beginning Web Developers

    • Module 1 - Introduction To HTML

      08:44
      • 1.1 The Basics Of HTML
        02:55
      • 1.2 What Is HTML
        02:59
      • 1.3 Getting The Browser
        00:42
      • 1.4 Getting The Editor
        00:49
      • 1.5 Setting Up The Editor
        01:19

    • Module 2 - HTML Basics

      18:11
      • 2.1 Structure Hello World
        04:36
      • 2.2 The DOM
        02:10
      • 2.3 Customizing The Editor
        01:32
      • 2.4 Self Closing Tags - Environment
        01:21
      • 2.5 Validation
        06:10
      • 2.6 Comments
        02:22

    • Module 3 - Block Level Elements

      08:42
      • 3.1 Block Level Elements
        08:42

    • Module 4 - Line Breaks And Spacing

      04:50
      • 4.1 Line Breaks And Spacing
        04:50

    • Module 5 - Inline Elements

      22:58
      • 5.1 Span Text Modifiers
        02:37
      • 5.2 Anchors
        10:25
      • 5.3 Exercise - Linking To The Top Of The Page
        04:46
      • 5.4 Images
        05:10

    • Module 6 - Tables And Forms

      1:19:56
      • 6.1 Tables
        04:49
      • 6.2 The Basics Of Forms
        09:54
      • 6.3 HTML5 Input Attributes
        15:44
      • 6.4 New HTML5 Inputs
        08:53
      • 6.5 Action Attribute
        03:40
      • 6.6 GET vs POST
        03:13
      • 6.7 Using An Image For The Submi Button
        04:06
      • 6.8 Exercise - Hote Booking Form
        18:45
      • 6.9 Placeholder Vs. Value
        02:31
      • 6.10 Radio Buttons, Checkboxes, Selsct Elemnets And Text Areas
        08:21

    • Module 7 - Sematic HTML5 Elements

      14:35
      • 7.1 New Elements
        03:39
      • 7.2 What Are Semantic Elements
        03:14
      • 7.3 Semantics Elements In Practice
        04:32
      • 7.4 Meter And Progress Elements
        03:10

    • Module 8 - Multimedia

      07:43
      • 8.1 Audio
        04:15
      • 8.2 Video
        03:28

  • Fundamentals of CSS3

    • Fundamentals Of CSS3

      34:58
      • 1.1 Course Materials
        00:26
      • 1.2 What Is CSS3?
        02:33
      • 1.3 Border Radius
        02:41
      • 1.4 Border Image
        09:08
      • 1.5 Box Shadow
        03:36
      • 1.6 Background Size
        06:39
      • 1.7 Text Shadow
        01:47
      • 1.8 Custom Fonts
        04:33
      • 1.9 Rotate
        01:45
      • 1.10 Resize
        01:50

  • Fundamentals of CSS

    • Fundamentals Of CSS

      1:33:05
      • 1.1 Course Material
        00:25
      • 1.2 What Is CSS
        02:59
      • 1.3 Syntax
        01:57
      • 1.4 Using Style Sheets
        04:45
      • 1.5 External Style Sheets
        01:57
      • 1.6 ID s And Classes
        05:02
      • 1.7 Styling Elements
        02:01
      • 1.8 Comments
        01:17
      • 1.9 Background Colors
        00:57
      • 1.10 Background Image
        07:49
      • 1.11 Text Color
        01:30
      • 1.12 Text Formatting
        07:23
      • 1.13 Font Properties
        07:06
      • 1.14 Text Properties
        04:39
      • 1.15 Links
        07:39
      • 1.16 Lists
        06:29
      • 1.17 Width And Height
        05:14
      • 1.18 Borders
        08:07
      • 1.19 Margin And Padding
        04:39
      • 1.20 Cursor
        02:55
      • 1.21 Display
        05:49
      • 1.22 Overflow
        02:26

  • CSS Floating Layouts

    • Chapter 0 - Welcome To CSS Floating Layouts

      03:29
      • 0.1 How To Build CSS Floating Layout
        00:46
      • 0.2 A Note About Set Up
        02:43

    • Chapter 1 - CSS Float Fundamentals

      39:55
      • 1.1 Basic Floating
        10:29
      • 1.2 Using Floats On Multiple Items
        07:08
      • 1.3 Introducing Clear
        04:38
      • 1.4 A Practical Example Creating A Thumbnail Gallery With Float And Clear
        17:40

    • Chapter 2 - Building A Flexible Layout

      26:00
      • 2.1 Creating Layouts Using Floats
        04:59
      • 2.2 Setting Properties And Testing The Layout
        07:30
      • 2.3 Inserting The Header
        04:20
      • 2.4 Inserting The Footer And Finalizing
        06:09
      • 2.5 Understanding How The Layout Works
        03:02

    • Chapter 3 - Building A Combination Flexible Fixed Layout

      28:57
      • 3.1 Creating A Combination Flexible Fixed Layout
        05:06
      • 3.2 Adding In Some Dummy Content
        02:13
      • 3.3 Setting Properties Part 1
        07:00
      • 3.4 Setting Properties Part 2
        07:32
      • 3.5 Final Layout Options
        07:06

    • Chapter 4 - Building A Fixed Layout

      28:05
      • 4.1 Creating A Fixed Layout
        03:40
      • 4.2 Setting Properties Part 1
        04:21
      • 4.3 Setting Properties Part 2
        12:16
      • 4.4 Final Layout Options
        07:48

    • Chapter 5 - Bonus Videos

      28:58
      • 5.1 Building Dreamweaver CS3 CS4 Essentials Layouts Using Floats Part 1
        08:15
      • 5.2 Building Dreamweaver CS3 CS4 Essentials Layouts Using Floats Part 2
        08:57
      • 5.3 Creating Floating Layouts In Dreamweaver
        11:46

    • Chapter 6 - Conclusion

      01:59
      • 6.1 Conclusion
        01:59

  • CSS and CSS3 Programming For Absolute Beginners

    • CSS and CSS3 Programming For Absolute Beginners

      2:16:57
      • 1.1 Introduction And The Basics
        19:24
      • 1.2 Installing Notepad Plus Plus
        02:33
      • 1.3 Widths And Heights
        12:51
      • 1.4 Margins And Padding
        13:51
      • 1.5 Borders
        11:08
      • 1.6 Centering A Container
        10:21
      • 1.7 Display Property
        08:19
      • 1.8 Hiding An Element
        04:49
      • 1.9 Positioning
        11:00
      • 1.10 Font Basics
        13:44
      • 1.11 Text Alignment
        06:38
      • 1.12 Styling Links (Hyperlinks)
        13:23
      • 1.13 Styling Headers
        08:56

  • CSS and CSS3 Crash Course

    • Module 1 - Introduction To The Course

      23:02
      • 1.1 What Will You Learn
        01:05
      • 1.2 Introduction And The Basics
        19:24
      • 1.3 Installing Notepad Plus Plus
        02:33

    • Module 2 - CSS And CSS3 Basics

      2:07:25
      • 2.1 Selectors (Part 1 Of 4)
        10:46
      • 2.2 Selectors (Part 2 Of 4)
        11:32
      • 2.3 Selectors (Part 3 Of 4)
        11:01
      • 2.4 Selectors (Part 4 Of 4)
        08:38
      • 2.5 Styling Links (Hyperlinks)
        13:24
      • 2.6 Widths And Heights
        12:51
      • 2.7 Positioning
        11:00
      • 2.8 Centering A Container
        10:21
      • 2.9 Colors
        10:52
      • 2.10 Display Property
        08:19
      • 2.11 Hiding An Element
        04:49
      • 2.12 Font Basics
        13:52

    • Module 3 - Intermediate CSS And CSS3

      3:25:49
      • 3.1 Forcing Uppercase, Lowercase And Capitalisation
        05:46
      • 3.2 Text Alignment
        06:38
      • 3.3 Text Indenting
        11:24
      • 3.4 Borders
        11:08
      • 3.5 Rounded Borders
        11:58
      • 3.6 Margins And Padding
        13:51
      • 3.7 Overflow
        08:39
      • 3.8 Styling Headers
        09:03
      • 3.9 Floating Elements
        17:08
      • 3.10 Clearfix For Clearing Floats
        13:24
      • 3.11 Styling Unordere Lists
        09:20
      • 3.12 Horizontal Menu (Part 1 Of 2)
        12:51
      • 3.13 Horizontal Menu (Part 2 Of 2)
        13:38
      • 3.14 Vertical Menu
        12:10
      • 3.15 Creating A Button
        11:14
      • 3.16 Backgrounds
        12:35
      • 3.17 Multiple Background Images
        09:08
      • 3.18 Background Size
        06:04
      • 3.19 Border Images
        09:50

    • Module 4 - Advanced Intermediate CSS And CSS3

      1:38:30
      • 4.1 Sprite
        14:40
      • 4.2 Element Shadows (Box Shadow)
        07:29
      • 4.3 Text Shadows
        10:44
      • 4.4 Opacity
        06:24
      • 4.5 Element Stack Order (z Index)
        07:39
      • 4.6 Image Overlay Effect (Part 1 Of 2)
        09:43
      • 4.7 Image Overlay Effect (Part 2 Of 2)
        11:35
      • 4.8 2D Transformations (Part 1 Of 4)
        03:37
      • 4.9 2D Transformations (Part 2 Of 4)
        11:36
      • 4.10 2D Transformations (part 3 Of 4)
        09:28
      • 4.11 2D Transformations (Part 4 Of 4)
        05:35

    • Module 5 - Build Your First Website

      2:25:23
      • 5.1 Basic Site Layout (Part 1 Of 3)
        11:29
      • 5.2 Basic Site Layout (Part 2 Of 3)
        14:13
      • 5.3 Basic Site Layout (Part 3 Of 3)
        14:11
      • 5.4 Styling Tables (Part 1 Of 2)
        13:38
      • 5.5 Styling Tables (Part 2 Of 2)
        10:45
      • 5.6 Cursors
        07:37
      • 5.7 Box Sizing
        07:48
      • 5.8 Styling Form Elements (Part 1 Of 2)
        11:45
      • 5.9 Styling Form Elements (Part 2 Of 2)
        07:00
      • 5.10 Dashed Link Underline
        07:03
      • 5.11 Drop Down Style Menu
        14:43
      • 5.12 Quick And Easy CSS Triangles
        03:37
      • 5.13 Pure Dropdown List Menu (Part 1 Of 2)
        09:45
      • 5.14 Pure Dropdown List Menu (Part 2 Of 2)
        11:49

    • Module 6 - Fun Advanced Topics

      48:40
      • 6.1 Creating Cube With CSS3
        18:55
      • 6.2 Create A Avatar Profile Picture Effect
        03:54
      • 6.3 Create A Speech Bubble In Comment List
        13:21
      • 6.4 Create A Headline Backgroung Effect
        12:30

  • Applying Designs to WireFrames with HTML5 and CSS3

    • Chapter 0 - Introduction

      03:22
      • 0.1 Introduction
        01:56
      • 0.2 Here's What We'll Create In This Course
        01:26

    • Chapter 1 - From Wireframe To Design

      21:59
      • 1.1 From Wireframe To Design
        05:16
      • 1.2 Choosing Your Designs Colour Palette
        06:39
      • 1.3 Tools For Selecting Typefaces
        05:18
      • 1.4 Choosing Imagery And Design Elements
        04:46

    • Chapter 2 - Getting The Design Underway

      50:51
      • 2.1 Getting The Design Underway
        05:15
      • 2.2 Formatting Call To Action Buttons With CSS
        08:41
      • 2.3 Additional Shadow Effects To The Buttons
        03:11
      • 2.4 Finishing Up The Button Formatting
        05:40
      • 2.5 Typographic Treatments With Google Font API
        07:42
      • 2.6 Beginning The Features Section Styling
        05:29
      • 2.7 Finishing The Features Section
        04:08
      • 2.8 Formatting The Organize Section
        04:48
      • 2.9 Wrapping Up The Layouts Design
        05:57

    • Chapter 3 - Inserting and Formatting Graphics

      17:31
      • 3.1 Inserting and Formatting Graphics
        02:49
      • 3.2 Setting Up The Hero Section Graphics
        04:53
      • 3.3 Getting The Feature Section Images Inserted
        03:04
      • 3.4 Placing The Organize and Share Images
        02:52
      • 3.5 Using A Graphic As A Button Label
        03:53

    • Chapter 4 - Cross-Browser Testing

      22:49
      • 4.1 Cross - Browser Testing
        08:07
      • 4.2 Running Virtual Operating Systems For Testing
        09:17
      • 4.3 Making Minor Adjustments For Browser Compatibility
        05:25

    • Chapter 5 - Wrapping Up

      00:29
      • 5.1 Wrapping Up
        00:29

  • Building Responsive Websites with HTML5 and CSS3

    • Building Responsive Websites with HTML5 CSS3

      3:29:50
      • 1.1 Welcome
        00:48
      • 1.2 A Look At What We'll Build
        01:36
      • 1.3 Key Aspects Of Responsive Design
        02:43
      • 1.4 Determining Device Resolutions To Target
        04:20
      • 1.5 Wireframing Responsive Layouts
        04:59
      • 1.6 The Concept Of Using Multiple CSS Files
        10:50
      • 1.7 Media Queries and Multiple Style Sheets
        08:58
      • 1.8 Building Media Queries Into A Single CSS File
        07:38
      • 1.9 Using Media Query Expressions
        05:05
      • 1.10 Setting Up The HTML and CSS Files
        04:19
      • 1.11 Getting Started With The Header
        07:36
      • 1.12 Inserting The Main Nav Menu
        06:01
      • 1.13 Inserting The Search Field
        06:56
      • 1.14 Problems With Applying Floats
        04:19
      • 1.15 Integrating Google Fonts API
        03:25
      • 1.16 Building The Hero Section Structure
        04:26
      • 1.17 Formatting The Hero Section
        09:04
      • 1.18 Inserting and Formatting A Call To Action Button
        09:51
      • 1.19 Building The Features Section, Part One
        05:46
      • 1.20 Building The Features Section, Part Two
        04:57
      • 1.21 Inserting The Organize Section
        08:19
      • 1.22 Building The Share Section
        05:16
      • 1.23 Building The Call To Action Area
        06:36
      • 1.24 Inserting And Formatting The Footer
        03:48
      • 1.25 Finishing Touches For The High Resolution Layout
        04:07
      • 1.26 Setting Up The Medium Resolution CSS and Testing The Media Query
        07:02
      • 1.27 Formatting The Medium Res Header
        04:08
      • 1.28 Formatting The Medium Res Hero Section
        06:09
      • 1.29 Formatting The Features Section
        02:14
      • 1.30 Formatting The Organize And Share Sections
        05:17
      • 1.31 Building The Get Section and Finishing Up The Medium Res Layout
        02:53
      • 1.32 Setting Up The Low Res CSS and Testing The Media Query
        04:41
      • 1.33 Formatting The Low Res Header
        02:53
      • 1.34 Resolving Problems Caused By Floats
        04:22
      • 1.35 Formatting The Low Res Hero Section
        03:18
      • 1.36 Formatting The Features Section
        01:46
      • 1.37 Formatting The Organize And Share Sections
        02:59
      • 1.38 Building The Get Section and Finishing Up The Low Res Layout
        03:07
      • 1.39 Disabling Device Smart Zoom
        05:59
      • 1.40 Testing Your Responsive Layouts
        04:28
      • 1.41 Setting Up Retina Display Graphics
        06:22
      • 1.42 Where To Go From Here
        00:29
  • Free Course

    • {{childObj.title}}

      • {{childObj.childSection.chapter_name}}

        • {{lesson.title}}
      • {{lesson.title}}

    View More

    View Less

Reviews

Tom Davidson
Tom Davidson

After successfully completing this course, I can confidently develop websites comprising high-quality interactive features. All thanks to Simplilearn

Read more Read less
Young Gah Kim
Young Gah Kim

This training has enabled me to build Responsive Websites with HTML5 and CSS3

Nigel Ellis
Nigel Ellis

This training has helped me to grab a lucrative job offer from a leading IT company. Thank you Simplilearn

    FAQs

    • I want to know more about the training program. Whom do I contact?

      Please join our Live Chat for instant support, call us, or Request a Call Back to have your query resolved.

    Contact Us

    +1-844-532-7688

    (Toll Free)

    People Also Bought

    Full Stack Web Developer - MEAN Stack Full Stack Web Developer - MEAN StackMaster's Program Includes: 7 Courses Explore
    Certified Android App Developer Certified Android App Developer Course Explore
    Java Certification Training Java Certification Training Course Explore
    Certified iOS App Developer Certified iOS App Developer Course Explore
    Angular Training Angular Training Course Explore
    Selenium 3.0 Training Selenium 3.0 Training Course Explore
    Choose your Location

    Let us know your convenient schedule

    Name *
    Email *
    Phone Number
    Date (MM/DD/YYYY)
    • Disclaimer
    • PMP, PMI, PMBOK, CAPM, PgMP, PfMP, ACP, PBA, RMP, SP, and OPM3 are registered marks of the Project Management Institute, Inc.
    Help and Support