HTML5, CSS3, BOOTSTRAP4 and BOOTSTRAP5

courses_09

In our first module you will be learning about HTML5, CSS3 and Bootstrap 4 After the completion of first module you’ll know all the basic front end technologies The first module contains 23 projects, 13 capstone projects and 350 challenges. Detailed information about the module is given below

What You`ll Learn in This Section

    • Project Setup
    • Download Images
    • Logo, Heading, Navigation
    • Home Page Completed
    • About Page
    • Numbers Page
    • Contact Page
    • Finished Project Code

    • Font Awesome Update! Setup
    • Setup
    • Header HTML
    • Header CSS
    • Header Animation
    • Content Divider
    • Skills HTML
    • Live Server Fix
    • Skills CSS
    • About HTML
    • About CSS
    • Products HTML
    • Products CSS
    • Contact HTML
    • Adding font–family
    • Contact CSS
    • Read more...

    • Setup
    • Source Code
    • Add Font Awesome
    • Add Favicon
    • Add Google Fonts
    • Global CSS
    • Hero Html
    • About Css
    • Services Html
    • Services Css
    • Featured Tours Html
    • Featured Tours Css
    • Gallery Html
    • Deals Html
    • Deals Css
    • Read more...

    • Setup
    • Basic Syntax- Grid Templete Columns
    • Implicit Grid
    • General CSS Setup
    • Units – auto grid–
    • template–rows fr
    • units
    • gap property
    • fr vs %
    • Firefox Developer Tools
    • grid–lines
    • Naming Grid Lines
    • Grid Template Areas
    • Order Property
    • Repeat Function
    • Read more...

    • Setup
    • Navbar
    • Banner
    • Skills
    • Services Html
    • Services CSS
    • Project Html
    • Project Css
    • Filler Section
    • Posts HTML
    • Posts CSS
    • Footer

    • Project Setup
    • Banner HTML
    • Banner NAV CSS
    • Header Nav Responsive
    • Banner CSS
    • Skills HTML
    • Skills CSS
    • Title Styling
    • Skills Responsive Flexbox
    • About HTML
    • About CSS
    • About Responsive Flexbox
    • Read more...

    • Setup Files
    • Ninja Coding – Project Setup
    • Ninja Coding – Header HTML
    • Ninja Coding – Nav CSS
    • Ninja Coding – Banner CSS
    • Ninja Coding – Navbar Transparent
    • Nav Smooth Scrolling
    • Ninja Coding – Skills Section
    • Ninja Coding – About Section
    • Ninja Coding – Header Section
    • Ninja Coding – Team Section
    • Ninja Coding – Team Owl
    • Ninja Coding – Customers Sec
    • Ninja Coding – Contact Section

    • Project Setup
    • Header HTML
    • NAV CSS
    • NAV Responsive
    • NAV Toggler Button jQuery
    • Additional Navbar Features
    • Header, Banner CSS
    • Icon Section
    • Section Title
    • Skills Section
    • Skills Responsive Flexbox
    • Skills Responsive Grid
    • Form Section
    • Isotope.js jQuery Plugin
    • Work Html
    • Work Css
    • Work Section adding Isotope.js
    • Read more...

    • Setup Files
    • Banner HTML
    • Banner CSS
    • About HTML
    • About CSS
    • Services HTML
    • Services CSS
    • Numbers HTML
    • Numbers CSS
    • Projects HTML
    • Projects CSS
    • Contact HTML
    • Contact CSS
    • Footer
    • Navbar HTML
    • Navbar CSS
    • Navbar IS
    • Navbar Media Screen

    • Project Setup
    • Nav Top Container
    • Top Nav Response
    • App Responsive
    • Songs List
    • Songs Section
    • Songs Owl Carousel

    • Building the Header
    • Creating Cool CSS Animations
    • Building a Complex Animated Button
    • Section Intro
    • How CSS is Parsed, The Cascade and Specificity
    • Specificity in Practice
    • How CSS is Parsed ¦ Value Processing
    • How CSS is Parsed ¦ Inheritance
    • Converting px to rem¦ An Effective Workflow
    • How CSS Renders a Website¦ The Visual Formatting Model
    • CSS Architecture, Components and BEM
    • Implementing BEM in the Natours Project
    • Implementing BEM in the Natours Project
    • First Steps with Sass¦ Variables and Nesting
    • First Steps with Sass¦ Mixins, Extends and Functions
    • A Brief Introduction to the Command Line
    • NPM Packages¦ Let's Install Sass Locally
    • NPM Scripts¦ Let's Write and Compile Sass Locally
    • Read more...

    • Defining Project Settings and Custom Properties
    • Building the Overall Layout
    • Building the Header
    • Building the Navigation
    • Building the Hotel Overview
    • Building the Description Section
    • Building the User Reviews Section
    • Building the CTA Section
    • Writing Media Queries
    • Wrapping up the PC Hotel
    • Project¦ Final Consideration

    • Project Overview and Setup
    • Building the Overall Layout
    • Building the Features Section
    • Building the Story Section
    • Building the Homes Section
    • Building the Gallery
    • Building the Footer
    • Building the Sidebar
    • Building the Header
    • Building the Retailer Section
    • Writing Media Queries
    • Browser Support for CSS Grid ZameenDotCom Project¦ Final Considerations
    • Gana Bajana Project – Top Nav Response
    • Gana Bajana Project – App Responsive
    • Gana Bajana Project – Songs List
    • Gana Bajana Project – Songs Section
    • Gana Bajana Project – Songs Owl Carousel

    • Setup
    • Navbar HTML
    • Navbar CSS
    • Banner
    • About Section
    • Store Section
    • Services Section
    • Order Section
    • Footer Section
    • Cart
    • Deploy and CSS

    • Navbar
    • Header HTML
    • Header CSS
    • About HTML
    • About CSS
    • Featured Section
    • Contact Section
    • Services HTML
    • Services CSS
    • Gallery HTML
    • Gallery CSS
    • Virtual Tour Section
    • Nearby Places Section
    • Footer

    • Navbar HTML
    • Navbar CSS
    • Banner HTML
    • Banner CSS
    • Featured HTML
    • Featured CSS
    • Partners Carousel Section
    • Newsletter Section
    • Skills Section
    • Footer
    • Populate Remaining Pages
    • Services Section
    • Home Page – Categories HTML
    • Home Page – Categories CSS
    • Read more...

    • Setup
    • Navbar Html
    • Navbar CSS
    • Header HTML
    • Header CSS
    • Section Title
    • Skills Section
    • Prelaoder
    • Inventory Section
    • Question Section
    • Featured Section
    • Gallery Section
    • Contact Section
    • Video Container
    • Services Items
    • Quotes Section
    • Footer Section

    • Project Setup
    • Social Icons Section
    • Header HTML
    • Header CSS
    • Header Animation
    • Header Ripple Effect
    • Special Items Magnific Popup
    • Special Items HTML
    • Special CSS
    • Menu Section
    • About Section
    • Review Section
    • Team Section
    • Contact Section HTML
    • Contact Section CSS
    • Footer and Back To Top Button
    • Navbar HTML
    • Navbar CSS
    • Navbar IS

    • Setup
    • Top Icons
    • Navbar HTML
    • Navbar CSS
    • Navbar ls Functionality
    • Slider Section
    • Skills Section
    • About Section Modal Video
    • About Section Progress Part
    • Projects Section HTML and –Isotope.js
    • Projects Section CSS
    • Current Project Section
    • Posts Section
    • Contact Form Sectio
    • Values Section
    • Reviews Section
    • Team Section
    • Numbers Section
    • Form And Footer Section

    • Netsol Project Setup
    • Netsol Navbar HTML
    • Netsol Navbar CSS
    • Netsol Banner HTML
    • Netsol Banner CSS
    • Netsol Banner After
    • Netsol Banner Icons
    • Netsol Services HTML
    • Netsol Services CSS
    • Netsol Contact Section
    • Netsol Work HTML
    • Netsol Work CSS
    • Netsol Work Plugin
    • Netsol About HTML
    • Netsol About CSS
    • Netsol Projects HTML
    • Netsol Projects CSS
    • Netsol Numbers Section
    • Netsol Team Section
    • Netsol Progress Bar Section
    • Netsol Pricing HTML
    • Netsol Pricing CSS
    • Netsol Quotes Section
    • Netsol Quotes Owl Carousel
    • Netsol Footer

    • Setup
    • Slidebar Section
    • Main Top Section
    • Owl Carousel Section
    • Main Table Section
    • Second Owl Carousel
    • Adding Extra Pagen

    • Setup
    • Navbar HTML
    • Navbar CSS
    • Sidebar
    • Cards Html
    • Cards CSS
    • Charts

    • Banner Section
    • First Filler Section
    • Skills Section
    • Second Filler Section
    • Basic Portfolio Section
    • Third Filler Section
    • Basic Cards Section
    • Background Photo Section
    • Team Section
    • Banner Form Section
    • Photos About Section
    • Second Banner Forms Section
    • Masonry Section
    • Pricing Cards
    • Second Skills Section
    • Form Filler Section
    • Second Projects Section
    • About Section
    • Read more...

Who This Course is for

This is for anyone who has taken prep class and now has basic knowledge of coding.

Overview

  • Projects: 23
  • Duration: 4 months
  • Capstone Projects: 13
  • 20+ Assignments
  • 350+ challenges
Curriculum is empty