- Видео 71
- Просмотров 9 697
HH tech services
Пакистан
Добавлен 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!
🎚️ How to Create a Stylish Range Slider with HTML, CSS, and JavaScript 🎨💻
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 up your web development skills! 💪
🎥 Watch now and create your own custom range slider for your projects.
💬 Have any questions? Drop them in the comments, and I'll be happy to help!
🔔 Don't forget to subscribe for more amazing tutorials.
#HTML #CSS #JavaScript #WebDevelopment #RangeSlider
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 up your web development skills! 💪
🎥 Watch now and create your own custom range slider for your projects.
💬 Have any questions? Drop them in the comments, and I'll be happy to help!
🔔 Don't forget to subscribe for more amazing tutorials.
#HTML #CSS #JavaScript #WebDevelopment #RangeSlider
Просмотров: 2
Видео
Designing a Stunning Login Page 🌌 with HTML & CSS | Step-by-Step UI/UX Tutorial 🎨💻
Просмотров 16614 часов назад
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 🔥
Просмотров 10114 дней назад
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
Просмотров 5821 день назад
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
Просмотров 37Месяц назад
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 💻
Просмотров 24Месяц назад
🌟 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
Просмотров 482 месяца назад
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
Просмотров 563 месяца назад
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,5 тыс.3 месяца назад
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"
Просмотров 1363 месяца назад
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
Просмотров 3594 месяца назад
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
Просмотров 4664 месяца назад
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
Просмотров 1284 месяца назад
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
Просмотров 2515 месяцев назад
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
Просмотров 355 месяцев назад
Welcome to my channel! In this tutorial, you'll learn how to create stunning text animations using just HTML and CSS. Whether you're a beginner or looking to enhance your web development skills, this step-by-step guide will help you design eye-catching animations for your website or project. In this video, we'll cover: - Setting up the basic HTML structure - Styling the text with CSS - Adding k...
Create a typing text animation using HTML CSS || Pure css || HH tech services
Просмотров 1466 месяцев назад
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
Просмотров 446 месяцев назад
Create a input text animation using HTML CSS || Pure CSS || HH tech services
Craft the Perfect Eid Mubarak Greeting: HTML, CSS, and JavaScript Edition! 🎉
Просмотров 677 месяцев назад
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
Просмотров 237 месяцев назад
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
Просмотров 267 месяцев назад
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
Просмотров 2537 месяцев назад
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
Просмотров 387 месяцев назад
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
Просмотров 848 месяцев назад
Creating a Mousemove Effect with HTML, CSS, and JavaScript || HH tech services
CSS Animation Effect: Transform Your Website with Stunning Visuals || Loaing animation
Просмотров 2568 месяцев назад
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
Просмотров 779 месяцев назад
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
Просмотров 359 месяцев назад
Create a stylish "Toggle Button" using HTML & CSS || pure css || HH tech service
Programming Evolution || History of programming languages || hindi/urdu
Просмотров 1099 месяцев назад
Programming Evolution || History of programming languages || hindi/urdu
How to make "Calculator" using HTML,CSS & javascript || HH tech services
Просмотров 1309 месяцев назад
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
Просмотров 8319 месяцев назад
Creating a "Glowy text button" using HTML CSS and javascript || js project || HH tech services
"Charging Animation" using HTML,CSS || HH tech services
Просмотров 4510 месяцев назад
"Charging Animation" using HTML,CSS || 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 : ruclips.net/video/X3BmZmTf_XQ/видео.htmlsi=8YFMxbGkdPYUfuYA and this is the second music link : ruclips.net/video/H4RmBm2UGmI/видео.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