please give me html code
Answers
[tex]<!DOCTYPE html>
<html>
<head>
<title>Cute Doraemon </title>
<style>body {
background-color:#191149;
}
.face{
height:300px;
width:300px;
background-color:#42bff4;
border-radius:50%;
position:absolute ;
left:30px;
top:30px;
border-bottom:10px solid red;
}
.iface{
height:250px;
width:250px;
background-color:#fff;
border-radius:50%;
position:absolute ;
left:25px;
border:0.5px solid black;
top:50px;
}
.eye1{
height:70px;
width:60px;
background-color:#fff;
border-radius:50px;
position:absolute ;
left:55px;
top:-20px;
border:0.5px solid black;
}
.eye2{
height:70px;
width:60px;
background-color:#fff;
border-radius:50px;
position:absolute ;
left:115px;
top:-20px;
border:0.5px solid black;
}
.eb1{
height:25px;
width:22px;
background-color:#000;
border-radius:12px;
position:absolute ;
left:20px;
top:15px;
border:0.5px solid black;
}
.eb2{
height:25px;
width:22px;
background-color:#000;
border-radius:20px;
position:absolute ;
left:5px;
top:15px;
border:0.5px solid black;
}
.w1,.w2{
height:12px;
width:12px;
background-color:#fff;
position:absolute ;
border-radius:6px;
}
.w1{
left:3px;
top:4px;
}
.w2{
left:3px;
top:4px;
}
.nose{
background-color:red;
height:40px;
width:40px;
border-radius:20px;
position:absolute ;
left:96px;
top:42px;
}
.w3{
height:10px;
width:10px;
background-color:#fff;
border-radius:50%;
position:absolute ;
top:10px;
left:10px;
}
.l1{
height:50px;
background:transparent ;
width:1px;
border-left:1px solid black;
position:absolute ;
left:115px;
top:80px;
}
.mouth{
background-color:#f00;
height:80px;
width:160px;
border-bottom-left-radius:90px;
border-bottom-right-radius:90px;
display:inline-block ;
position:absolute ;
left:47px;
top:130px;
}
.b1{
background:transparent ;
height:1px;
width:60px;
border-top:1px solid black;
transform:rotateZ(20deg);
position:absolute ;
left:35px;
top:70px;
}
.b2{
background:transparent ;
height:1px;
width:65px;
border-top:1px solid black;
position:absolute ;
left:30px;
top:90px;
}
.b3{
background:transparent ;
height:1px;
width:60px;
border-top:1px solid black;
transform:rotateZ(-20deg);
position:absolute ;
left:35px;
top:110px;
}
.b4{
background:transparent ;
height:1px;
width:60px;
border-top:1px solid black;
transform:rotateZ(-20deg);
position:absolute ;
left:135px;
top:70px;
}
.b5{
background:transparent ;
height:1px;
width:65px;
border-top:1px solid black;
position:absolute ;
left:135px;
top:90px;
}
.b6{
background:transparent ;
height:1px;
width:60px;
border-top:1px solid black;
transform:rotateZ(20deg);
position:absolute ;
left:135px;
top:110px;
}
.t1{
background-color:#ff8542;
height:45px;
width:90px;
border-bottom-left-radius:90px;
border-bottom-right-radius:90px;
position:absolute ;
left:35px;
top:35px;
}
.t2{
background-color:#ff8542;
height:25px;
width:50px;
border-top-left-radius:50px;
border-top-right-radius:50px;
position:absolute ;
top:18px;
left:35px;
}
.t3{
background-color:#ff8542;
height:25px;
width:50px;
border-top-left-radius:50px;
border-top-right-radius:50px;
position:absolute ;
top:18px;
left:75px;
}
.bell{
background-color:#ff0 ;
height:40px;
width:40px;
position:absolute ;
border-radius:50%;
border:0.1px solid black;
left:165px;
top:335px;
}
.bellrec{
background-color:#ff0;
height:5px;
width:45px;
border-radius:10px;
border:0.1px solid black;
position:absolute ;
top:8px;
left:-3px;
}
.bellcir{
background-color:#444;
height:10px;
width:10px;
border-radius:50%;
position:absolute ;
left:15px;
top:17px;
}
.l2{
background-color:transparent ;
height:15px;
width:1px;
border-left:1px solid black;
position:absolute ;
left:20px;
top:25px;
}
.doratext{
font-size:50px;
position:relative ;
text-align:center;
top:400px;
color:#fff;
}</style>
</head>
<body>
<div class="doraemon">
<div class="face">
<div class="iface">
<div class="eye1">
<div class="eb1">
<div class="w1"></div>
</div>
</div>
<div class="eye2">
<div class="eb2">
<div class="w2"></div>
</div>
</div>
<div class="nose">
<div class="w3"></div>
</div>
<div class="l1"></div>
<div class="b1"></div>
<div class="b2"></div>
<div class="b3"></div>
<div class="b4"></div>
<div class="b5"></div>
<div class="b6"></div>
<div class="mouth">
<div class="tongue">
<div class="t1"></div>
<div class="t2"></div>
<div class="t3"></div>
</div>
</div>
</div>
</div>
<div class="bell">
<div class="bellrec"></div>
<div class="bellcir"></div>
<div class="l2"></div>
</div>
</div>
<div class="doratext"><marquee><b><i><font color="42bff4">Hello</div>
</body>[/tx]