------------------------------
Introducing myself :
------------------------------
I'm also a student like you studying BCA 3rd year, I started this channel to share the knowledge of C programming .
I try to gather as much programs as I can and share them with you, hoping you will support the channel by sharing this channel with your friends who are aiming to practice programs.
Channel link is here👇
https://t.me/Css_programming
If I make any mistakes in any program message me the mistake I had made so I'll try to correct them.
contact here 👇
@imabhi3030
Introducing myself :
------------------------------
I'm also a student like you studying BCA 3rd year, I started this channel to share the knowledge of C programming .
I try to gather as much programs as I can and share them with you, hoping you will support the channel by sharing this channel with your friends who are aiming to practice programs.
Channel link is here👇
https://t.me/Css_programming
If I make any mistakes in any program message me the mistake I had made so I'll try to correct them.
contact here 👇
@imabhi3030
Print hello world in CSS
<!DOCTYPE html>
<html>
<head>
<title>Hello, World!</title>
<style>
/* Define a CSS style for an element with the class "hello" */
.hello {
font-size: 24px;
color: blue;
}
</style>
</head>
<body>
<!-- Apply the "hello" class to a <p> element -->
<p class="hello">Hello, World!</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Hello, World!</title>
<style>
/* Define a CSS style for an element with the class "hello" */
.hello {
font-size: 24px;
color: blue;
}
</style>
</head>
<body>
<!-- Apply the "hello" class to a <p> element -->
<p class="hello">Hello, World!</p>
</body>
</html>
Program to add two numbers
-------------------------------------------------
Program:
<!DOCTYPE html>
<html>
<head>
<title>Add Two Numbers</title>
<style>
.container {
text-align: center;
font-size: 24px;
}
.result {
font-weight: bold;
color: green;
}
</style>
</head>
<body>
<div class="container">
<p>Result of adding two numbers:</p>
<p class="result">5 + 3 = 8</p>
</div>
</body>
</html>
-------------------------------------------------
#basicprograms
-------------------------------------------------
Program:
<!DOCTYPE html>
<html>
<head>
<title>Add Two Numbers</title>
<style>
.container {
text-align: center;
font-size: 24px;
}
.result {
font-weight: bold;
color: green;
}
</style>
</head>
<body>
<div class="container">
<p>Result of adding two numbers:</p>
<p class="result">5 + 3 = 8</p>
</div>
</body>
</html>
-------------------------------------------------
#basicprograms
❤1😍1
<!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