Tailwind CSS: Build a Fully Responsive Portfolio Website || Light & Dark Mode

preview_player
Показать описание
In this video, we'll build a fully responsive portfolio website using tailwind css, from scratch.
The website is fully responsive as well.

💻 Source Code:

☕️ Support me

👇 Social Media:

👨‍💻 Start File

⏱ Timestamps:
0:08 What we are building
4:41 Setup
07:36 Navbar
14:52 Dark Mode
28:18 Hero Section
45:20 My Quality Services
54:20 My Recent Works
1:12:48 Experience & Education
1:21:28 My Skills
1:27:55 Recent Blogs
1:35:55 Contact
1:46:55 Footer
1:49:52 Scroll Up Button
1:53:03 Change Background Header
1:58:00 Active Link
2:02:03 Animation

Images:

📥 Contact:

#tailwindcss #css #tutorial #lightcode
  1. Light Code
  2. tailwind css cdn
  3. tailwind css card
  4. tailwind css tutorial
  5. tailwind css templates
  6. tailwind css components
Рекомендации по теме
Tailwind CSS Full 2:49:57

Tailwind CSS Full Course 2023 | Build and Deploy a Nike Website

Tailwind CSS: Build 2:00:01

Tailwind CSS: Build and Deploy a Fully Responsive Website with Modern UI/UX

How To Make 0:31:20

How To Make A Website With Tailwind CSS Step By Step Tutorial For Beginners

Build any layout 0:34:28

Build any layout with tailwind | crash course

Tailwind CSS: Build 2:22:59

Tailwind CSS: Build and Deploy a Fully Responsive Burger Website || Light & Dark Mode

Tailwind CSS: Build 2:10:55

Tailwind CSS: Build a Fully Responsive Portfolio Website || Light & Dark Mode

Build and Deploy 1:02:13

Build and Deploy Fully Responsive Landing Page: React + Tailwind CSS

The BEST Way 0:16:56

The BEST Way to Create Responsive Design with Tailwind CSS (2023)

Tailwind CSS Full 4:11:59

Tailwind CSS Full Course | Build an AI Saas Website

Build a Modern 1:50:04

Build a Modern Landing Page With Tailwind CSS

Master Tailwind CSS 3:47:25

Master Tailwind CSS By Building 3 Projects | Tailwind CSS Complete Course | #huxnwebdev

Tailwind CSS Build 1:10:53

Tailwind CSS Build and Deploy a Fully Responsive Perfume Website

Build and Deploy 1:57:20

Build and Deploy a Modern Landing Page Using Tailwind CSS

Learn Tailwind CSS 4:12:18

Learn Tailwind CSS – Course for Beginners

Ultimate Tailwind CSS 0:12:56

Ultimate Tailwind CSS Tutorial // Build a Discord-inspired Animated Navbar

Build a Website 0:46:56

Build a Website with Tailwind CSS | Project Tutorial

How to Set 0:07:04

How to Set up Tailwind CSS Project for Beginners from Scratch

Build and Deploy 2:17:37

Build and Deploy a Fully Responsive Website with Modern UI/UX in React JS with Tailwind

Build a Modern 0:34:00

Build a Modern Website with Tailwind CSS and HTML: A Step-by-Step Tutorial

💥Tailwind CSS Easy 0:38:36

💥Tailwind CSS Easy Peasy Tutorial: Ultimate Web Design Secret!

Tailwind CSS Full 3:00:19

Tailwind CSS Full Course for Beginners | Complete All-in-One Tutorial | 3 Hours

How to make 0:18:13

How to make a responsive navbar with tailwind css | tailwind css tutorial | #tailwindcss

Tailwind CSS Full 3:45:32

Tailwind CSS Full Course 2024 in Hindi | Build and Deploy This Modern Website

How to Build 0:00:52

How to Build Projects With Tailwind CSS? 🤔

Комментарии
Автор

This video absolutely awesome for learn tailwind everything is showing in details thanks a bunch ❤❤

shahiahmed
Автор

npm run watch does not work on my mac . plz help me

srs
Автор

sir, can i know from where ypu have downloaded the W logo?

uppalaharini
Автор

After doing the layer base in input.css the colour has appeared but the logo and navigation bar are disappeared i even opened the chrome in full-screen on my mac but still nothing plss help i have done everything same step by step

sujaykumar
Автор

I completed this video today. Can I use this code for my portfolio?

MightyRaju-ld