Template 005

<!-- CSS3 - Template 005 (cr) necronancy -->
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Fontdiner+Swanky|Karma|Mountains+of+Christmas" rel="stylesheet">
<style>
 .main5 { position:relative; width:510px; margin:auto; padding:10px; text-align:justify; }
 .yph5 { width:280px; height:275px; overflow:hidden; padding:15px; float:left; }
 .applesauce5 { width:485px; margin:auto; }
 .yph5, .applesauce5 { font-family:'Karma', serif; font-size:small; color:#000; }
 img.penguin5 { width:400px; height:200px; overflow:hidden; margin-top:10px; margin-bottom:10px; margin-left:50px; }
 img.overlay5 { position:absolute; z-index:1; margin-top:40px; margin-left:310px; width:200px; height:300px; opacity:0.3; }
 img.fltrd5 { filter:brightness(200%); -webkit-filter: brightness(200%); }
 hr.oo5 { border:0; height:5px; background:linear-gradient(to right,#4c5267,#67f494); margin:10px; }
 hr.oo5a { border:0; height:10px; background:linear-gradient(to right, transparent 50%, #fff 50%), linear-gradient(to right,#5cc59e,#363a51); background-size:16px,100%; margin:20px; }
 .main5 b, .main5 strong { letter-spacing:2px; color:#4c5267; text-transform:uppercase; }
 .main5 em, .main5 i { letter-spacing:3px; color:#5cc59e; }
 h1.v { font-family:'Fontdiner Swanky', cursive; font-size:xx-large; line-height:100%; color:#363a51; margin:0; }
 h2.v { font-family:'Mountains of Christmas', cursive; color:#5cc59e; letter-spacing:5px; margin:0; }
 #DuD5 { position:relative; margin-top:-20px; margin-left:20px; }
 a.DuD5 { font-family:'Arial'; color:rgba(54,58,81,0.2); text-decoration:none; }
 a.DuD5:hover { color:rgba(103,244,148,1.0); }
</style>
</head>
<body>
<div class="main5">
<!-- Overlay image created by necronancy — Please do not resdistribute or claim as your own. -->
<img class="overlay5" src="https://i.imgur.com/hMD5RJl.png">
<center>
<small>
<strong>Attn►</strong> Name, Name
</small>
╬
<small>
<strong>Mntns►</strong> Name, Name
</small>
</center>
<hr class="oo5">
<div class="yph5">
<h1 class="v">Plot Title</h1>
<br>
<!-- 1 Line Title: approx. 736 characters/132 words | 2 Line Title: approx. 640 characters/115 words -->
Part one of your post here.
</div>
<img class="fltrd5" src="https://via.placeholder.com/200x300" width="200px" height="300px">
<hr class="oo5a">
<div class="applesauce6">
Part two of your post here.
</div>
<img class="penguin5" src="https://via.placeholder.com/400x200">
<hr class="oo5">
<h2 class="v" style="text-align:right;">display/URLhere</h2>
<div id="DuD5">
<a class="DuD5" href="/necronancy">=^D<!-- DO NOT REMOVE --></a>
</div>
</div>
</body>
</html>