<!--Author: I.G.N Brindawan Tri Guna Yoga-->
<html>
<head>
<style type="text/css">
#font{
color: rgb(0, 0, 0);
text-align: center;
}
#click{
color: mediumorchid;
text-align: center;
}
body{
font-family: 'Arial';
background: url(https://i.pinimg.com/originals/de/f4/d5/def4d5a21435fede9db09a15c1ce9226.png) no-repeat;
background-attachment: fixed;
background-size: cover;
display: grid;
align-items: center;
justify-content: center;
height: 100vh;
}
.container {
width: auto;
height: auto;
box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);
border-radius: 50px;
position: relative;
z-index: 1;
background: inherit;
overflow: hidden;
}
.container:before {
content: "";
position: absolute;
background: inherit;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
box-shadow: inset 0 0 2000px rgba(255, 255, 255, .5);
filter: blur(5px);
margin: -20px;
}
</style>
</head>
<body>
<table>
<tr><p></p></tr>
<tr>
<div class="container" id="font">
<h2>Picture</h2>
<img src="https://webstatic-sea.mihoyo.com/ys/event/e20200910-predrawcard-sea/images/paimeng.5b13a1fb.png" />
<p>Paimon</p>
<p id="click"><a href="https://webstatic-sea.mihoyo.com/ys/event/e20200910-predrawcard-sea/images/paimeng.5b13a1fb.png" target="_blank">Open Image In New Tab</a></p>
</div>
</tr>
<tr><p></p></tr>
<tr>
<div class="container" id="font">
<h2> Video</h2>
<video controls="" src="https://genshin.mihoyo.com/_nuxt/videos/3e78e80.mp4" style="height: 218px; width: 380;"></video>
<p>Genshin Impact Preview</p>
<p id="click"><a href="https://genshin.mihoyo.com/_nuxt/videos/3e78e80.mp4">Click To Download</a></p>
</div>
</tr>
<tr><p></p></tr>
<tr>
<div class="container" id="font">
<h2>Audio</h2>
<audio controls="" src="https://genshin.mihoyo.com/_nuxt/medias/video-bgm.d8637316.mp3"></audio>
<p>Genshin Impact Background Music</p>
<p id="click"><a href="https://genshin.mihoyo.com/_nuxt/medias/video-bgm.d8637316.mp3">Click To Download</a></p>
</div>
</tr>
<tr><p></p></tr>
<tr>
<div class="container">
<h2 id="font">Page Script</h2>
<p id="font">View Page Script : <a href="https://zhelai.blogspot.com/2020/10/textcss-font-color-white-text-align.html" target="_parent">Click Here</a></p>
</div>
</tr>
<tr><p></p></tr>
<tr>
<div class="container" id="font">
<h2>Description</h2>
<p>Theme: <a href="https://genshin.mihoyo.com/en" target="_parent">Genshin Impact</a></p>
</div>
</tr>
</table>
</body>
</html>
