Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development CSS

Create a Responsive Website with a Blog Page from Scratch

Create a Creative Agency Website by using HTML5, CSS3, and Bootstrap (Train your fingers muscles)
Rating: 2.7 out of 52.7 (2 ratings)
795 students
Created by Majd Elaila
Last updated 9/2018
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • In this course you will learn step by step all you need to build an eye catching modern website
  • You are going to learn HTML elements and CSS properties, selectors, and features and some Bootstrap
  • You are going to build the website gradually and you will learn during that all the necessary features

Course content

4 sections • 41 lectures • 4h 21m total length

  • Preview03:00
  • Preview06:01
  • Websites HTML Main Layout
    03:30
  • Project Files Structure
    01:32

  • Basic Layouts and the Head Elements
    04:49
  • Basic Styling
    04:26
  • Header and Navigation Menu
    07:28
  • Selection and Background Image Styling
    04:05
  • Preview03:24
  • Logo Styling and Scrolling Functionality
    07:52
  • Navigation Menu Styling
    17:19
  • Header Content Styling
    03:08
  • About Section Coding
    05:25
  • About Section Styling
    05:00
  • Portfolio Section Coding
    06:36
  • Portfolio Section Styling
    07:29
  • Service Section Coding
    04:28
  • Service Section Styling
    04:04
  • Why Choose Us Section Coding
    04:45
  • Why Choose Us Section Styling
    10:14
  • Numbers Section Coding
    04:26
  • Numbers Section Styling
    01:15
  • Pricing Table Section Coding
    05:16
  • Pricing Table Section Styling
    08:24
  • Preview05:06
  • Testimonial Section Styling
    02:32
  • Team Section Coding
    03:14
  • Team Section Styling
    09:20
  • Blog Section Coding and Styling
    09:30
  • Contact Section Coding
    05:27
  • Contact Section Styling
    08:34
  • Footer Section Coding
    05:17
  • Footer Section Styling
    03:11

  • Blog Single Top Side Coding
    04:28
  • Blog Single Top Side Styling
    01:46
  • Blog Single Left Side Coding
    16:52
  • Blog Single Left Side Styling
    15:06
  • Blog Single Right Side (Aside) Coding
    07:38
  • Preview08:53

  • Responsive Feature
    10:33
  • Back to Top Button and Preloader Effect
    09:50

Requirements

  • Previous knowledge of HTML and CSS basics is required in order to follow the code while creating the project.
  • You can use Sublime Text, Visual Studio Code, or any other editor.

Description

This course aims to build your knowledge in elements and properties of both HTML and CSS Markup languages by practicing how to use them, and to make you comfortable enough while you are coding your future websites. Also, the bootstrap is used to add the Responsiveness, Icons, and flexibility  to the website. You will learn how to build a blog during the journey and what is more, you will learn how to build a carousel, back to top, and preloader for the website to make it even more interactive. This course is hands on action course without slides and long explanations, you will simply learn by doing and figuring out what is each about.

Who this course is for:

  • Bloggers, Beginners, and Intermediate students
  • Anyone passionate enough to start learning web development
  • Developers who want to sharpen their knowledge and refresh their memory

Instructor

Majd Elaila
Automotive Systems Engineer
Majd Elaila
  • 2.7 Instructor Rating
  • 2 Reviews
  • 796 Students
  • 1 Course

I'm an Automotive Systems and Mechatronics Engineer who is interested in languages, research and programming. I live in Germany since 2018 and I know how important is to learn the language to be part of the culture and the community.

I hope you enjoy my courses and I want to give the students an amazing learning experience with satisfactory results and joy. 


See you inside the courses!

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.