------------------------------
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ᴄʀɪᴘᴛ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ʜᴛᴍʟ ʟᴀɴɢᴜᴀɢᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ