- 72
- 9 865
HH tech services
Pakistan
เข้าร่วมเมื่อ 12 ก.ค. 2023
👨💻 Welcome to HH Tech Services - Your go-to channel for all things programming and tech! 📲
I’m Hasnain Mahmood from Pakistan, and here at HH Tech Services, I create easy-to-follow tutorials on various programming languages and web development technologies. Whether you're a beginner or looking to sharpen your coding skills, this channel has something for everyone!
What You’ll Find Here:
HTML, CSS, and JavaScript tutorials for web development 🖥️
C++ and Python programming guides 💻
In-depth coding challenges and projects
Tips, tricks, and best practices to level up your programming game
Join me on this journey to master coding and build cool projects! 🚀
🔔 Don’t forget to subscribe and hit the bell icon to stay updated with my latest tutorials and coding videos!
I’m Hasnain Mahmood from Pakistan, and here at HH Tech Services, I create easy-to-follow tutorials on various programming languages and web development technologies. Whether you're a beginner or looking to sharpen your coding skills, this channel has something for everyone!
What You’ll Find Here:
HTML, CSS, and JavaScript tutorials for web development 🖥️
C++ and Python programming guides 💻
In-depth coding challenges and projects
Tips, tricks, and best practices to level up your programming game
Join me on this journey to master coding and build cool projects! 🚀
🔔 Don’t forget to subscribe and hit the bell icon to stay updated with my latest tutorials and coding videos!
🔥 Create a Stunning Step Progress Bar with HTML, CSS & JavaScript 🚀 | Easy Tutorial for Beginners 🎨
🚀 Learn to Create a Step Progress Bar!
In this tutorial, you'll discover how to build a sleek and interactive step progress bar using HTML, CSS, and JavaScript. Perfect for beginners and developers, this guide will help you enhance your websites with user-friendly multi-step navigation.
✨ What You'll Learn:
✅ Structuring the progress bar with HTML
🎨 Styling it beautifully with CSS
⚙️ Adding functionality using JavaScript
📋 Use Cases:
✔️ Multi-step forms
✔️ Onboarding processes
✔️ Task progress indicators
💡 Start enhancing your web designs today! Don't forget to like 👍, comment 💬, and subscribe 🔔 for more tutorials!
#WebDevelopment #HTML #CSS #JavaScript #StepProgressBar #CodingTutorial #LearnToCode #FrontendDevelopment #WebDesign #DeveloperTips #CodeWithMe #UIUXDesign #InteractiveWebDesign #ProgrammingTutorial
In this tutorial, you'll discover how to build a sleek and interactive step progress bar using HTML, CSS, and JavaScript. Perfect for beginners and developers, this guide will help you enhance your websites with user-friendly multi-step navigation.
✨ What You'll Learn:
✅ Structuring the progress bar with HTML
🎨 Styling it beautifully with CSS
⚙️ Adding functionality using JavaScript
📋 Use Cases:
✔️ Multi-step forms
✔️ Onboarding processes
✔️ Task progress indicators
💡 Start enhancing your web designs today! Don't forget to like 👍, comment 💬, and subscribe 🔔 for more tutorials!
#WebDevelopment #HTML #CSS #JavaScript #StepProgressBar #CodingTutorial #LearnToCode #FrontendDevelopment #WebDesign #DeveloperTips #CodeWithMe #UIUXDesign #InteractiveWebDesign #ProgrammingTutorial
มุมมอง: 6
วีดีโอ
🎚️ How to Create a Stylish Range Slider with HTML, CSS, and JavaScript 🎨💻
มุมมอง 62หลายเดือนก่อน
Welcome to this step-by-step tutorial on creating a sleek and functional range slider using HTML, CSS, and JavaScript! 🎉 In this video, you'll learn: ✅ How to set up the HTML structure 🏗️ ✅ Styling the slider with CSS for a professional look 🎨 ✅ Adding interactivity with JavaScript for seamless functionality ⚡ Whether you're a beginner or an experienced developer, this video will help you level...
Designing a Stunning Login Page 🌌 with HTML & CSS | Step-by-Step UI/UX Tutorial 🎨💻
มุมมอง 187หลายเดือนก่อน
In this video, we’ll guide you through the process of designing a modern and visually stunning login page using HTML & CSS! 🌟 Whether you're a beginner or an experienced developer, this tutorial will help you create a sleek and user-friendly interface that stands out. 💻✨ What you'll learn in this video: ✅ Structuring your login page with HTML 📝 ✅ Styling with CSS for a professional look 🎨 ✅ Add...
Create a Stylish Login Form Using HTML & CSS! 🚀💻 | Beginner Friendly Tutorial 🔥
มุมมอง 104หลายเดือนก่อน
Welcome to our tutorial on creating a Login Form using HTML & CSS! 🎉 In this video, we’ll build a stylish and responsive login form step-by-step, perfect for beginners. Whether you're new to web development or brushing up on your skills, this tutorial is made just for you! 😊 What You’ll Learn: 🔹 Setting up the HTML structure 🔹 Styling the form with CSS 🔹 Creating input fields and a submit butto...
🎉 Create an AMAZING Folded Birthday Wish Card with HTML & CSS 🎨💻 || with source code
มุมมอง 62หลายเดือนก่อน
In this video, I’ll show you how to create a stunning folded birthday wish card using HTML and CSS! This tutorial is perfect for beginners who want to learn how to design interactive cards with a folded effect. You can use this card for your projects or to wish someone special on their birthday. By the end of this tutorial, you'll learn how to: Create a folded card layout using HTML. Style the ...
Create a Neumorphism Button with HTML & CSS 💻✨ || Step-by-Step Tutorial || HH Tech Services
มุมมอง 392 หลายเดือนก่อน
In this tutorial, you'll learn how to create a sleek neumorphism button using only HTML and CSS. Neumorphism is a popular design trend that gives a soft, 3D-like appearance to elements, making them look like they’re part of the background while still being clickable. Follow along as we break down the step-by-step process, perfect for both beginners and experienced developers looking to enhance ...
✨ Create a Stunning Glowing Button with Smooth Hover & Click Effects using HTML & CSS 💻
มุมมอง 242 หลายเดือนก่อน
🌟 Create a Stunning Glowing Button with Hover and Click Effects Using HTML & CSS! 🎨 In this tutorial, I'll show you how to create a sleek and interactive glowing button with a mouse hover effect and click animation, all using just HTML and CSS! Whether you're a beginner or an experienced web developer, this video will guide you step-by-step through the process, helping you to add some cool styl...
Create a Loading Animation || CSS Text Effect in HTML & CSS || HH tech services
มุมมอง 483 หลายเดือนก่อน
In this tutorial, you'll learn how to create a sleek and modern loading animation text effect using only HTML and CSS. Perfect for adding a professional touch to your website or project, this step-by-step guide walks you through the entire process. Whether you're a beginner or an experienced developer, this video will help you enhance your CSS skills with practical tips and tricks. Watch now to...
Build a Digital Clock with HTML, CSS, and JavaScript || Step by Step Tutorial || HH tech services
มุมมอง 584 หลายเดือนก่อน
In this tutorial, you'll learn how to create a sleek and functional digital clock using HTML, CSS, and JavaScript. Whether you're a beginner looking to enhance your web development skills or an experienced developer wanting to add a cool feature to your projects, this step-by-step guide has you covered. We'll walk you through the entire process, from setting up the HTML structure to styling the...
CSS Envelope & Letter: Click to Open/Close Animation (HTML, CSS, JS)
มุมมอง 1.5K4 หลายเดือนก่อน
In this tutorial, you'll learn how to create a sleek envelope and letter animation using HTML, CSS, and JavaScript. Watch as we build an interactive design where clicking the envelope opens it to reveal a letter inside. Perfect for enhancing your web projects with engaging animations! Whether you're a beginner or looking to polish your skills, this step-by-step guide will walk you through every...
"How to Create a Pizza Shop Website Using HTML and CSS | Step-by-Step Tutorial"
มุมมอง 1374 หลายเดือนก่อน
Welcome to our tutorial on how to create a pizza shop website using HTML and CSS! In this video, we'll guide you step-by-step through the process of designing a stylish and functional pizza shop website. Whether you're a beginner or looking to brush up on your web development skills, this tutorial has something for you. We'll cover: - Setting up your HTML structure - Styling with CSS to make yo...
Create a Scroll Animation Using HTML, CSS, and JavaScript || HH tech services
มุมมอง 3595 หลายเดือนก่อน
Welcome to our tutorial on creating captivating scroll animations with HTML, CSS, and JavaScript! In this video, we'll walk you through the step-by-step process of adding smooth and engaging scroll animations to your web projects. What you'll learn: - Setting up the basic HTML structure - Styling with CSS to prepare for animations - Writing JavaScript to trigger animations on scroll - Tips and ...
Create a cube animation using HTML CSS || Pure css || HH tech services
มุมมอง 4675 หลายเดือนก่อน
In this tutorial, you will learn how to create a stunning 3D cube animation using only HTML and CSS! Whether you're a beginner or an experienced developer, this step-by-step guide will help you enhance your web design skills and add dynamic visuals to your projects. We'll cover everything from setting up the HTML structure to styling with CSS to bring the cube to life. By the end of this video,...
Create a Dynamic Scroll Progress Indicator with HTML, CSS, and JavaScript || HH tech services
มุมมอง 1295 หลายเดือนก่อน
Welcome to our tutorial on creating a scroll progress indicator! In this video, we'll guide you through the steps to add a sleek and functional progress bar that tracks how far users have scrolled down your webpage. This feature enhances user experience by providing visual feedback and encouraging them to engage with your content. What You'll Learn: - Basics of HTML and CSS for setting up the s...
Create a Glassmorphism login form using HTML CSS || Pure css || HH tech services
มุมมอง 2516 หลายเดือนก่อน
Welcome to this tutorial where you'll learn how to create a stunning glassmorphism login form using HTML and CSS! In this video, we'll guide you step-by-step through the process of building a modern, sleek login form with a glass-like effect that adds a touch of elegance to your web design projects. Source code link = [github.com/Hasnain-Mahmood009/Login_Form-HTML-CSS-] GitHub link = [github.co...
Creatae a "Text Animation" using HTML CSS || Pure CSS || HH tech services
มุมมอง 356 หลายเดือนก่อน
Creatae a "Text Animation" using HTML CSS || Pure CSS || HH tech services
Create a typing text animation using HTML CSS || Pure css || HH tech services
มุมมอง 1467 หลายเดือนก่อน
Create a typing text animation using HTML CSS || Pure css || HH tech services
Create a input text animation using HTML CSS || Pure CSS || HH tech services
มุมมอง 447 หลายเดือนก่อน
Create a input text animation using HTML CSS || Pure CSS || HH tech services
Craft the Perfect Eid Mubarak Greeting: HTML, CSS, and JavaScript Edition! 🎉
มุมมอง 678 หลายเดือนก่อน
Craft the Perfect Eid Mubarak Greeting: HTML, CSS, and JavaScript Edition! 🎉
Creating a Custom Google Loader with HTML and CSS || Step-by-Step Tutorial || HH tech services
มุมมอง 238 หลายเดือนก่อน
Creating a Custom Google Loader with HTML and CSS || Step-by-Step Tutorial || HH tech services
Create a Holi page design using HTML CSS || Happy Holi || HH tech services
มุมมอง 268 หลายเดือนก่อน
Create a Holi page design using HTML CSS || Happy Holi || HH tech services
HTML CSS Love border Animation || Hover effect || pure css || HH tech services
มุมมอง 2538 หลายเดือนก่อน
HTML CSS Love border Animation || Hover effect || pure css || HH tech services
Modern Login Form Tutorial: HTML, CSS, JavaScript with Flashlight Effect || HH tech services
มุมมอง 398 หลายเดือนก่อน
Modern Login Form Tutorial: HTML, CSS, JavaScript with Flashlight Effect || HH tech services
Creating a **Mousemove Effect** with HTML, CSS, and JavaScript || HH tech services
มุมมอง 869 หลายเดือนก่อน
Creating a Mousemove Effect with HTML, CSS, and JavaScript || HH tech services
CSS Animation Effect: Transform Your Website with Stunning Visuals || Loaing animation
มุมมอง 2569 หลายเดือนก่อน
CSS Animation Effect: Transform Your Website with Stunning Visuals || Loaing animation
Creating a "Glowing Card Hover Effect" with HTML, CSS, and JavaScript || HH tech services
มุมมอง 7810 หลายเดือนก่อน
Creating a "Glowing Card Hover Effect" with HTML, CSS, and JavaScript || HH tech services
Create a stylish "Toggle Button" using HTML & CSS || pure css || HH tech service
มุมมอง 3710 หลายเดือนก่อน
Create a stylish "Toggle Button" using HTML & CSS || pure css || HH tech service
Programming Evolution || History of programming languages || hindi/urdu
มุมมอง 11010 หลายเดือนก่อน
Programming Evolution || History of programming languages || hindi/urdu
How to make "Calculator" using HTML,CSS & javascript || HH tech services
มุมมอง 13010 หลายเดือนก่อน
How to make "Calculator" using HTML,CSS & javascript || HH tech services
Creating a "Glowy text button" using HTML CSS and javascript || js project || HH tech services
มุมมอง 83210 หลายเดือนก่อน
Creating a "Glowy text button" using HTML CSS and javascript || js project || HH tech services
IS NOT UR VIDEO
Why is this not my video bro
@@Hasnain_Mahmood yes you took a video of codehal :)
No bro I didn't take the video from codehal this video is made by me.
Looks great. Also the music is awesome. Can i have the link to that first music.
Of course here is the link : th-cam.com/video/X3BmZmTf_XQ/w-d-xo.htmlsi=8YFMxbGkdPYUfuYA and this is the second music link : th-cam.com/video/H4RmBm2UGmI/w-d-xo.htmlsi=GRBf3ikpd9Iv-Zzs
Thanks for your comment
So amazing bro😊
Thanks
hahhaha such a cute video I really enjoy it.
Thank you 🤗
I think it’s possible to do it just with css About the heart button : we use Heart::active { Animation … } In the animation we use some properties like scale / z index / top / …
Yes, it can be done if you want to write it in CSS, you can and I apologize for the late reply.🤗
Good. But it would be good if it had audio with explanation.
Yes brother inshallah soon ill start the new serise of videos where ill explain with my own voice. Thanks for your precious advice.
Nice
So cool! I did it as a guided project. Thank you!
Thinks❤❤❤
Da sa sha da
Discraption waqsa a aghe na bo pata ta wala gi
P r o m o S M
Thinks❤❤❤
😊👍👍👍👍👍👍👍
Think you so much
Nice very nice ❤
Thinks
Da Sa nazam da 🤔
Bas dagha nezam da chy sa ta wene
Kha
Great work... Can i get the source link please?
Sir contect me in Wtsap 03425042388
👍
Thinks❤❤❤
"Promo SM" 🔥
Thinks
luck
Thinks
Write your question in discraption box 👇🏻👇🏻👇🏻
Great job! The car in the video reminded me of good old times 😊
Thanks
wtf is that intro and music?? 🤣🤣
It is not correct codes you had some mistakes but you showed another cursor
Dont worry bro
<!DOCTYPE html> <html> <head> <title>CALCULATOR </title> <style> input[type="button"] { border:2px solid black; background:yellow; color : black; width:100%; height:100%; } fieldset { color:red; width:30%; height:50%; </style> </head> <body> <script> function CALCULATOR(val) { document.getElementById("a").value +=val; } function slove() { var x= document.getElementById("a").value; var y =eval(x); document.getElementById("a").value=y; } function clr() { document.getElementById("a").value = " " ; } </script> <fieldset> <legend> CALCULATOR </legend> <table> <tr> <th colspan="3"><input type="text" id="a" > <th><input type="button" onclick="clr()" value="AC" > </tr> <tr> <th><input type="button" value="1" onclick = "CALCULATOR(1)"> <th><input type="button" value="2" onclick = "CALCULATOR(2)" > <th><input type="button" value="3" onclick = "CALCULATOR(3)" > <th><input type="button" value="/" onclick = "CALCULATOR('/')" > </tr> <tr> <th><input type="button" value="4" onclick = "CALCULATOR(4)" > <th><input type="button" value="5" onclick = "CALCULATOR(5)" > <th><input type="button" value="6" onclick = "CALCULATOR(6)" > <th><input type="button" value="*" onclick = "CALCULATOR('*')" > </tr> <tr> <th><input type="button" value="7" onclick = "CALCULATOR(7)" > <th><input type="button" value="8" onclick = "CALCULATOR(8)"> <th><input type="button" value="9" onclick = "CALCULATOR(9)"> <th><input type="button" value="-" onclick = "CALCULATOR('-')"> </tr> <tr> <th><input type="button" value="." onclick = "CALCULATOR(.)" > <th><input type="button" value="0" onclick = "CALCULATOR(0)"> <th><input type="button" value="=" onclick = "slove()"> <th><input type="button" value="+" onclick = "CALCULATOR('+')"> </tr> </table> </fieldset> </body> </html>
Thinks
Good
Thinkyou so much❤❤❤
Good
Thinkyou so much👈🏻👈🏻👈🏻
Mash Allah keep it up
Think you so much