<!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>
No comments:
Post a Comment