Course description

  • What is the course all about?

    This course will show you how to build responsive websites that adjust and function properly on smartphones, tablets, and desktop displays.

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

    Participants at the end of Simplilearn’s Building Responsive Websites with HTML5 & CSS3 training obtain the following learning benefits:
    • Skills to build functional, responsive web layouts
    • Knowledge to design layouts to fit various device displays, including tablet, smartphone, and desktop screens

  • Who should do this course?

    Those looking to build a strong foundation in responsive web layouts should go for this course. 

  • 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

    • Building Responsive Websites with HTML5 CSS3 3:29:50
      • 1.1 Welcome00:48
      • 1.2 A Look At What We'll Build01:36
      • 1.3 Key Aspects Of Responsive Design02:43
      • 1.4 Determining Device Resolutions To Target04:20
      • 1.5 Wireframing Responsive Layouts04:59
      • 1.6 The Concept Of Using Multiple CSS Files10:50
      • 1.7 Media Queries and Multiple Style Sheets08:58
      • 1.8 Building Media Queries Into A Single CSS File07:38
      • 1.9 Using Media Query Expressions05:05
      • 1.10 Setting Up The HTML and CSS Files04:19
      • 1.11 Getting Started With The Header07:36
      • 1.12 Inserting The Main Nav Menu06:01
      • 1.13 Inserting The Search Field06:56
      • 1.14 Problems With Applying Floats04:19
      • 1.15 Integrating Google Fonts API03:25
      • 1.16 Building The Hero Section Structure04:26
      • 1.17 Formatting The Hero Section09:04
      • 1.18 Inserting and Formatting A Call To Action Button09:51
      • 1.19 Building The Features Section, Part One05:46
      • 1.20 Building The Features Section, Part Two04:57
      • 1.21 Inserting The Organize Section08:19
      • 1.22 Building The Share Section05:16
      • 1.23 Building The Call To Action Area06:36
      • 1.24 Inserting And Formatting The Footer03:48
      • 1.25 Finishing Touches For The High Resolution Layout04:07
      • 1.26 Setting Up The Medium Resolution CSS and Testing The Media Query07:02
      • 1.27 Formatting The Medium Res Header04:08
      • 1.28 Formatting The Medium Res Hero Section06:09
      • 1.29 Formatting The Features Section02:14
      • 1.30 Formatting The Organize And Share Sections05:17
      • 1.31 Building The Get Section and Finishing Up The Medium Res Layout02:53
      • 1.32 Setting Up The Low Res CSS and Testing The Media Query04:41
      • 1.33 Formatting The Low Res Header02:53
      • 1.34 Resolving Problems Caused By Floats04:22
      • 1.35 Formatting The Low Res Hero Section03:18
      • 1.36 Formatting The Features Section01:46
      • 1.37 Formatting The Organize And Share Sections02:59
      • 1.38 Building The Get Section and Finishing Up The Low Res Layout03:07
      • 1.39 Disabling Device Smart Zoom05:59
      • 1.40 Testing Your Responsive Layouts04:28
      • 1.41 Setting Up Retina Display Graphics06:22
      • 1.42 Where To Go From Here00:29
    • {{childObj.title}}
      • {{childObj.childSection.chapter_name}}
        • {{lesson.title}}
      • {{lesson.title}}

    View More

    View Less


    • How do I enroll for the Online training?

      You can enroll for this Online training online. Payments can be made using any of the following options and receipt of the same will be issued to the candidate automatically via email.
      1. Visa debit/credit card
      2. American express and Diners club card
      3. Master Card, or
      4. Through PayPal

    • What will I get along with this training?

      You will have access to the online e-learning along with the training.

    • Can I cancel my enrollment? Do I get a refund?

      Yes, you can cancel your enrollment. We provide you complete refund after deducting the administration fee. To know more please go through our Refund Policy.

    • Do you provide any course completion certificate?

      Yes, we offer course completion certificate after you successfully complete the training program.

    • Where and how can I access the e-learning content? Are there any limitations?

      Once you register with us for a course by paying the course fee, you can have 24/7 access to the e-learning content on our website. An automated course purchase confirmation mail from our side will guide you through the process.

    • I am not able to access the online course. Whom should I contact for a solution?

      Please raise a request via our Help and Support portal to have your issue resolved.

    • Do you provide money back guarantee for the training programs?

      Yes. We do offer a money-back guarantee for many of our training programs. You can refer to the Refund Policy and raise refund requests via our Help and Support portal.

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

    • Disclaimer
    • PMP, PMI, PMBOK, CAPM, PgMP, PfMP, ACP, PBA, RMP, SP, and OPM3 are registered marks of the Project Management Institute, Inc.