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