SnoHal

[dohtml]<style type="text/css">.snohal-text1,.snohal-text2,.snohal-text3,.snohal-text4{width:50px;height:15px;padding:auto;background:#81a4d4;opacity:0;font-family:'Dosis',sans-serif;font-size:7px;text-transform:uppercase;letter-spacing:1px;position:relative;left:-120px;top:50px;margin-bottom:5px;text-align:center;color:#474444}.snohal-text1:hover,.snohal-text2:hover,.snohal-text3:hover,.snohal-text4:hover{background-color:#eee;transition:1s;transition-delay:0}.snohal:hover .snohal-text1{opacity:.8;-webkit-transition:1s;-moz-transition:1s;-o-transition:1s}.snohal:hover .snohal-text2{opacity:.8;-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;-webkit-transition-delay:.5s;transition-delay:.5s}.snohal:hover .snohal-text3{opacity:.8;-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;-webkit-transition-delay:1s;transition-delay:1s}.snohal:hover .snohal-text4{opacity:.8;-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;-webkit-transition-delay:1.5s;transition-delay:1.5s}</style>
	<link href="https://fonts.googleapis.com/css?family=Dosis" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Courgette" rel="stylesheet">
	<center><div style="font-family: 'Courgette', cursive; font-size: 14px; color: #81a4d4; text-align: center;text-transform: lowercase;line-height: 90%; margin-bottom: -3px;">To reach you
Shall we give a name to this lonely feeling
<br><span style="font-size: 28px; font-style: italic;">「Snow halation」</span></div>
		<div style="width: 350px;height: 150px; background: url(https://snag.gy/CK8rcU.jpg); border-top: 5px solid #477bc3; border-bottom: 5px solid #eee;" class="snohal">
			<div class="snohal-text1"><a href="link.here">app</a></div>
			<div class="snohal-text2"><a href="link.here">plot</a></div>
			<div class="snohal-text3"><a href="link.here">database</a></div>
			<div class="snohal-text4"><a href="link.here">tracker</a></div>
		</div><div style="width: 350px; height: 15px; background-color: #477bc3;">
	</center>[/dohtml]