Thursday, 24 October 2019

Diwali Greetings using Html and Css


<!Doctype html>
<html>
<head>
<title> Diwali Celibration</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css" />
<style>
*{
margin:0px;
padding:0px;
}
body{
background:#000;
}
.main{
width:100%;
height:100vh'
}
.main h1{
text-align:center;
color:red;
}
.main hr{
width:30%;
height:5px;
background:red;
position:absolute;
left:35%;
top:15%;
border:none;
}
.diwali{
display:flex;
display-direction:row;
align-items:center;
justify-content:center;
text-align:center;
width:100%;
height:350px;
}

.content-note{
color: #ffff57eb;
font-size:22px;
}



</style>

</head>
<body>
<div class="main">
<br> <br>
<h1 class="animated bounce infinite slow"> ।।..आप सभी को दिवाली 2019 की हार्दिक शुभकामनाएं..।। </h1>
<hr>
<div>
<br/>
</div>
<div class="diwali">

<div class="content-note">
<h2>सुख समृधि आपको मिले इस दीवाली पर,<br/>
दुख से मुक्ति मिले इस दीवाली पर,<br/>
माँ लक्ष्मी का आशीर्वाद हो आपके साथ <br/>
और लाखों खुशिया मिले इस दीवाली पर.<br/>
! शुभ दीवाली ! </h2>
<p style="text-align:right"> Rajashree Tripathy</p>
</div>

<div class="right-side" >
<img src="image/ro1.gif" class="rocket1" width="100px;">
</div>
</div>
</div>
</body>
</html>






Thursday, 10 October 2019

Count Timmer use in Java Script


Count timer














<!Doctype html>
<html>
<head>
<title> Count timer </title>
<style>
*{
margin:0px;
padding:0px;
}
div{
width:100%;
height:100vh;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
background-image:linear-gradient(#db68e2,#1cd6ff);
}
p{
height: 100px;
    width: 700px;
    background-image: linear-gradient(#9C27B0,#9C27B0);
    color: #f3f3f7;
    text-align: center;
    font-size: 80px;
}
h1{
color:#fff;
font-family:cursive;
}
</style>
</head>
<body>
 <div>
 <h1> Count Down Start for New Year</h1>
<p id="time"></p>
 </div>
 <script>

 var date = new Date("jan 1,2020  12:00:00").getTime();
 var x = setInterval(function(){
 var current = new Date().getTime();
 var rest = date - current;
 var days = Math.floor(rest / (1000*60*60*24));
 var hours = Math.floor((rest % (1000*60*60*24)) / (1000*60*60));
 var min = Math.floor((rest % (1000*60*60)) / (1000*60));
 var sec = Math.floor((rest % (1000*60)) / 1000);
 document.getElementById("time").innerHTML = days+"d," + hours+"h:,"+min+"m:,"+sec+"s"
 },1000);
 </script>
</body>
</html>

SEO introduction

What is SEO? SEO(Search Engine Optimization ) is a technique that helps to bring the Website on top. Seo depends on the Keyword . Ke...