How To Design A One Page Website From Scratch | Figma To Real Website [FULL COURSE]

How To Design A One Page Website From Scratch | Figma To Real Website [FULL COURSE]

This is a compilation of all the videos in our tutorial series where we designed a complete Responsive One Page Website from scratch using HTML, CSS, and JavaScript following a Figma design.

Hi guys, this is a compilation of all the videos in our tutorial series where we designed a complete Responsive One Page Website from scratch using HTML, CSS, and JavaScript following a Figma design.

If you found this video useful, please click on the like button and also share this video with your friends and also don't forget to Subscribe to this channel for the latest video notifications. Thank you :)


Timestamps:

  1. Course Introduction - 0:00
  2. Website Demo - 0:52
  3. Setting Up - 4:18
  4. Header HTML - 12:01
  5. Header CSS - 20:43
  6. Header Animation - 41:53
  7. Brands Section - 52:52
  8. About and Projects Section - 59:26
  9. Testimonials Section - 1:07:21
  10. Contact Us Section - 1:20:55
  11. Footer - 1:25:51
  12. Navigation Menu Functionality - 1:36:44
  13. Responsive Design - 1:51:24
  14. Mobile Navigation - 2:13:06
  15. Hosting - 2:23:13

figma html css web-development javascript

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Hire Dedicated JavaScript Developers -Hire JavaScript Developers

Hire dedicated JavaScript Developers who are proficient in AngularJS, ReactJS, NodeJS, & VueJS frameworks. Get flexible hiring models as per your business requirements.

Web Application Tutorial | Web Development Tutorial with HTML CSS JavaScript and PHP

Learn Web Development using HTML, CSS, Javascript, and PHP from renowed professor. Web app: An interactive computer program, built with web technologies (HTML, CSS, JS), which stores (Database, Files) and manipulates data (CRUD), and is used by a team or single user to perform tasks over the internet

Hire CSS Developer

Want to develop a website or re-design using CSS Development? We build a website and we implemented CSS successfully if you are planning to **[Hire CSS Developer](https://hourlydeveloper.io/hire-dedicated-css-developer/ "Hire CSS Developer")**...

Slideshow with HTML, CSS, and JavaScript / How to Create a Slideshow with HTML, CSS, and JavaScript

In this tutorial, we will build a Slideshow of the Social Media Icons with HTML, CSS, and JavaScript

Image slider in HTML, CSS and, JavaScript || Carousel in HTML, CSS, and, JavaScript

Create a simple and responsive image slider or carousel using HTML, CSS, and javaScript.