<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body{
background:#2F2F2F;
}
.pin{
width:30px;
height:30px;
border-radius:50% 50% 50% 0;
background:#89849b;
position:absolute;
transform:rotate(-45deg);
left:50%;
top:50%;
margin:-20px 0 0 -20px;
animation:ani 1s ease-in;
}
pin:after{
content:'';
width:14px;
height:14px;
margin:8px 0 0 8px;
background:#2F2F2F;
position:absolute;
border-radius:50%;
}
.cen{
width:15px;
height:15px;
background:#2F2F2F;
position:absolute;
top:48.1%;
left:46.5%;
border-radius:50%;
}
.pulse{
background:rgba(0,0,0,0.2);
border-radius:50%;
height:14px;
width:14px;
position:absolute;
left:50%;
top:50%;
margin:11px 0px 0px -12px;
transform:rotateX(55deg);
z-index:-2;
}
.pulse:after{
content:"";
border-radius:50%;
height:40px;
width:40px;
position:absolute;
margin:-13px 0 0 -13px;
animation:pulsate 1s ease-out infinite;
opacity:0.0;
box-shadow:0 0 1px 2px #00FFFF;
animation-delay:1.1s;
}
@keyframes pulsate{
0%{
opacity:0.0;
transform:scale(0.1, 0.1);
}
50%{
opacity:1.0;
}
100%{
opacity:0;
transform:scale(1.2, 1.2);
}
}
</style>
<title></title>
</head>
<body>
<div class='pin'></div>
<div class="cen" ></div>
<div class='pulse'></div>
</body>
</html>
<html>
<head>
<style type="text/css">
body{
background:#2F2F2F;
}
.pin{
width:30px;
height:30px;
border-radius:50% 50% 50% 0;
background:#89849b;
position:absolute;
transform:rotate(-45deg);
left:50%;
top:50%;
margin:-20px 0 0 -20px;
animation:ani 1s ease-in;
}
pin:after{
content:'';
width:14px;
height:14px;
margin:8px 0 0 8px;
background:#2F2F2F;
position:absolute;
border-radius:50%;
}
.cen{
width:15px;
height:15px;
background:#2F2F2F;
position:absolute;
top:48.1%;
left:46.5%;
border-radius:50%;
}
.pulse{
background:rgba(0,0,0,0.2);
border-radius:50%;
height:14px;
width:14px;
position:absolute;
left:50%;
top:50%;
margin:11px 0px 0px -12px;
transform:rotateX(55deg);
z-index:-2;
}
.pulse:after{
content:"";
border-radius:50%;
height:40px;
width:40px;
position:absolute;
margin:-13px 0 0 -13px;
animation:pulsate 1s ease-out infinite;
opacity:0.0;
box-shadow:0 0 1px 2px #00FFFF;
animation-delay:1.1s;
}
@keyframes pulsate{
0%{
opacity:0.0;
transform:scale(0.1, 0.1);
}
50%{
opacity:1.0;
}
100%{
opacity:0;
transform:scale(1.2, 1.2);
}
}
</style>
<title></title>
</head>
<body>
<div class='pin'></div>
<div class="cen" ></div>
<div class='pulse'></div>
</body>
</html>
👍2🤩1
Subscribe our channel for termux hacking,python animation,coding,html ,telegram bot tips & trick related - 👉 https://youtube.com/@CODEBOMBS Subscribe our channel for termux hacking, designing, tips & trick, bot making related - 👉 https://youtube.com/@TECHINDNN
🔰 join ᴏᴜʀ ᴀʟʟ ᴄʜᴀɴɴᴇʟs for coding 🔰
ᴛᴇʀᴍᴜx ʜᴀᴄᴋɪɴɢ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴛᴇʀᴍᴜx ᴄᴏᴍᴍᴀɴᴅ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴛᴇʀᴍᴜx ᴛʀɪᴄᴋs ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴘʜᴘ ʟᴀɴɢᴜᴀɢᴇs ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴄ ᴘʀᴏɢʀᴀᴍᴍɪɴɢ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴄ++ ʟᴀɴɢᴜᴀɢᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴄ# ʟᴀɴɢᴜᴀɢᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴊᴀᴠᴀ ʟᴀɴɢᴜᴀɢᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴄss ʟᴀɴɢᴜᴀɢᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴘʏᴛʜᴏɴ ʟᴀɴɢᴜᴀɢᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴛʏᴘᴇsᴄʀɪᴘᴛ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴊᴀᴠᴀsᴄʀɪᴘᴛ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ʜᴛᴍʟ ʟᴀɴɢᴜᴀɢᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴛᴇʀᴍᴜx ʜᴀᴄᴋɪɴɢ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴛᴇʀᴍᴜx ᴄᴏᴍᴍᴀɴᴅ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴛᴇʀᴍᴜx ᴛʀɪᴄᴋs ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴘʜᴘ ʟᴀɴɢᴜᴀɢᴇs ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴄ ᴘʀᴏɢʀᴀᴍᴍɪɴɢ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴄ++ ʟᴀɴɢᴜᴀɢᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴄ# ʟᴀɴɢᴜᴀɢᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴊᴀᴠᴀ ʟᴀɴɢᴜᴀɢᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴄss ʟᴀɴɢᴜᴀɢᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴘʏᴛʜᴏɴ ʟᴀɴɢᴜᴀɢᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴛʏᴘᴇsᴄʀɪᴘᴛ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ᴊᴀᴠᴀsᴄʀɪᴘᴛ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ʜᴛᴍʟ ʟᴀɴɢᴜᴀɢᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
Jiske pass Laptop nhi hai 👇
Mobile best Compiler's
C Compiler Click Here
C++ Compiler Click Here
Python Compiler Click Here
Java Compiler Click Here
Sql Compiler Click Here
Universal Compilers for mobile
Replit (web or app) Click Here
Jdoodle(web or app) Click Here
Programize (web) Search web
For any help Freely Say here
Mobile best Compiler's
C Compiler Click Here
C++ Compiler Click Here
Python Compiler Click Here
Java Compiler Click Here
Sql Compiler Click Here
Universal Compilers for mobile
Replit (web or app) Click Here
Jdoodle(web or app) Click Here
Programize (web) Search web
For any help Freely Say here
Join for all programming language more than 30+ channel you must join here useful channel like programming, hacking, notes everything 😁``👉 https://t.me/addlist/5MDFVZjV1Yo2NWI1
<html>
<head>
<title>Play It Yourself</title>
<style type="text/css">
body {
background-color: black;
}
p {
font-size: 20px;
color: gold;
}
</style>
</head>
<body>
<p> Hello World! </p>
</body>
</html>
Web Development Professional Certification
FREE FOR LIMITED ENROLLMENTS ONLY
🔗Enroll now-
https://www.udemy.com/course/web-development-assessment/?couponCode=5BFF862F76F6227E3772
Invite your friends
FREE FOR LIMITED ENROLLMENTS ONLY
🔗Enroll now-
https://www.udemy.com/course/web-development-assessment/?couponCode=5BFF862F76F6227E3772
Invite your friends
Udemy
Web Development Professional Certification
Web Development Certification and preparing for certification at other providers
Keypad phone using html and CSS,,it's html code is in👇 https://t.me/html_programming_language
*{
background-color: rgb(141, 126, 108);
}
.phone{
position:absolute;
height:320px;
width:180px;
border:5px solid;
border-radius:20px;
background-color:rgb(93, 104, 115);
margin-left:190px;
}
.temperd{
position:absolute;
height:150px;
width:165px;
background-color: rgb(122, 235, 235);;
margin:3px;
border:5px solid rgb(37, 25, 25);
}
.keyboard{
position:relative;
height:150px;
width:179px;
margin-top:166px;
border:8px;
}
table,td{
border:2px solid;
background-color: rgb(147, 158, 154);
}
table{
height:148px;
width:175px;
text-align:center;
font-weight: 600;
font-size:19px;
margin-left:3px;
background-color: rgb(117, 127, 137);
}
.net{
height:17px;
width:165px;
background-color: black;
color:white;
}
p1{
text-decoration: none;
background-color: rgb(122, 235, 235);
margin-top:15px;
font-weight:500;
font-size:18px;
}
p2{
background-color: rgb(122, 235, 235);
font-size: small;
}
.menu{
height:17px;
width:165px;
background-color: rgb(122, 235, 235);
margin-top: 79px;
color:rgb(26, 29, 29);
}
p3{
margin-left:65px;
color:rgb(12, 12, 12);
background-color: rgb(122, 235, 235);
font: weight:500;
}
p5{
margin-left:65px;
background-color: rgb(13, 14, 14);
}
*{
background-color: rgb(141, 126, 108);
}
.phone{
position:absolute;
height:320px;
width:180px;
border:5px solid;
border-radius:20px;
background-color:rgb(93, 104, 115);
margin-left:190px;
}
.temperd{
position:absolute;
height:150px;
width:165px;
background-color: rgb(122, 235, 235);;
margin:3px;
border:5px solid rgb(37, 25, 25);
}
.keyboard{
position:relative;
height:150px;
width:179px;
margin-top:166px;
border:8px;
}
table,td{
border:2px solid;
background-color: rgb(147, 158, 154);
}
table{
height:148px;
width:175px;
text-align:center;
font-weight: 600;
font-size:19px;
margin-left:3px;
background-color: rgb(117, 127, 137);
}
.net{
height:17px;
width:165px;
background-color: black;
color:white;
}
p1{
text-decoration: none;
background-color: rgb(122, 235, 235);
margin-top:15px;
font-weight:500;
font-size:18px;
}
p2{
background-color: rgb(122, 235, 235);
font-size: small;
}
.menu{
height:17px;
width:165px;
background-color: rgb(122, 235, 235);
margin-top: 79px;
color:rgb(26, 29, 29);
}
p3{
margin-left:65px;
color:rgb(12, 12, 12);
background-color: rgb(122, 235, 235);
font: weight:500;
}
p5{
margin-left:65px;
background-color: rgb(13, 14, 14);
}
Telegram
HTML & CSS PROGRAMMING
https://t.me/addlist/oJIs6WVKrqBmMWQ1
Hello! I am @Myhurthearts and welcome to the Coding channel! Here we can learn all things related to coding and improve our skills , just let me know!
Hello! I am @Myhurthearts and welcome to the Coding channel! Here we can learn all things related to coding and improve our skills , just let me know!
👍1
🌴 The Complete Front-End Web Development Course 🌴
⬇️ Download Link :-
https://mega.nz/folder/7z4wiJ4K#\_tOW2PH0-XxXVdgEn371ow
✅ Join For More: https://t.me/addlist/UTxZqUCuoM9jYjZl
⬇️ Download Link :-
https://mega.nz/folder/7z4wiJ4K#\_tOW2PH0-XxXVdgEn371ow
✅ Join For More: https://t.me/addlist/UTxZqUCuoM9jYjZl
mega.nz
File folder on MEGA
❤1
NOTE - Alpha delta and supreme batch course are include in this channel
Free for all 😁feel free to ask @imabhi3030
Javascript full course - https://t.me/Javascript_Course_js
full stack web devloper course - https://t.me/web_devloper_bro
Ethical hacking full course - https://t.me/Ethical_hackings_course
Reacts & nodejs full course - https://t.me/Reacts_Course
Linux full course - https://t.me/Linux_Courses
Python devloper full course - https://t.me/Python_Devloper
Machine learning & ai course - https://t.me/Machine_learnings_Ai
Android apps devloper full course - https://t.me/Mobile_Apps_devlopment
JOIN ALL IMPORTANT COURSE - 👉🏻 https://t.me/addlist/c3QWwWR-Iw4xMDNl
Free for all 😁feel free to ask @imabhi3030
Javascript full course - https://t.me/Javascript_Course_js
full stack web devloper course - https://t.me/web_devloper_bro
Ethical hacking full course - https://t.me/Ethical_hackings_course
Reacts & nodejs full course - https://t.me/Reacts_Course
Linux full course - https://t.me/Linux_Courses
Python devloper full course - https://t.me/Python_Devloper
Machine learning & ai course - https://t.me/Machine_learnings_Ai
Android apps devloper full course - https://t.me/Mobile_Apps_devlopment
JOIN ALL IMPORTANT COURSE - 👉🏻 https://t.me/addlist/c3QWwWR-Iw4xMDNl
Telegram
CODERS_HUB
You’ve been invited to add the folder “CODERS_HUB”, which includes 38 chats.
🔰ᴏᴜʀ ᴀʟʟ ɢʀᴏᴜᴘs🔰
┎┉┉┅┄┄┈•┉┅┄┄┈•┉┅┄┄┈•┉┅
┣◈ ‣ ᴄᴏᴅɪɴɢ ɢʀᴏᴜᴘ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ʜᴀᴄᴋɪɴɢ ɢʀᴏᴜᴘ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ʟʙsᴛɪ ɢʀᴏᴜᴘ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ʙᴄᴀ ɢʀᴏᴜᴘ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┖┉┉┅┄┄┈•┄┈•┉┅┄┄┈•┉┅┄┄┈
🔰ʜᴀᴄᴋɪɴɢ ᴄʜᴀɴɴᴇʟs🔰
┎┉┉┅┄┄┈•┉┅┄┄┈•┉┅┄┄┈•┉┅
┣◈ ‣ ʜᴀᴄᴋɪɴɢ ᴛᴏᴏʟs ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ʜᴀᴄᴋɪɴɢ ᴛɪᴘs ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ᴛᴇʀᴍᴜx ᴛᴏᴏʟ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ʟɪɴᴜx ᴛᴏᴏʟs ᴄʟɪᴄᴋ ʜᴇʀᴇ
┖┉┉┅┄┄┈•┄┈•┉┅┄┄┈•┉┅┄┄┈
🔰 ᴘʀᴏɢʀᴀᴍᴍɪɴɢs 🔰
┎┉┉┅┄┄┈•┉┅┄┄┈•┉┅┄┄┈•┉┅
┣◈ ‣ ᴄ ᴘʀᴏɢʀᴀᴍ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ᴄ++ ᴘʀᴏɢʀᴀᴍ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ᴄ# ᴘʀᴏɢʀᴀᴍ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ᴊᴀᴠᴀ ᴘʀᴏɢʀᴀᴍ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ᴄss ᴘʀᴏɢʀᴀᴍ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ᴘʏᴛʜᴏɴ ᴄᴏᴅᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ᴊᴀᴠᴀsᴄʀɪᴘᴛ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ʜᴛᴍʟ ᴘʀᴏɢʀᴀᴍ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ᴘʜᴘ ᴘʀᴏɢʀᴀᴍ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ɴᴏᴅᴇᴊs ᴄᴏᴅɪɴɢ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ɢɪᴛʜᴜʙ ᴛᴏᴏʟs ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ᴍᴇᴍᴇ ᴢᴏɴᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ғʀᴇᴇ ᴄᴏᴜʀsᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ʜᴀᴄᴋᴇʀ sᴄʀɪᴘᴛ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┖┉┉┅┄┄┈•┄┈•┉┅┄┄┈•┉┅┄┄┈
🔰ʙᴄᴀ/ᴍᴄᴀ/ʙ.ᴛᴇᴄʜ ɴᴏᴛᴇs🔰
┎┉┉┅┄┄┈•┉┅┄┄┈•┉┅┄┄┈•┉┅
┣◈ ‣ 1sᴛ sᴇᴍᴇsᴛᴇʀ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ 2ɴᴅ sᴇᴍᴇsᴛᴇʀ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ 3ʀᴅ sᴇᴍᴇsᴛᴇʀ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ 5ᴛʜ sᴇᴍᴇsᴛᴇʀ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ 6ᴛʜ sᴇᴍᴇsᴛᴇʀ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┖┉┉┅┄┄┈•┄┈•┉┅┄┄┈•┉┅┄┄┈
🔰ғᴜʟʟ ᴘʀᴇᴍɪᴜᴍ ᴄᴏᴜʀsᴇ🔰
┎┉┉┅┄┄┈•┉┅┄┄┈•┉┅┄┄┈•┉┅
┣◈ ‣ ᴀɪ ғᴜʟʟ ᴄᴏᴜʀsᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ᴘʏᴛʜᴏɴ ᴄᴏᴜʀsᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ʟɪɴᴜx ᴄᴏᴜʀsᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ᴊᴀᴠᴀsᴄʀɪᴘᴛ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ʀᴇᴀᴄᴛ ᴄᴏᴜʀsᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ʜᴀᴄᴋɪɴɢ ғɪʟᴇs ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ᴍᴏʙɪʟᴇ ᴀᴘᴘs ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ᴅᴇʟᴛᴀ ʙᴀᴛᴄʜ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┖┉┉┅┄┄┈•┄┈•┉┅┄┄┈•┉┅┄┄┈
Subscribe our channel for coding - https://youtube.com/@CODEBOMBS
┎┉┉┅┄┄┈•┉┅┄┄┈•┉┅┄┄┈•┉┅
┣◈ ‣ ᴄᴏᴅɪɴɢ ɢʀᴏᴜᴘ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ʜᴀᴄᴋɪɴɢ ɢʀᴏᴜᴘ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ʟʙsᴛɪ ɢʀᴏᴜᴘ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ʙᴄᴀ ɢʀᴏᴜᴘ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┖┉┉┅┄┄┈•┄┈•┉┅┄┄┈•┉┅┄┄┈
🔰ʜᴀᴄᴋɪɴɢ ᴄʜᴀɴɴᴇʟs🔰
┎┉┉┅┄┄┈•┉┅┄┄┈•┉┅┄┄┈•┉┅
┣◈ ‣ ʜᴀᴄᴋɪɴɢ ᴛᴏᴏʟs ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ʜᴀᴄᴋɪɴɢ ᴛɪᴘs ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ᴛᴇʀᴍᴜx ᴛᴏᴏʟ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ʟɪɴᴜx ᴛᴏᴏʟs ᴄʟɪᴄᴋ ʜᴇʀᴇ
┖┉┉┅┄┄┈•┄┈•┉┅┄┄┈•┉┅┄┄┈
🔰 ᴘʀᴏɢʀᴀᴍᴍɪɴɢs 🔰
┎┉┉┅┄┄┈•┉┅┄┄┈•┉┅┄┄┈•┉┅
┣◈ ‣ ᴄ ᴘʀᴏɢʀᴀᴍ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ᴄ++ ᴘʀᴏɢʀᴀᴍ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ᴄ# ᴘʀᴏɢʀᴀᴍ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ᴊᴀᴠᴀ ᴘʀᴏɢʀᴀᴍ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ᴄss ᴘʀᴏɢʀᴀᴍ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ᴘʏᴛʜᴏɴ ᴄᴏᴅᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ᴊᴀᴠᴀsᴄʀɪᴘᴛ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ʜᴛᴍʟ ᴘʀᴏɢʀᴀᴍ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ᴘʜᴘ ᴘʀᴏɢʀᴀᴍ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ɴᴏᴅᴇᴊs ᴄᴏᴅɪɴɢ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ɢɪᴛʜᴜʙ ᴛᴏᴏʟs ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ᴍᴇᴍᴇ ᴢᴏɴᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ғʀᴇᴇ ᴄᴏᴜʀsᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ʜᴀᴄᴋᴇʀ sᴄʀɪᴘᴛ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┖┉┉┅┄┄┈•┄┈•┉┅┄┄┈•┉┅┄┄┈
🔰ʙᴄᴀ/ᴍᴄᴀ/ʙ.ᴛᴇᴄʜ ɴᴏᴛᴇs🔰
┎┉┉┅┄┄┈•┉┅┄┄┈•┉┅┄┄┈•┉┅
┣◈ ‣ 1sᴛ sᴇᴍᴇsᴛᴇʀ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ 2ɴᴅ sᴇᴍᴇsᴛᴇʀ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ 3ʀᴅ sᴇᴍᴇsᴛᴇʀ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ 5ᴛʜ sᴇᴍᴇsᴛᴇʀ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ 6ᴛʜ sᴇᴍᴇsᴛᴇʀ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┖┉┉┅┄┄┈•┄┈•┉┅┄┄┈•┉┅┄┄┈
🔰ғᴜʟʟ ᴘʀᴇᴍɪᴜᴍ ᴄᴏᴜʀsᴇ🔰
┎┉┉┅┄┄┈•┉┅┄┄┈•┉┅┄┄┈•┉┅
┣◈ ‣ ᴀɪ ғᴜʟʟ ᴄᴏᴜʀsᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ᴘʏᴛʜᴏɴ ᴄᴏᴜʀsᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ʟɪɴᴜx ᴄᴏᴜʀsᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ᴊᴀᴠᴀsᴄʀɪᴘᴛ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ʀᴇᴀᴄᴛ ᴄᴏᴜʀsᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ʜᴀᴄᴋɪɴɢ ғɪʟᴇs ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ᴍᴏʙɪʟᴇ ᴀᴘᴘs ᴄʟɪᴄᴋ ʜᴇʀᴇ
┣◈ ‣ ᴅᴇʟᴛᴀ ʙᴀᴛᴄʜ ᴄʟɪᴄᴋ ʜᴇʀᴇ
┖┉┉┅┄┄┈•┄┈•┉┅┄┄┈•┉┅┄┄┈
Subscribe our channel for coding - https://youtube.com/@CODEBOMBS
Login Form in Html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login Form</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
.container {
width: 300px;
margin: 100px auto;
background-color: #fff;
padding: 20px;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
h2 {
text-align: center;
}
input[type="text"],
input[type="password"] {
width: 100%;
padding: 10px;
margin: 8px 0;
box-sizing: border-box;
border: 1px solid #ccc;
border-radius: 4px;
}
input[type="submit"] {
width: 100%;
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
}
input[type="submit"]:hover {
background-color: #45a049;
}
</style>
</head>
<body>
<div class="container">
<h2>Login Form</h2>
<form action="" method="post">
<label for="username">Username</label>
<input type="text" id="username" name="username" placeholder="Your username..">
<label for="password">Password</label>
<input type="password" id="password" name="password" placeholder="Your password..">
<input type="submit" value="Login
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login Form</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
.container {
width: 300px;
margin: 100px auto;
background-color: #fff;
padding: 20px;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
h2 {
text-align: center;
}
input[type="text"],
input[type="password"] {
width: 100%;
padding: 10px;
margin: 8px 0;
box-sizing: border-box;
border: 1px solid #ccc;
border-radius: 4px;
}
input[type="submit"] {
width: 100%;
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
}
input[type="submit"]:hover {
background-color: #45a049;
}
</style>
</head>
<body>
<div class="container">
<h2>Login Form</h2>
<form action="" method="post">
<label for="username">Username</label>
<input type="text" id="username" name="username" placeholder="Your username..">
<label for="password">Password</label>
<input type="password" id="password" name="password" placeholder="Your password..">
<input type="submit" value="Login