<!DOCTYPE html>
<html>
<head>


<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Archana Tiwari</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
  <link href="https://fonts.googleapis.com/css?family=Shadows+Into+Light&display=swap" rel="stylesheet">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>  
<style>
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: 'Cute Font', cursive;
  font-family: 'Slabo 37px', serif;
  font-family: 'Shadows Into Light', cursive;
  font-size: 27px;
}

#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
}

.content {
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 2px;
}
.topleft {
  position: absolute;
  left: 16px;
  font-size: 50px;
}
.right {
  position: absolute;
  right: 0;
  width: 100%;
  text-align: right;
  font-size: 200%;
}
 a {
  text-decoration: none;
  color:#000000;
}
 a:link {
  text-decoration: none;
}
 a:hover {
  color:#f8f8ff;
}
 }

h1 {
  text-align: center;
}

p.date {
  text-align: right;
}

p.main {
  text-align: justify;
}
</style>
</head>

<body>

​<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <video autoplay muted loop id="myVideo">
     <source src="A:\myblog\Video\typer.mp4" type="video/mp4">
      Your browser does not support HTML5 video.
    </video>
<div class="topleft"><a href="https://www.facebook.com/archana.tiwari.52">Archana's Blog</a></div>
<div class="right"><a href="">Write Blog</a></div>
  <div class="content">
   <h1>Hello Blogger</h1>
     <p class="date">19 September, 2019</p>
       <p class="main">In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since. 'Whenever you feel like criticizing anyone,' he told me, 'just remember that all the people in this world haven't had the advantages that you've had.'</p>
         <p><b>Note:</b> Write the positive, feel the positive.</p>
          <p>Thanks,</br>Archana Tiwari</p>
</body>
</html>