- 38
- 6 803
Code With Kaveeh
Sri Lanka
เข้าร่วมเมื่อ 12 เม.ย. 2023
Welcome to Code with Kaveesh, a channel dedicated to all things web development and technology. Here, you'll find easy-to-follow tutorials, coding challenges, and insightful tips and tricks to help you learn and improve your coding skills. Whether you're a beginner or an experienced developer, you'll find valuable resources to help you build your knowledge and stay up-to-date with the latest industry trends.
Our content covers a range of topics, including programming languages, web design, app development, software engineering, and more. We're passionate about helping our viewers succeed in the tech industry and achieve their coding goals.
Join our community of coders, designers, and tech enthusiasts as we explore the endless possibilities of technology together. Don't forget to subscribe to our channel and hit the notification bell to stay updated on our latest videos. Let's Code with Bella!
Our content covers a range of topics, including programming languages, web design, app development, software engineering, and more. We're passionate about helping our viewers succeed in the tech industry and achieve their coding goals.
Join our community of coders, designers, and tech enthusiasts as we explore the endless possibilities of technology together. Don't forget to subscribe to our channel and hit the notification bell to stay updated on our latest videos. Let's Code with Bella!
Modern Login page HTML CSS | HTML CSS Login Form
Experience the perfect blend of creativity and functionality with this sleek and modern login page design! Built using cutting-edge technologies like HTML, CSS this design features a mesmerizing video background, smooth animations, and a user-friendly interface. Perfect for beginners and experienced developers alike, this project is designed to ignite your creativity.
Technologies & Tools Used:
HTML5: Structure and layout.
CSS3: Styling and responsive design.
Google Fonts: Poppins font for a clean and modern look.
Download the project folder and explore the code to kickstart your own amazing designs. Don’t forget to like, comment, and subscribe for more innovative web design tutorials!
Download Project Folder: drive.google.com/drive/folders/1GO5PXNDb7m7_L4YYn_S0OeETboMOlOqJ?usp=sharing
Hashtags:
#ModernLoginPage #WebDesignInspiration #HTMLCSSJavaScript #VideoBackgroundDesign #CreativeUI #FrontendDevelopment #ResponsiveWebDesign #WebDevelopmentResources #UIDesignTrends #CodingTutorials #WebDevelopmentTips #TechDesignIdeas #DeveloperInspiration #FreeProjectFiles #CreativeWebDesign
Technologies & Tools Used:
HTML5: Structure and layout.
CSS3: Styling and responsive design.
Google Fonts: Poppins font for a clean and modern look.
Download the project folder and explore the code to kickstart your own amazing designs. Don’t forget to like, comment, and subscribe for more innovative web design tutorials!
Download Project Folder: drive.google.com/drive/folders/1GO5PXNDb7m7_L4YYn_S0OeETboMOlOqJ?usp=sharing
Hashtags:
#ModernLoginPage #WebDesignInspiration #HTMLCSSJavaScript #VideoBackgroundDesign #CreativeUI #FrontendDevelopment #ResponsiveWebDesign #WebDevelopmentResources #UIDesignTrends #CodingTutorials #WebDevelopmentTips #TechDesignIdeas #DeveloperInspiration #FreeProjectFiles #CreativeWebDesign
มุมมอง: 33
วีดีโอ
How to make a Profile Card Using HTML and CSS | Profile Card | HTML CSS
มุมมอง 4316 ชั่วโมงที่ผ่านมา
Learn how to create a sleek and modern profile card using HTML and CSS in Visual Studio Code! This beginner-friendly tutorial will guide you through building a responsive and interactive profile card that’s perfect for portfolios, team pages, or personal websites. 🚀 What You’ll Learn: How to structure a profile card with HTML Modern styling techniques with CSS Adding hover animations for an eng...
HTML CSS Login Page | Transparent Login Form | HTML CSS
มุมมอง 7116 ชั่วโมงที่ผ่านมา
Welcome to my HTML & CSS tutorial! 🚀 In this video, you’ll learn how to create a modern login form with a transparent background, blue borders, and a stylish black overlay on a background image. We’ll also add smooth animations to make the design stand out! What You'll Learn: ✅ Responsive HTML structure for a login form. ✅ Styling with CSS, including transparency and gradients. ✅ Adding a rotat...
Server Side rendering vs Client Side rendering | SSR vs CSR
มุมมอง 246หลายเดือนก่อน
Are you confused about whether to use Server-Side Rendering (SSR) or Client-Side Rendering (CSR) for your next web project? 🤔 Don't worry-we've got you covered! In this video, we’ll break down: ✅ What Server-Side Rendering (SSR) and Client-Side Rendering (CSR) are. ✅ The key differences between SSR and CSR. ✅ The pros and cons of each rendering method. ✅ When to use SSR vs CSR in your web devel...
Create a Colorful Digital Clock with HTML, CSS, and JavaScript | Code with Kaveesh
มุมมอง 406 หลายเดือนก่อน
Welcome back to Code with Kaveesh! 🎉 In today's tutorial, we'll be creating a stunning, colorful digital clock using HTML, CSS, and JavaScript. This project is perfect for beginners and those looking to add a visually appealing widget to their website. We'll cover everything from the basic setup to adding dynamic styles and animations. Follow along to create your own gradient-bordered digital c...
How to Create Analog Clock Using HTML CSS and JavaScript | Html,CSS,Js Analog Clock
มุมมอง 416 หลายเดือนก่อน
🌟 Welcome to Code with Kaveesh! 🌟 In this tutorial, I'll guide you step-by-step on how to create a stunning analog clock using HTML, CSS, and JavaScript. Whether you're a beginner or an experienced developer, this project is a fantastic way to enhance your web development skills. 🔔 What You'll Learn: Setting up the HTML structure for the clock Styling the clock using CSS for a sleek and modern ...
MERN Stack Crud with JWT Authentication Demo | MERN Stack | React JS Node JS, mongoDB
มุมมอง 13510 หลายเดือนก่อน
In this tutorial, we'll build a full-stack MERN (MongoDB, Express.js, React.js, Node.js) application with user authentication. We'll cover the entire process from setting up the project structure to implementing authentication features using JSON Web Tokens (JWT). ⚙️ Project Setup: Set up a new MERN project directory Initialize a Git repository and commit the initial project structure Install n...
Complete responsive personal portfolio website using react JS and tailwind CSS | Part 02
มุมมอง 4910 หลายเดือนก่อน
Welcome to our tutorial on building a stunning personal portfolio website using React.js and Tailwind CSS! In this step-by-step guide, we'll walk you through the process of creating a professional online portfolio to showcase your skills and projects. 🚀 What You'll Learn: Setting up a new React app Styling with Tailwind CSS for sleek designs Creating reusable components for your portfolio secti...
Complete responsive personal portfolio website using react Js and tailwind css | Part 01
มุมมอง 13910 หลายเดือนก่อน
Welcome to our tutorial on building a stunning personal portfolio website using React.js and Tailwind CSS! In this step-by-step guide, we'll walk you through the process of creating a professional online portfolio to showcase your skills and projects. 🚀 What You'll Learn: Setting up a new React app Styling with Tailwind CSS for sleek designs Creating reusable components for your portfolio secti...
React js tailwind CSS responsive Navbar | React tailwind css
มุมมอง 35811 หลายเดือนก่อน
In this comprehensive tutorial, you'll learn how to build a modern and responsive navigation bar using React, and Tailwind CSS. Whether you're a beginner or an experienced developer, this step-by-step guide will walk you through the entire process of creating a sleek and functional navbar for your web applications. 🚀 What You'll Learn: Setting up a React project with Create React App Integratin...
React Tailwind CSS Landing Page | Landing Page For Affiliate Marketing
มุมมอง 14111 หลายเดือนก่อน
In today's tutorial, we'll be building a stunning landing page using React and Tailwind CSS - perfect for your affiliate marketing campaigns. Whether you're a seasoned developer or just starting out, this step-by-step guide will help you create a professional and engaging landing page to boost your affiliate conversions. 🛠️ What You'll Learn: Setting up a React project from scratch Integrating ...
Responsive Sidebar Menu using React js and Tailwind CSS |Sidebar in react tailwind
มุมมอง 58711 หลายเดือนก่อน
Responsive Sidebar Menu using React js and Tailwind CSS |Sidebar in react tailwind
Responsive E-Commerce Website using React js and Tailwind css | React tailwind e commerce app
มุมมอง 52711 หลายเดือนก่อน
Responsive E-Commerce Website using React js and Tailwind css | React tailwind e commerce app
How to create react app using Vite | Faster way create react app
มุมมอง 22311 หลายเดือนก่อน
How to create react app using Vite | Faster way create react app
How to make a navbar with js react and tailwind css | React js project
มุมมอง 30911 หลายเดือนก่อน
How to make a navbar with js react and tailwind css | React js project
Complete and Responsive Gym website Using React js and Tailwind CSS | Landing page for gym
มุมมอง 365ปีที่แล้ว
Complete and Responsive Gym website Using React js and Tailwind CSS | Landing page for gym
Simple Html Tailwind CSS Transparent Button | Html Tailwind Button Hover Effect
มุมมอง 114ปีที่แล้ว
Simple Html Tailwind CSS Transparent Button | Html Tailwind Button Hover Effect
How to Setup Tailwind CSS For HTML | HTML Tailwind CSS Configuration
มุมมอง 22ปีที่แล้ว
How to Setup Tailwind CSS For HTML | HTML Tailwind CSS Configuration
Html CSS Login page | Html Tailwind CSS login page
มุมมอง 69ปีที่แล้ว
Html CSS Login page | Html Tailwind CSS login page
HTML Tailwind CSS Login Page | Transparent Html css login page
มุมมอง 1.4Kปีที่แล้ว
HTML Tailwind CSS Login Page | Transparent Html css login page
React js and Tailwind css Gym website | Responsive gym website Part 04
มุมมอง 92ปีที่แล้ว
React js and Tailwind css Gym website | Responsive gym website Part 04
React Tailwind css Gym website | Responsive gym website Part 03
มุมมอง 100ปีที่แล้ว
React Tailwind css Gym website | Responsive gym website Part 03
React Tailwind css Gym Website | Responsive Gym website part - 02
มุมมอง 52ปีที่แล้ว
React Tailwind css Gym Website | Responsive Gym website part - 02
React tailwind css gym website | react tailwindcss website - part 01
มุมมอง 144ปีที่แล้ว
React tailwind css gym website | react tailwindcss website - part 01
Build a Calculator App in 1 Minute using ChatGPT | Calculator with chatgpt
มุมมอง 31ปีที่แล้ว
Build a Calculator App in 1 Minute using ChatGPT | Calculator with chatgpt
How to install React icons in reactjs | How to use react icons
มุมมอง 191ปีที่แล้ว
How to install React icons in reactjs | How to use react icons
How to use tailwind css in react | Tailwind css for react
มุมมอง 103ปีที่แล้ว
How to use tailwind css in react | Tailwind css for react
How to start first react app | Get Start With React Js
มุมมอง 95ปีที่แล้ว
How to start first react app | Get Start With React Js
How to Install Node.js on Windows 11 | node js install
มุมมอง 33ปีที่แล้ว
How to Install Node.js on Windows 11 | node js install
Excellent 🎉❤
❤❤
"Promo sm"
Thank you so much!!
❤
❤❤
Perfect ❤
Thanks
Great tutorial, thanks!
❤️❤️
It is not responsive 😏
Watch this video. th-cam.com/video/7g6gD2kgGSk/w-d-xo.html
❤❤
❤❤
Thanks
😍😍
great
❤❤❤
❤❤
Useful ❤
3:18 - nav bar 9:33 - Hero section 17:08 - About us section 21:42 - Services section 33:40 - Trainers section 38:26 - Pricing section 51:10 - Blog section 54:36 - Footer section 1:04:54 - responsive
❤❤❤ great
very nice. thanks!! <333 made in Brazil
Awesome
Ft
Ft
Part 01 - th-cam.com/video/_zbup-AECUc/w-d-xo.html Part 02 - th-cam.com/video/LJbILFOueqU/w-d-xo.html Part 03 - th-cam.com/video/GlYuVCCYa0A/w-d-xo.html
❤️❤️❤️❤️❤️
❤❤
❤
❤
❤❤
Good
good
❤️❤️