HTML & CSS PROGRAMMING
4.22K subscribers
308 photos
18 videos
79 files
108 links
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!
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>

This link is Required.

<script src="https://cdn.jsdelivr.net/npm/p5@1.4.0/lib/p5.js"></script>

<script type="text/javascript">
function setup(){
createCanvas(windowWidth,
windowHeight);
}
function draw(){
const col={};
const{r,g,b}=col;
col.r=random(0,255);
col.g=random(0,255);
col.b=random(0,255);
fill(col.r,col.g,col.b)
ellipse(mouseX,mouseY,
150,100);
}
</script>
</body>
</html>
👍3
<!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>
2👍1
<html>
<head>

<title>Title</title>

<table border="10"width="200"height="250"align="center"bgcolor="blue">
<tr>
<th><h1>NADAN<BR>PARINDE</h1></th>
</tr>
</table>
<table border="5"align="center">
<tr>
<td border="5"width="40"align="center">{}</td>
<td border="5"width="90"align="center" rowspan="2">OK</td>
<td border="5"width="40"align="center">)(</td>
</tr>
<tr>
<td border="5"width="40"align="center">{}</td>
<td border="5"width="40"align="center">{}</td>
</tr>
</table>
<table border="5"align="center">
<tr>
<td border="5"width="57"align="center">1</td>
<td border="5"width="56"align="center">2</td>
<td border="5"width="57"align="center">3</td>
</tr>
</table>
👍51
<table border="5"align="center">
<tr>
<td border="5"width="57"align="center">4</td>
<td border="5"width="56"align="center">5</td>
<td border="5"width="57"align="center">6</td>
</tr>
</table>
<table border="5"align="center">
<tr>
<td border="5"width="57"align="center">7</td>
<td border="5"width="56"align="center">8</td>
<td border="5"width="57"align="center">9</td>
</tr>
</table>

<table border="5"align="center">
<tr>
<td border="5"width="57"align="center">*</td>
<td border="5"width="56"align="center">0</td>
<td border="5"width="57"align="center">#</td>
</tr>
</table>
</body>
</html>
2👍1🔥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ᴄʀɪᴘᴛ ᴄʟɪᴄᴋ ʜᴇʀᴇ
ʜᴛᴍʟ ʟᴀɴɢᴜᴀɢᴇ ᴄʟɪᴄᴋ ʜᴇʀᴇ
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
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
👍1
<!DOCTYPE html>
<html>
<head>
<title> Hello World! </title>
</head>
<body>
<h1> Lorem ipsum dolor sit amet. </h1>
<p> This is a paragraph. </p>
</body>
</html>
🔥1😁1
<!DOCTYPE html>
<html>
<head>
<title>Try It Yourself</title>
</head>
<body>
<p>
Sentences shown on browsers.
<!-- single-line comment -->
</p>

<p>
Sentences shown on browsers.
<!-- this is a multi-line comment
some phrases go here
some phrases go here -->
</p>

<div> <!-- putting comments beside a start tag -->
Sentences, HTML elements and images etc. may appear here.
</div> <!-- putting comments beside a start tag -->
</body>
</html>
👍3🔥2🎉1
<html >
<head>
<title>KEYPAD PHONE</title>
<link rel="stylesheet" a href="style.css">
</head>
<body>
<div class="phone">
<div class="temperd">
<div class="net">| !!
<p5>01:15 PM</p5>
</div>
<p1>01:15pm</p1><br>
<p2>Tue 31 Oct 2023</p2>
<div class="menu">Menu
<p3>Contact</p3>
</div>
</div>
<div class="keyboard">
<table>
<tr>
<td>( )</td>
<td rowspan="2"></td>
<td>@</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<!-- <td>3</td> -->
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
<tr>
<td>0</td>
<td>#</td>
<td>*</td>
</tr>
</table>
</div>
</div>
</body>
</html>
It's css are in👇
https://t.me/Css_programming
👍5😱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
👍1