Learn Basic Html5

Tags: HTML5

Everything you need to know to build a web page structure with HTML5

Last updated 2022-01-10 | 4.4

- Build An Actual Project From Scratch Using HTML5
- Learn How To Use HTML5 For Web Development & Web Design
- How To Easily Build Beautiful Websites From Scratch Using HTML5

What you'll learn

Build An Actual Project From Scratch Using HTML5
Learn How To Use HTML5 For Web Development & Web Design
How To Easily Build Beautiful Websites From Scratch Using HTML5
Learn & Master The Use Of HTML Tags (Starting With The Basic Ones)
Learn To Use Formatting Tags
Layout Tags
Classes and IDS
The Necessary Skills & Knowledge To Quickly Build & Edit WebPages
Download & Install Sublime Text 3 Text Editor for Coding
Download & Install MAMP for working in a local Web Development Enviornment
Download & Install Firefox Web Browser for testing & Debuggin your web pages

* Requirements

* Willingness to learn

Description

Have you always wanted to learn how to code but don't know where to start?

Would you like to make amazing websites and bring your ideas to life?

Then HTML5 Basics  is for you!

Hi, I’m your instructor Josh Werner and I’ll be leading you through this course.

Programming is the most in-demand skill in 2021.

The course begins with the basics. 

I'll take you through everything you need to know to start building websites like an expert.

You'll learn all the fundamentals of HTML5 and how you can

use them to start building the structure of websites.

This is great for students starting or advanced developers that need a refresher course on HTML5.

There are no requirements necessary to enroll I only ask that you come open minded and ready to learn

Feel Free to look through the course description and checkout some of my preview videos

The course is packed with over 4 hours of hands-on tutorials

Here is what you will Learn:


01. Introduction

    001. Overview

02. FireFox Developer Edition

    002. Overview

    003. Download & Install

    004. Features

    005. Developer Tools

    006. Summary

03. Atom

    007. Overview

    008. Download & Install

    009. Open a Project

    010. Version Control with GitHub

    011. Collaborate with Teletype

    012. Install a Package

    013. Choose a Theme

    014. Customize the Styling

    015. Hack on the Init Script

    016. Add a Snippet

    017. Keyboard Shortcuts

    018. Summary

04. History

    019. Overview

    020. HTML History

    021. What is HTML

    022. What is HTML5

05. Basic Tags

    023. Overview

    024. Download and Setup Files

    025. <!-- Comment -->

    026. <!DOCTYPE>

    027. <html>

    028. <head>

    029. <title>

    030. <body>

    031. <h1> to <h6>

    032. <p>

    033. <br>

    034. <hr>

    035. <a>

    036. <link>

    037. <meta>

    038. <style>

    039. Summary

06. Styles and Semantics

    040. Overview

    041. <div>

    042. <span>

    043. <header>

    044. <nav>

    045. <main>

    046. <section>

    047. <article>

    048. <aside>

    049. <details>

    050. <dialog>

    051. <summary>

    052. <data>

    053. <footer>

    054. Summary

07. Lists

    055. Overview

    056. <ul>

    057. <ol>

    058. <li>

    059. <dir>

    060. <dl>

    061. <dt>

    062. <dd>

    063. Summary

08. Images

    064. Overview

    065. <img>

    066. <map>

    067. <area>

    068. <canvas>

    069. <figcaption>

    070. <figure>

    071. <picture>

    072. <svg>

    073. Summary

09. Audio and Video

    074. Overview

    075. <audio>

    076. <source>

    077. <track>

    078. <video>

    079. Summary

10. Project

    080. Overview

    081. Build Home Page

    082. Build Tech Support Page

    083. Build Course Page

    084. Build Premium Plus Page

    085. Build Learn Tech Page

    086. Build Contact Page

    087. Summary

11. Conclusion

    088. Summary



So what are you waiting for? I look forward to going through course with you I’ll see you inside!

Who this course is for:

  • Beginner Web Developers

Course content

11 sections • 108 lectures

Overview Preview 00:56

Download & Install Preview 03:33

Open a Project Preview 01:21

Version Control with GitHub Preview 02:47

Collaborate with Teletype Preview 01:07

Install a Package Preview 01:15

Choose a Theme Preview 01:13

Customize the Styling Preview 00:44

Hack on the Init Script Preview 01:00

Add a Snippet Preview 00:55

Keyboard Shortcuts Preview 01:48

Summary Preview 00:40

Overview Preview 00:38

Download and Setup Files Preview 02:08

Preview 01:57

Preview 01:53

Preview 02:25

Preview 02:28

<a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668102" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <title>" rel="nofollow"><i class="fa fa-eye"></i> Preview 01:23 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <body> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668084" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <body>" rel="nofollow"><i class="fa fa-eye"></i> Preview 02:22 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <h1> to <h6> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668148" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <h1> to <h6>" rel="nofollow"><i class="fa fa-eye"></i> Preview 02:55 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <p> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668072" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <p>" rel="nofollow"><i class="fa fa-eye"></i> Preview 01:16 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <br> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668100" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <br>" rel="nofollow"><i class="fa fa-eye"></i> Preview 02:14 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <hr> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668080" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <hr>" rel="nofollow"><i class="fa fa-eye"></i> Preview 01:30 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <a> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668256" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <a>" rel="nofollow"><i class="fa fa-eye"></i> Preview 06:45 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <link> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668118" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <link>" rel="nofollow"><i class="fa fa-eye"></i> Preview 03:04 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <meta> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668268" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <meta>" rel="nofollow"><i class="fa fa-eye"></i> Preview 07:58 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <style> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668252" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <style>" rel="nofollow"><i class="fa fa-eye"></i> Preview 05:03 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Summary <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36671552" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Summary" rel="nofollow"><i class="fa fa-eye"></i> Preview 00:32 </a> </h3> <p class="text-gray"></p> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h2 class="panel-title" style="font-size: 16px;"> <a data-toggle="collapse" data-parent="#accordion" href="#collapse5" rel="nofollow"> Styles and Semantics <span class="pull-right">15 lectures</span> </a> </h2> </div> <div id="collapse5" class="panel-collapse collapse "> <div class="panel-body"> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Overview <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668092" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Overview" rel="nofollow"><i class="fa fa-eye"></i> Preview 00:25 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <div> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668140" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <div>" rel="nofollow"><i class="fa fa-eye"></i> Preview 01:44 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <span> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668152" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <span>" rel="nofollow"><i class="fa fa-eye"></i> Preview 03:00 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <header> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668154" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <header>" rel="nofollow"><i class="fa fa-eye"></i> Preview 02:32 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <nav> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668246" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <nav>" rel="nofollow"><i class="fa fa-eye"></i> Preview 03:25 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <main> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668250" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <main>" rel="nofollow"><i class="fa fa-eye"></i> Preview 05:05 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <section> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668142" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <section>" rel="nofollow"><i class="fa fa-eye"></i> Preview 01:18 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <article> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668146" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <article>" rel="nofollow"><i class="fa fa-eye"></i> Preview 01:30 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <aside> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668306" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <aside>" rel="nofollow"><i class="fa fa-eye"></i> Preview 01:18 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <details> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668308" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <details>" rel="nofollow"><i class="fa fa-eye"></i> Preview 01:39 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <dialog> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668302" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <dialog>" rel="nofollow"><i class="fa fa-eye"></i> Preview 01:16 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <summary> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668316" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <summary>" rel="nofollow"><i class="fa fa-eye"></i> Preview 02:16 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <data> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668324" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <data>" rel="nofollow"><i class="fa fa-eye"></i> Preview 01:51 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <footer> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668320" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <footer>" rel="nofollow"><i class="fa fa-eye"></i> Preview 01:39 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Summary <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668312" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Summary" rel="nofollow"><i class="fa fa-eye"></i> Preview 00:26 </a> </h3> <p class="text-gray"></p> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h2 class="panel-title" style="font-size: 16px;"> <a data-toggle="collapse" data-parent="#accordion" href="#collapse6" rel="nofollow"> Lists <span class="pull-right">9 lectures</span> </a> </h2> </div> <div id="collapse6" class="panel-collapse collapse "> <div class="panel-body"> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Overview <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668444" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Overview" rel="nofollow"><i class="fa fa-eye"></i> Preview 00:18 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <ul> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668452" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <ul>" rel="nofollow"><i class="fa fa-eye"></i> Preview 01:01 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <ol> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668450" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <ol>" rel="nofollow"><i class="fa fa-eye"></i> Preview 01:01 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <li> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668456" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <li>" rel="nofollow"><i class="fa fa-eye"></i> Preview 01:38 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <dir> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668466" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <dir>" rel="nofollow"><i class="fa fa-eye"></i> Preview 01:09 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <dl> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668468" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <dl>" rel="nofollow"><i class="fa fa-eye"></i> Preview 01:16 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <dt> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668472" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <dt>" rel="nofollow"><i class="fa fa-eye"></i> Preview 01:50 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <dd> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668462" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <dd>" rel="nofollow"><i class="fa fa-eye"></i> Preview 00:47 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Summary <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668464" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Summary" rel="nofollow"><i class="fa fa-eye"></i> Preview 00:28 </a> </h3> <p class="text-gray"></p> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h2 class="panel-title" style="font-size: 16px;"> <a data-toggle="collapse" data-parent="#accordion" href="#collapse7" rel="nofollow"> Images <span class="pull-right">10 lectures</span> </a> </h2> </div> <div id="collapse7" class="panel-collapse collapse "> <div class="panel-body"> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Overview <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668470" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Overview" rel="nofollow"><i class="fa fa-eye"></i> Preview 00:17 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <img> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668480" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <img>" rel="nofollow"><i class="fa fa-eye"></i> Preview 02:32 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <map> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668494" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <map>" rel="nofollow"><i class="fa fa-eye"></i> Preview 02:38 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <area> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668508" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <area>" rel="nofollow"><i class="fa fa-eye"></i> Preview 03:01 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <canvas> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668498" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <canvas>" rel="nofollow"><i class="fa fa-eye"></i> Preview 01:58 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <figcaption> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668486" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <figcaption>" rel="nofollow"><i class="fa fa-eye"></i> Preview 01:08 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <figure> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668492" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <figure>" rel="nofollow"><i class="fa fa-eye"></i> Preview 01:14 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <picture> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668514" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <picture>" rel="nofollow"><i class="fa fa-eye"></i> Preview 02:37 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <svg> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668534" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <svg>" rel="nofollow"><i class="fa fa-eye"></i> Preview 03:53 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Summary <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668482" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Summary" rel="nofollow"><i class="fa fa-eye"></i> Preview 00:24 </a> </h3> <p class="text-gray"></p> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h2 class="panel-title" style="font-size: 16px;"> <a data-toggle="collapse" data-parent="#accordion" href="#collapse8" rel="nofollow"> Audio and Video <span class="pull-right">6 lectures</span> </a> </h2> </div> <div id="collapse8" class="panel-collapse collapse "> <div class="panel-body"> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Overview <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668520" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Overview" rel="nofollow"><i class="fa fa-eye"></i> Preview 00:21 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <audio> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668550" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <audio>" rel="nofollow"><i class="fa fa-eye"></i> Preview 03:53 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <source> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668538" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <source>" rel="nofollow"><i class="fa fa-eye"></i> Preview 01:48 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <track> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668536" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <track>" rel="nofollow"><i class="fa fa-eye"></i> Preview 01:23 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> <video> <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668562" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview <video>" rel="nofollow"><i class="fa fa-eye"></i> Preview 04:40 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Summary <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668532" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Summary" rel="nofollow"><i class="fa fa-eye"></i> Preview 00:15 </a> </h3> <p class="text-gray"></p> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h2 class="panel-title" style="font-size: 16px;"> <a data-toggle="collapse" data-parent="#accordion" href="#collapse9" rel="nofollow"> Project <span class="pull-right">8 lectures</span> </a> </h2> </div> <div id="collapse9" class="panel-collapse collapse "> <div class="panel-body"> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Overview <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668036" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Overview" rel="nofollow"><i class="fa fa-eye"></i> Preview 03:57 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Build Home Page <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668596" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Build Home Page" rel="nofollow"><i class="fa fa-eye"></i> Preview 21:08 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Build Tech Support Page <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668144" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Build Tech Support Page" rel="nofollow"><i class="fa fa-eye"></i> Preview 05:47 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Build Course Page <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668002" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Build Course Page" rel="nofollow"><i class="fa fa-eye"></i> Preview 03:18 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Build Premium Plus Page <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36668008" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Build Premium Plus Page" rel="nofollow"><i class="fa fa-eye"></i> Preview 03:18 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Build Learn Tech Page <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36667984" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Build Learn Tech Page" rel="nofollow"><i class="fa fa-eye"></i> Preview 02:29 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Build Contact Page <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36667990" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Build Contact Page" rel="nofollow"><i class="fa fa-eye"></i> Preview 02:44 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Summary <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D36667994" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Summary" rel="nofollow"><i class="fa fa-eye"></i> Preview 02:15 </a> </h3> <p class="text-gray"></p> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h2 class="panel-title" style="font-size: 16px;"> <a data-toggle="collapse" data-parent="#accordion" href="#collapse10" rel="nofollow"> Old Content <span class="pull-right">21 lectures</span> </a> </h2> </div> <div id="collapse10" class="panel-collapse collapse "> <div class="panel-body"> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Introduction <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D19782063" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Introduction" rel="nofollow"><i class="fa fa-eye"></i> Preview 01:22 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Download & Install <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D19680578" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Download & Install" rel="nofollow"><i class="fa fa-eye"></i> Preview 02:40 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Sublime Text 3 Features <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D19680490" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Sublime Text 3 Features" rel="nofollow"><i class="fa fa-eye"></i> Preview 07:52 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Download & Install <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D19680484" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Download & Install" rel="nofollow"><i class="fa fa-eye"></i> Preview 01:53 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Firefox Features <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D19680672" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Firefox Features" rel="nofollow"><i class="fa fa-eye"></i> Preview 03:28 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Download & Install <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D19680478" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Download & Install" rel="nofollow"><i class="fa fa-eye"></i> Preview 02:17 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> MAMP Features <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D19680524" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview MAMP Features" rel="nofollow"><i class="fa fa-eye"></i> Preview 02:53 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Setup Project Files <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D19680434" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Setup Project Files" rel="nofollow"><i class="fa fa-eye"></i> Preview 01:01 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Setting up HTML Document <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D19680514" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Setting up HTML Document" rel="nofollow"><i class="fa fa-eye"></i> Preview 05:55 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Basic HTML Tags <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D19680638" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Basic HTML Tags" rel="nofollow"><i class="fa fa-eye"></i> Preview 10:18 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Formatting HTML Tags <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D19680520" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Formatting HTML Tags" rel="nofollow"><i class="fa fa-eye"></i> Preview 04:54 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Classes and Ids <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D19680618" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Classes and Ids" rel="nofollow"><i class="fa fa-eye"></i> Preview 09:12 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Basic HTML5 Tags <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D19680510" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Basic HTML5 Tags" rel="nofollow"><i class="fa fa-eye"></i> Preview 03:53 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Setup Project Files <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D19680530" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Setup Project Files" rel="nofollow"><i class="fa fa-eye"></i> Preview 01:55 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Project Overview <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D19680526" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Project Overview" rel="nofollow"><i class="fa fa-eye"></i> Preview 01:00 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Build Header Section <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D19680596" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Build Header Section" rel="nofollow"><i class="fa fa-eye"></i> Preview 06:07 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Build Image Section <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D19680650" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Build Image Section" rel="nofollow"><i class="fa fa-eye"></i> Preview 04:23 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Build Featured Course Section <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D19680670" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Build Featured Course Section" rel="nofollow"><i class="fa fa-eye"></i> Preview 06:08 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Build About Section <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D19680624" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Build About Section" rel="nofollow"><i class="fa fa-eye"></i> Preview 04:25 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Build Learn Tech Section <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D19680680" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Build Learn Tech Section" rel="nofollow"><i class="fa fa-eye"></i> Preview 06:33 </a> </h3> <p class="text-gray"></p> <h3 style="font-size: 16px;"><i class="fa fa-play"></i> Build Footer Section <a data-url="https://www.courses-for-you.com/out-link?website=https%3A%2F%2Fwww.udemy.com%2Fcourse%2F2530202%2Fpreview%2F%3FstartPreviewId%3D19680630" target="_blank" class="open-link cursor-pointer pull-right" style="font-size: 14px; color: #5e5e5e;" title="Preview Build Footer Section" rel="nofollow"><i class="fa fa-eye"></i> Preview 03:23 </a> </h3> <p class="text-gray"></p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="col-md-3 col-xs-12"> <div id="right-sidebar"> <div class="widget m-panel mt-25"> <div class="row"> <div class="col-md-12"> <img src="https://img-c.udemycdn.com/course/100x100/2530202_d7e4_5.jpg" alt="HTML5 Basics" title="HTML5 Basics" style="width: 50%;text-align: center;margin: 0px 25%;"> This course includes: <ul> <li>5 hours on-demand video</li> <li>Access on mobile and TV</li> <li>Certificate of completion</li> </ul> <a data-url="https://www.udemy.com/course/learn-basic-html5/" rel="nofollow" target="_blank" class="open-link cursor-pointer btn btn-success" style="width: 100%;">Learn now</a> </div> </div> </div> <div class="widget"> <!-- Sidebar 1 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8157566539848288" data-ad-slot="3353863054" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="widget m-panel"> <h3 class="sidebarTitle list-group-heading text-info">Related Courses</h3> <div class="panel-content no-padding"> <div class="row"> <div class="col-md-4 col-xs-3"> <a href="https://www.courses-for-you.com/course/11/learn-flutter-in-30-days" rel="nofollow" title="Learn Flutter and Dart to create Android and IOS apps"> <img src="https://img-c.udemycdn.com/course/100x100/3740200_cf22_2.jpg" alt="Learn Flutter and Dart to create Android and IOS apps" style="max-width: 100%;" loading="lazy"> </a> </div> <div class="col-md-8 col-xs-9"> <a href="https://www.courses-for-you.com/course/11/learn-flutter-in-30-days" title="Learn Flutter and Dart to create Android and IOS apps"> Learn Flutter and Dart to create Android and IOS apps </a> </div> </div> <hr style="margin: 0px"> <div class="row"> <div class="col-md-4 col-xs-3"> <a href="https://www.courses-for-you.com/course/46/ios-12-learn-to-code" rel="nofollow" title="IOS 12: Learn to Code & Build Real iOS 12 Apps in Swift 4.2"> <img src="https://img-c.udemycdn.com/course/100x100/1862802_be9a.jpg" alt="iOS 12: Learn to Code & Build Real iOS 12 Apps in Swift 4.2" style="max-width: 100%;" loading="lazy"> </a> </div> <div class="col-md-8 col-xs-9"> <a href="https://www.courses-for-you.com/course/46/ios-12-learn-to-code" title="IOS 12: Learn to Code & Build Real iOS 12 Apps in Swift 4.2"> IOS 12: Learn to Code & Build Real iOS 12 Apps in Swift 4.2 </a> </div> </div> <hr style="margin: 0px"> <div class="row"> <div class="col-md-4 col-xs-3"> <a href="https://www.courses-for-you.com/course/64/swift-3-learn-to-code-with-apples-new-language" rel="nofollow" title="Swift 3 - Learn to Code with Apple's New Language"> <img src="https://img-c.udemycdn.com/course/100x100/878382_1323_4.jpg" alt="Swift 3 - Learn to Code with Apple's New Language" style="max-width: 100%;" loading="lazy"> </a> </div> <div class="col-md-8 col-xs-9"> <a href="https://www.courses-for-you.com/course/64/swift-3-learn-to-code-with-apples-new-language" title="Swift 3 - Learn to Code with Apple's New Language"> Swift 3 - Learn to Code with Apple's New Language </a> </div> </div> <hr style="margin: 0px"> <div class="row"> <div class="col-md-4 col-xs-3"> <a href="https://www.courses-for-you.com/course/87/learn-dart-programming" rel="nofollow" title="Learn Dart Programming for Flutter"> <img src="https://img-c.udemycdn.com/course/100x100/1894370_2fc4_2.jpg" alt="Learn Dart Programming for Flutter" style="max-width: 100%;" loading="lazy"> </a> </div> <div class="col-md-8 col-xs-9"> <a href="https://www.courses-for-you.com/course/87/learn-dart-programming" title="Learn Dart Programming for Flutter"> Learn Dart Programming for Flutter </a> </div> </div> <hr style="margin: 0px"> <div class="row"> <div class="col-md-4 col-xs-3"> <a href="https://www.courses-for-you.com/course/93/dart-learning-guide" rel="nofollow" title="The Complete Dart Learning Guide [2022 Edition]"> <img src="https://img-c.udemycdn.com/course/100x100/4284484_427a_5.jpg" alt="The Complete Dart Learning Guide [2022 Edition]" style="max-width: 100%;" loading="lazy"> </a> </div> <div class="col-md-8 col-xs-9"> <a href="https://www.courses-for-you.com/course/93/dart-learning-guide" title="The Complete Dart Learning Guide [2022 Edition]"> The Complete Dart Learning Guide [2022 Edition] </a> </div> </div> <hr style="margin: 0px"> <div class="row"> <div class="col-md-4 col-xs-3"> <a href="https://www.courses-for-you.com/course/94/dart-programming-tutorial-learn-the-dart-for-flutter" rel="nofollow" title="Dart Programming Tutorial | Learn the Dart for Flutter"> <img src="https://img-c.udemycdn.com/course/100x100/3067440_c741.jpg" alt="Dart Programming Tutorial | Learn the Dart for Flutter" style="max-width: 100%;" loading="lazy"> </a> </div> <div class="col-md-8 col-xs-9"> <a href="https://www.courses-for-you.com/course/94/dart-programming-tutorial-learn-the-dart-for-flutter" title="Dart Programming Tutorial | Learn the Dart for Flutter"> Dart Programming Tutorial | Learn the Dart for Flutter </a> </div> </div> <hr style="margin: 0px"> <div class="row"> <div class="col-md-4 col-xs-3"> <a href="https://www.courses-for-you.com/course/116/kotlin-" rel="nofollow" title="Kotlin for Beginners: Learn Programming With Kotlin"> <img src="https://img-c.udemycdn.com/course/100x100/669052_dd6b_4.jpg" alt="Kotlin for Beginners: Learn Programming With Kotlin" style="max-width: 100%;" loading="lazy"> </a> </div> <div class="col-md-8 col-xs-9"> <a href="https://www.courses-for-you.com/course/116/kotlin-" title="Kotlin for Beginners: Learn Programming With Kotlin"> Kotlin for Beginners: Learn Programming With Kotlin </a> </div> </div> <hr style="margin: 0px"> <div class="row"> <div class="col-md-4 col-xs-3"> <a href="https://www.courses-for-you.com/course/127/kotlin-programming" rel="nofollow" title="The Kotlin Language: Fundamentals and Basics"> <img src="https://img-c.udemycdn.com/course/100x100/1220288_9f10_3.jpg" alt="The Kotlin Language: Fundamentals and Basics" style="max-width: 100%;" loading="lazy"> </a> </div> <div class="col-md-8 col-xs-9"> <a href="https://www.courses-for-you.com/course/127/kotlin-programming" title="The Kotlin Language: Fundamentals and Basics"> The Kotlin Language: Fundamentals and Basics </a> </div> </div> <hr style="margin: 0px"> <div class="row"> <div class="col-md-4 col-xs-3"> <a href="https://www.courses-for-you.com/course/131/swiftui-" rel="nofollow" title="SwiftUI - Learn How to Build Beautiful, Robust, Apps"> <img src="https://img-c.udemycdn.com/course/100x100/2398666_8861_7.jpg" alt="SwiftUI - Learn How to Build Beautiful, Robust, Apps" style="max-width: 100%;" loading="lazy"> </a> </div> <div class="col-md-8 col-xs-9"> <a href="https://www.courses-for-you.com/course/131/swiftui-" title="SwiftUI - Learn How to Build Beautiful, Robust, Apps"> SwiftUI - Learn How to Build Beautiful, Robust, Apps </a> </div> </div> <hr style="margin: 0px"> <div class="row"> <div class="col-md-4 col-xs-3"> <a href="https://www.courses-for-you.com/course/146/machinelearning" rel="nofollow" title="Machine Learning A-Z™: Hands-On Python & R In Data Science"> <img src="https://img-c.udemycdn.com/course/100x100/950390_270f_3.jpg" alt="Machine Learning A-Z™: Hands-On Python & R In Data Science" style="max-width: 100%;" loading="lazy"> </a> </div> <div class="col-md-8 col-xs-9"> <a href="https://www.courses-for-you.com/course/146/machinelearning" title="Machine Learning A-Z™: Hands-On Python & R In Data Science"> Machine Learning A-Z™: Hands-On Python & R In Data Science </a> </div> </div> <hr style="margin: 0px"> </div> </div> <div class="widget"> <!-- Sidebar 2 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8157566539848288" data-ad-slot="8522429254" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="widget m-panel mt-25"> <h3 class="sidebarTitle list-group-heading text-primary"><i class="fa fa-newspaper-o"></i> Recent Posts </h3> <div class="row"> <div class="col-md-12"> <a href="https://www.courses-for-you.com/news/what-job-opportunities-will-you-have-after-getting-a-psychology-degree-454"> <img src="https://www.courses-for-you.com/images/uploads/thumbs/11.jpeg" width="100%" loading="lazy" title="What Job Opportunities Will You Have After Getting a Psychology Degree?" alt="What Job Opportunities Will You Have After Getting a Psychology Degree?"> </a> </div> <div class="col-md-12"> <h2 style="line-height: 23px;"> <a href="https://www.courses-for-you.com/news/what-job-opportunities-will-you-have-after-getting-a-psychology-degree-454" rel="nofollow" style="font-size: 22px;" title="What Job Opportunities Will You Have After Getting a Psychology Degree?">What Job Opportunities Will You Have After Getting a Psychology Degree?</a> </h2> These days, every third person is in need of a psychologist. Anxiety, panic attacks, insomnia and depression have become quite common among children, adults, and ... <br> <a class="text-primary" href="https://www.courses-for-you.com/news/what-job-opportunities-will-you-have-after-getting-a-psychology-degree-454" rel="nofollow" title="What Job Opportunities Will You Have After Getting a Psychology Degree?"> Read more <i class="fa fa-caret-right"></i> </a> </div> </div> <div class="row"> <div class="col-md-12"> <a href="https://www.courses-for-you.com/news/top-online-woodworking-courses-to-enroll-in-2022-24"> <img src="https://www.courses-for-you.com/images/uploads/thumbs/Woodworking-Masterclasses_11zon.png" width="100%" loading="lazy" title="Top Online Woodworking Courses To Enroll In 2022" alt="Top Online Woodworking Courses To Enroll In 2022"> </a> </div> <div class="col-md-12"> <h2 style="line-height: 23px;"> <a href="https://www.courses-for-you.com/news/top-online-woodworking-courses-to-enroll-in-2022-24" rel="nofollow" style="font-size: 22px;" title="Top Online Woodworking Courses To Enroll In 2022">Top Online Woodworking Courses To Enroll In 2022</a> </h2> Gone are the days when studying carpentry and woodworking required a lot of effort and was physically demanding. There is now a plethora of online ... <br> <a class="text-primary" href="https://www.courses-for-you.com/news/top-online-woodworking-courses-to-enroll-in-2022-24" rel="nofollow" title="Top Online Woodworking Courses To Enroll In 2022"> Read more <i class="fa fa-caret-right"></i> </a> </div> </div> <div class="row"> <div class="col-md-12"> <a href="https://www.courses-for-you.com/news/pardot-vs-hubspot-which-is-the-best-marketing-platform-458"> <img src="https://www.courses-for-you.com/images/uploads/thumbs/11-17.png" width="100%" loading="lazy" title="Pardot vs HubSpot: which is the best marketing platform?" alt="Pardot vs HubSpot: which is the best marketing platform?"> </a> </div> <div class="col-md-12"> <h2 style="line-height: 23px;"> <a href="https://www.courses-for-you.com/news/pardot-vs-hubspot-which-is-the-best-marketing-platform-458" rel="nofollow" style="font-size: 22px;" title="Pardot vs HubSpot: which is the best marketing platform?">Pardot vs HubSpot: which is the best marketing platform?</a> </h2> Pardot vs HubSpot has always been a debate. Both of them are elite marketing platforms yet there must be one superior to the other. In ... <br> <a class="text-primary" href="https://www.courses-for-you.com/news/pardot-vs-hubspot-which-is-the-best-marketing-platform-458" rel="nofollow" title="Pardot vs HubSpot: which is the best marketing platform?"> Read more <i class="fa fa-caret-right"></i> </a> </div> </div> <div class="row"> <div class="col-md-12"> <a href="https://www.courses-for-you.com/news/is-it-possible-to-become-a-social-worker-with-online-courses-438"> <img src="https://www.courses-for-you.com/images/uploads/thumbs/11-6.jpeg" width="100%" loading="lazy" title="Is it possible to become a social worker with online courses?" alt="Is it possible to become a social worker with online courses?"> </a> </div> <div class="col-md-12"> <h2 style="line-height: 23px;"> <a href="https://www.courses-for-you.com/news/is-it-possible-to-become-a-social-worker-with-online-courses-438" rel="nofollow" style="font-size: 22px;" title="Is it possible to become a social worker with online courses?">Is it possible to become a social worker with online courses?</a> </h2> Many people wonder about this question. How effective is online learning? I would say, why not? There is online learning for everything. The world has ... <br> <a class="text-primary" href="https://www.courses-for-you.com/news/is-it-possible-to-become-a-social-worker-with-online-courses-438" rel="nofollow" title="Is it possible to become a social worker with online courses?"> Read more <i class="fa fa-caret-right"></i> </a> </div> </div> <div class="row"> <div class="col-md-12"> <a href="https://www.courses-for-you.com/news/valuable-experiences-to-prepare-for-financial-investment-338"> <img src="https://www.courses-for-you.com/images/uploads/thumbs/11-17.png" width="100%" loading="lazy" title="Valuable Experiences To Prepare For Financial Investment" alt="Valuable Experiences To Prepare For Financial Investment"> </a> </div> <div class="col-md-12"> <h2 style="line-height: 23px;"> <a href="https://www.courses-for-you.com/news/valuable-experiences-to-prepare-for-financial-investment-338" rel="nofollow" style="font-size: 22px;" title="Valuable Experiences To Prepare For Financial Investment">Valuable Experiences To Prepare For Financial Investment</a> </h2> Finance is an attractive field, which has been attracting a lot of people to learn and participate. But like any other field, before entering a ... <br> <a class="text-primary" href="https://www.courses-for-you.com/news/valuable-experiences-to-prepare-for-financial-investment-338" rel="nofollow" title="Valuable Experiences To Prepare For Financial Investment"> Read more <i class="fa fa-caret-right"></i> </a> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12"> <!-- Bottom page --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8157566539848288" data-ad-slot="3489594422" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> <div class="container-fluid pt-5" id="footer"> <div class="container"> <div class="row py-2"> <div class="col-12 col-md-4 m-0"> <div class="mb-3 font-big text-primary">Courses-For-You.Com</div> <p> By connecting students worldwide with the best online courses, <strong>Courses-For-You.Com</strong> is helping individuals achieve their goals and pursue their dreams </p> </div> <div class="col-12 col-md-4 m-0"> <div class="font-big text-primary mb-3">Contact us</div> <p class="mb-1">Follow us</p> <p> <span class="mr-2"><a href="#" rel="nofollow"><i class="fa fa-facebook fa-2x"></i></a></span> <span class="mr-2"><a href="#" rel="nofollow"><i class="fa fa-twitter fa-2x"></i></a></span> <span class="mr-2"><a href="#" rel="nofollow"><i class="fa fa-youtube fa-2x"></i></a></span> <span class="mr-2"><a href="#" rel="nofollow"><i class="fa fa-instagram fa-2x"></i></a></span> <span class="mr-2"><a href="#" rel="nofollow"><i class="fa fa-pinterest fa-2x"></i></a></span> <span class="mr-2"><a href="#" rel="nofollow"><i class="fa fa-linkedin fa-2x"></i></a></span> </p> </div> <div class="col-12 col-md-4"> <div class="font-big text-primary mb-3">More info</div> <div><a href="https://www.courses-for-you.com/info/about-us">› About Us</a></div> <div><a href="https://www.courses-for-you.com/info/privacy-policy">› Privacy Policy</a></div> <div><a href="https://www.courses-for-you.com/info/terms-of-use">› Terms</a></div> <div><a href="https://www.courses-for-you.com/news" title="Blog">› Blog</a></div> <div><a href="https://www.courses-for-you.com/info/disclaimer" title="Disclaimer">› Disclaimer</a></div> </div> </div> <hr> <footer> <p class="text-center">© 2020 <strong>courses-for-you.com</strong>. All rights reserved</p> </footer> </div> </div> <div class="container"> </div> <div class="modal fade" id="modalPreview" aria-modal="true" role="dialog"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h2 class="modal-title text-primary" style="font-size: 27px"></h2> <button type="button" class="close" data-dismiss="modal" style="position: absolute;top: 24px;right: 15px;">×</button> </div> <div class="modal-body"> <div class="text-center"> <div class="content_before"> <div class="row"> <div class="col-md-12 text-center"> <img class="" src="https://www.courses-for-you.com/images/loading.gif" alt="Loading" width="50px"> </div> </div> </div> <div class="content"> </div> </div> <hr> <h5 class="text-primary mt-3">Get the latest notifications from our website</h5> <form action="" method="POST"> <input type="hidden" name="_token" value="h7BR2cF37YUhUTjJAbvr3C9yeWIHs7uu9r8UXSfT"> <div class="row"> <div class="col-md-6"> <input type="email" class="form-control email-register" name="email" placeholder="Type your email address" required=""> </div> <div class="col-md-6"> <button class="btn btn-primary btn-register-mail" type="submit">Register</button> <button class="btn btn-danger" type="reset">Cancel</button> </div> </div> </form> <hr> <p>Did this information work for you?</p> <h2 class="text-center"> <a href="#" rel="nofollow noopener noreferrer" class="btn-upvote"><i class="fa fa-hand-o-up text-primary"></i></a>   <a href="#" rel="nofollow noopener noreferrer" class="btn-downvote"><i class="fa fa-hand-o-down text-danger"></i></a> </h2> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div> </div> <div class="modal fade" id="modalShare" aria-modal="true" role="dialog"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h2 class="modal-title text-primary" style="font-size: 27px">Share this result</h2> <button type="button" class="close" data-dismiss="modal" style="position: absolute;top: 24px;right: 15px;">×</button> </div> <div class="modal-body"> <h3 class="text-primary mt-3 text-center">Copy the link and share</h3> <div class="row"> <div class="col-md-12 text-center"> <img src="https://www.courses-for-you.com/images/logo.png" alt="Logo" width="150px"> <p class="title-link" style="font-weight: bold;font-size: 20px;"></p> </div> <div class="col-md-6 offset-md-2"> <input type="email" class="form-control url-modal" name="email" readonly placeholder="" required=""> </div> <div class="col-md-3 text-center"> <button class="btn btn-primary btn-copy-url" type="submit"><i class="fa fa-copy"></i> Copy URL</button> </div> </div> <hr> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> <script> $('.share-link').on("click", function () { var dataId = $(this).attr("data-keyword"); var dataUrl = $(this).attr("data-url"); let modal = $('#modalShare'); modal.find('.url-modal').val(dataUrl); modal.find('.title-link').text(dataId); modal.show(); }); $('.btn-copy-url').on('click', function () { let text = $('#modalShare').find('.url-modal').val(); navigator.clipboard.writeText(text); alert("Copied the text: " + text); }); $(".btn-preview").on("click", function () { let d = $(this).data("domain"), t = $(this).data('title'), n = $("#modalPreview"); n.find(".modal-title").text(t), $(".content_before").show(), $(".content").hide(); $.ajax({ url: "https://www.courses-for-you.com/preview", data: {domain: d, title: t} }).done(function (e) { $(".content_before").hide(), $(".content").show(), n.find(".content").html(e) }) }), $(".btn-register-mail").on("click", function (e) { e.preventDefault(); let t = $(".email-register").val(); t ? /^\b[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,4}\b$/i.test(t) ? alert("Thanks " + t + "! We will send you the latest information.") : ($(".email-register").focus(), alert("Please enter valid email!")) : ($(".email-register").focus(), alert("Please enter your email!")) }), $(".btn-upvote").on("click", function () { let nTxt = $(this).parents('.action-button').find('span.number-vote'); let number = nTxt.text(); nTxt.text(parseInt(number) + 1); alert("Upvote successful!") }), $(".btn-downvote").on("click", function () { let nTxt = $(this).parents('.action-button').find('span.number-vote'); let number = nTxt.text(); nTxt.text(parseInt(number) - 1); alert("Downvote successful!") }), $('body').on('click', ".open-link", function () { var dataId = $(this).attr("data-keyword"); var dataUrl = $(this).attr("data-url"); let url = ''; let domain = 'https://www.courses-for-you.com' if (dataId) { url = '/' + dataId; } else { url = dataUrl; } if (dataUrl && dataId) { window.open(domain + '/' + dataId, "_blank"); location.href = dataUrl; } else { location.href = url; } }); </script> </html>