koi bata do
.
.
.
how did independent kingdoms
rise to power........
Answers
Answered by
3
in in the British era, many independent kingdoms were established in different parts and regions of India. The British started expanding their power in India by lowering and destructing under independent kingdoms. As the British area went on increasing, other kingdoms also started rising to power. also when the British kingdom got fully destructed, many princely States also started in different regions and all of them rise to power.
Answered by
2
[tx]
<!DOCTYPE html>
<html lang="en">
<head>
<title>Doraemon</title>
</head>
<body>
<div class="head">
<div class="eye_white">
<ul>
<li><div class="eye_black"></div></li>
<li><div class="eye_black"></div></li>
</ul>
</div>
<div class="white">
<div class="line_left">
</div>
<div class="line_right">
</div>
<div class="nose"></div>
<div class="line_vertical"></div>
<div class="mouth"></div>
</div>
</div>
<style>
.head{
width:600px;
height:600px;
border-radius:100%;
background:#3c9dca;
border: black solid thick;
}
.white{
width: 524px;
height: 462px;
border-radius: 100%;
position: relative;
top: 120px;
left: 38px;
background: #FFF;
border: black solid thin;
z-index: 0;
}
.eye_white {
position: relative;
top: 60px;
left: 130px;
z-index: 1;
}
.eye_white li{
width: 125px;
height: 152px;
border-radius: 100%;
background: #FFF;
list-style:none;
border: black solid thin;
display:block;
float:left;
}
.eye_black{
width: 25px;
height: 45px;
border-radius: 100%;
background: #000;
list-style:none;
top: 80px;
position:relative;
border: black solid thin;
display:block;
left: 10px;
-webkit-animation:move 6s ease infinite;
animation:move 6s ease infinite;
}
@-webkit-keyframes move {
16%{top:95px;left:30px;}
32%{top:100px;left:60px;}
48%{top:80px;left:90px}
64%{top:100px;left:60px}
80%{top:95px;left:30px}
}
@keyframes move {
16%{top:95px;left:30px;}
32%{top:100px;left:60px;}
48%{top:80px;left:90px}
64%{top:100px;left:60px}
80%{top:95px;left:30px}
}
.eye_black::before{
content:'';
width: 10px;
height: 15px;
border-radius: 100%;
background: #fff;
list-style: none;
top: 16px;
position: relative;
display: block;
left: 7px;
}
.line_left{
width: 150px;
height:2px;
transform:rotate(20deg);
top: 90px;
left: 14px;
position:relative;
border-radius: 10%;
background: #000;
list-style: none;
display: block;
}
.line_left::before{
content:'';
width: 150px;
height:2px;
top: 70px;
transform:rotate(-20deg);
position:relative;
border-radius: 10%;
background: #000;
list-style: none;
display: block;
}
.line_left::after{
content:'';
transform:rotate(-40deg);
width: 150px;
height:2px;
top: 120px;
left: 30px;
position:relative;
border-radius: 10%;
background: #000;
list-style: none;
display: block;
}
.line_right{
width: 150px;
height:2px;
transform:rotate(160deg);
top: 90px;
left: 370px;
position:relative;
border-radius: 10%;
background: #000;
list-style: none;
display: block;
}
.line_right::before{
content:'';
width: 150px;
height:2px;
bottom: 100px;
position:relative;
transform:rotate(30deg);
border-radius: 10%;
background: #000;
list-style: none;
display: block;
left:20px;
}
.line_right::after{
content:'';
width: 150px;
height:2px;
bottom: 50px;
transform:rotate(10deg);
left: 0px;
position:relative;
border-radius: 10%;
background: #000;
list-style: none;
display: block;
}
.nose{
width: 45px;
height: 45px;
border-radius: 100%;
background: #b90319;
list-style: none;
top: 60px;
position: relative;
border: black solid thin;
display: block;
left: 236px;
z-index:2;
}
.nose::after{
content: '';
width: 15px;
height: 15px;
border-radius: 100%;
background: #FFF;
list-style: none;
top: 19px;
position: relative;
border: black solid thin;
display: block;
left: 9px;
}
.line_vertical{
width: 2px;
height: 310px;
top: 40px;
left: 258px;
position: relative;
border-radius: 10%;
background: #000;
z-index: 1;
}
.mouth{
width: 400px;
height: 400px;
border-radius: 100%;
top: -358px;
left: 62px;
position: relative;
background: #000;
z-index: -1;
}
.mouth::after{
content: '';
width: 402px;
height: 401px;
top: -4px;
left: -1px;
border-radius: 100%;
position: relative;
display: block;
background: #FFF;
}
</style>
</body>
</html>[/tex]
ye lo code upar firse [tx] waha pe e add kro bich mai
<!DOCTYPE html>
<html lang="en">
<head>
<title>Doraemon</title>
</head>
<body>
<div class="head">
<div class="eye_white">
<ul>
<li><div class="eye_black"></div></li>
<li><div class="eye_black"></div></li>
</ul>
</div>
<div class="white">
<div class="line_left">
</div>
<div class="line_right">
</div>
<div class="nose"></div>
<div class="line_vertical"></div>
<div class="mouth"></div>
</div>
</div>
<style>
.head{
width:600px;
height:600px;
border-radius:100%;
background:#3c9dca;
border: black solid thick;
}
.white{
width: 524px;
height: 462px;
border-radius: 100%;
position: relative;
top: 120px;
left: 38px;
background: #FFF;
border: black solid thin;
z-index: 0;
}
.eye_white {
position: relative;
top: 60px;
left: 130px;
z-index: 1;
}
.eye_white li{
width: 125px;
height: 152px;
border-radius: 100%;
background: #FFF;
list-style:none;
border: black solid thin;
display:block;
float:left;
}
.eye_black{
width: 25px;
height: 45px;
border-radius: 100%;
background: #000;
list-style:none;
top: 80px;
position:relative;
border: black solid thin;
display:block;
left: 10px;
-webkit-animation:move 6s ease infinite;
animation:move 6s ease infinite;
}
@-webkit-keyframes move {
16%{top:95px;left:30px;}
32%{top:100px;left:60px;}
48%{top:80px;left:90px}
64%{top:100px;left:60px}
80%{top:95px;left:30px}
}
@keyframes move {
16%{top:95px;left:30px;}
32%{top:100px;left:60px;}
48%{top:80px;left:90px}
64%{top:100px;left:60px}
80%{top:95px;left:30px}
}
.eye_black::before{
content:'';
width: 10px;
height: 15px;
border-radius: 100%;
background: #fff;
list-style: none;
top: 16px;
position: relative;
display: block;
left: 7px;
}
.line_left{
width: 150px;
height:2px;
transform:rotate(20deg);
top: 90px;
left: 14px;
position:relative;
border-radius: 10%;
background: #000;
list-style: none;
display: block;
}
.line_left::before{
content:'';
width: 150px;
height:2px;
top: 70px;
transform:rotate(-20deg);
position:relative;
border-radius: 10%;
background: #000;
list-style: none;
display: block;
}
.line_left::after{
content:'';
transform:rotate(-40deg);
width: 150px;
height:2px;
top: 120px;
left: 30px;
position:relative;
border-radius: 10%;
background: #000;
list-style: none;
display: block;
}
.line_right{
width: 150px;
height:2px;
transform:rotate(160deg);
top: 90px;
left: 370px;
position:relative;
border-radius: 10%;
background: #000;
list-style: none;
display: block;
}
.line_right::before{
content:'';
width: 150px;
height:2px;
bottom: 100px;
position:relative;
transform:rotate(30deg);
border-radius: 10%;
background: #000;
list-style: none;
display: block;
left:20px;
}
.line_right::after{
content:'';
width: 150px;
height:2px;
bottom: 50px;
transform:rotate(10deg);
left: 0px;
position:relative;
border-radius: 10%;
background: #000;
list-style: none;
display: block;
}
.nose{
width: 45px;
height: 45px;
border-radius: 100%;
background: #b90319;
list-style: none;
top: 60px;
position: relative;
border: black solid thin;
display: block;
left: 236px;
z-index:2;
}
.nose::after{
content: '';
width: 15px;
height: 15px;
border-radius: 100%;
background: #FFF;
list-style: none;
top: 19px;
position: relative;
border: black solid thin;
display: block;
left: 9px;
}
.line_vertical{
width: 2px;
height: 310px;
top: 40px;
left: 258px;
position: relative;
border-radius: 10%;
background: #000;
z-index: 1;
}
.mouth{
width: 400px;
height: 400px;
border-radius: 100%;
top: -358px;
left: 62px;
position: relative;
background: #000;
z-index: -1;
}
.mouth::after{
content: '';
width: 402px;
height: 401px;
top: -4px;
left: -1px;
border-radius: 100%;
position: relative;
display: block;
background: #FFF;
}
</style>
</body>
</html>[/tex]
ye lo code upar firse [tx] waha pe e add kro bich mai
Similar questions