<!DOCTYPE html>
<html lang="en" style="font-size:18px;">
<head>
<meta charset="utf-8">
<style>
body>div:nth-child(2)>div {
float:left;
width:60px;
heigth:60px;
box-sizing:border-box;
margin-left:calc(50% - 30px);
margin-bottom:20px;
margin-top:20px;
font-size:30px;
text-align:center;
white-space:pre;
}
</style>
<script src="../../taskq.js" charset="UTF-8"></script>
<script src="./B.js" data-taskqid="B" data-taskqwaitfor="A" charset="UTF-8" async></script>
<script src="./C.js" data-taskqid="C" data-taskqwaitfor="B" charset="UTF-8" async></script>
<script src="./A.js" data-taskqid="A" data-taskqwaitfor="" charset="UTF-8" async></script>
<!--<script src="./D.js" data-taskqid="loadend" data-taskqwaitfor="" charset="UTF-8" async></script>-->
</head>
<body style="font-family:Helvetica;">
<div style="position:absolute;z-index:2;text-align:center;padding:50px;font-size:1rem;line-height:200%;color:DarkGray;">
Read more
<a href="" style="text-decoration:none;color:DarkSlateGray;">
@MEDIUM
</a>
post.
</div>
<div style="width:20%;min-width:200px;min-height:300px;height:70%;position:absolute;margin:auto;top:15%;left:0;right:0;background:LightGray;border-radius:10px;">
</div>
</body>
</html>