Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Web Design Master - Ultimate Guid for Landing Page Designer
Rating: 5.0 out of 5(1 rating)
408 students

Web Design Master - Ultimate Guid for Landing Page Designer

Become a Complete master of web design within one course only. Building 3 Projects start to end. Bootstrap 5, HTML, CSS
Created byNaeem Hussain
Last updated 9/2023
English

What you'll learn

  • Building 3 Projects - Complete Landing pages Website, For helping you ready to web designing work
  • After this course you will be able to create any website design
  • Learning lasted technology Bootstrap 5, HTML, CSS
  • Learning Deferent 3 Projects designing point of view

Course content

5 sections25 lectures1h 59m total length
  • Introduction to course1:49
  • Visual Studio - Best Freeware Source Code Editor for All OS4:44

Requirements

  • No nothing special you need for this course. Just need your intrest only
  • PC or Laptop with Internet connection
  • VS source code editor Software (Freeware)
  • Basic knowledge of HTML CSS (Optional)

Description


in this Web Design Master  - Ultimate Guid for Landing Page Designer course. If you don't know how to build a website theme then this course you need to help in this way. I am going to start it with how to create bootstrap landing pages. Top navigation bar and bonus section which contains title description and button. Eye catching landing pages.


Web Design Master - Table of Contents

  • Introduction

  • Software installation (Setup)

  • Bootstrap 5

  • Basic information

  • Grid System

  • Spacing margin

  • Spacing padding

  • Images

  • Buttons

  • Text

  • Background Color

  • 1 Project - DSEO

  • 2 project - eHelp

  • 3 project - eTech

  • Download all 3 Projects Source Codes


1 -  Project - DSEO Landing page

I have created this project with the help of bootstrap compiled CSS and JavaScript files. Added background image and front end image in the row and column. Exactly at the center of the screen size in mobile laptop or any screen. It will display in responsive mood. This project also content in Navigation bar of canvas as well as other section which contain title description and button with light background

2 - Project - eHelp Landing Page

In this project top navigation bar which contain. The toggler button and it is responsive web template after that I have created source code of header background fixed image. It is cover image and which content overlay of Guardian eye catching color okay after that we have place exact it into the Centre some contents with dark button.

3 - Project - eTech Landing Page

This project just has one row in the header and two middle columns and first right hand side column contain descriptions and second column. which contain a transparent image with background I kissing color. It is web page have top navigation bar border bottom contain and toggler button which has off canvas.

Conclusion

I tried hard to explain each and everything step by step line by line Code by code to the point to the topic. I will not waste my student time. Just typing source code. once student watch my complete course definitely, he will able to create some learning pages and design website web template with confidence.


Who this course is for:

  • If you want to become professional web designer this course is for you
  • If you want to learn how to build website themes then you are perfect for this course