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 Mindfulness Personal Development Personal Transformation Meditation 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 Blogging Freelancing 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 Flexbox

Create a professional one page website using CSS Flexbox

Modern Responsive One Page Website using CSS Flexbox, jQuery and Bootstrap 4
Rating: 4.4 out of 54.4 (20 ratings)
2,903 students
Created by Victor Simion
Last updated 11/2018
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Create a modern and responsive one page website
  • Learn CSS Flexbox in detail by building reponsive one page site.
  • Creating one page menu with anchors to sections, with smooth transitions using JavaScript.
  • Creating mobile menu using JavaScript.

Course content

4 sections • 28 lectures • 2h 6m total length

  • Preview02:02
  • Preview01:42

  • Preview02:03
  • Preview02:25
  • Preview02:30
  • Creating the HTML for menu and sections
    05:04
  • Styling the menu
    04:54
  • Creating the hero section
    05:05
  • Including Font Awesome
    02:46
  • Creating the Service Section - HTML
    03:15
  • Styling the Service Section using CSS
    05:38
  • Creating the About Us Section
    05:57
  • Creating the Testimonails Section
    09:11
  • Small fix to Testimonials + small challenge
    01:33
  • Creating the Events Section
    05:25
  • Creting the Contact Section
    10:32
  • Creating the Footer
    07:30
  • Creating the Sub Footer Challenge
    02:07

  • Creating the menu smooth scroll for each section
    05:52
  • Make menu active on scroll
    04:16
  • Make menu active on scroll - explanations
    04:22
  • Creating the mobile menu - HTML part
    02:44
  • Mobile Menu - CSS part
    09:52
  • Mobile Menu - JS part
    07:08

  • Introduction to Responsive Web Design
    01:02
  • Making the 3 column layout and testimonials sections responsive
    07:48
  • Small fix to make to contact form looking better on any resolution
    01:45
  • Small improvement
    02:00

Requirements

  • Basic HTML, CSS and JavaScript

Description

The practical approach by building a professional one page modern and responsive website using CSS Flexbox and jQuery and Bootstrap 4.

This course is designed to help you master and understand: HTML, CSS, JQuery by building a project.


The main subject is CSS Flexbox.

But you will also learn and apply jQuery.


After this course you will have a project to add at your portfolio, and also know how to use the other technologies to create professional looking page templates.


Before starting this course you should have a basic understanding in: HTML, CSS and JavaScript.


Who this course is for:

  • People willing to create a professional one page website, which is responsive and modern looking.
  • People willing to get a job in web development
  • People who want to use CSS FlexBox and master it.
  • People who want to take their HTML, CSS and JavaScript to the next level and become a professional web developer.

Instructor

Victor Simion
Web Developer
Victor Simion
  • 4.2 Instructor Rating
  • 196 Reviews
  • 8,738 Students
  • 5 Courses

Hi, I am Victor and I work as a Web Developer. I finished Computer Engineering and I have a passion for programming. I like learning new things everyday.

I work mainly using the following technologies: HTML, CSS, Bootstrap, Javascript, jQuery, PHP.

And I mostly develop websites using WordPress.

I have a passion to share my knowledge to others and help them achieve their success. I think my teaching style is accessible for absolute beginners as well as for the experienced ones. 


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