JSFiddle - React, Tailwind, and code Playground

by seevis

HTML

[center]<link href="https://fonts.googleapis.com/css?family=La+Belle+Aurore" rel="stylesheet"><div style="width:310px;"> <br><img src="http://68.media.tumblr.com/3637f7e9d4d696986e4009fd3d7d1c03/tumblr_nhzhnomN4D1r3xxruo2_400.gif" style="width: 150px;border-top: 10px #c9c9c9 double;
"> <img src="http://68.media.tumblr.com/04f2695bcf7ef32ed5a8ee18d20e2cb0/tumblr_nhzhnomN4D1r3xxruo7_r1_400.gif" style="width: 150px;border-top: 10px #5d8aa8 double;
"></div><div style="height: 10px; width: 214px; background-color: #c9c9c9; border-right: 90px #5d8aa8 solid;"></div><div style="font-size: 25px; font-family: 'La Belle Aurore', cursive; color: #5d8aa8; text-align: center;letter-spacing: -2px; margin-top: -8px;margin-left: -85px;">Rudolph Heferth</div>[/center]

    <link href='http://fonts.googleapis.com/css?family=Abril+Fatface' rel='stylesheet' type='text/css'><center> <div style="width: 2px; height: 10px; border-left: 200px solid #e3dac9; border-right: 148px solid #5d8aa8;"></div><div style="width: 180px; height: 144px; margin-top: 2px; margin-bottom: 2px; background: url(http://68.media.tumblr.com/09a9a4507446238b313ad3624dfd7967/tumblr_oat6hz4rkD1rjn473o1_500.gif);"></div><div style="width: 350px; font: 20px/20px abril fatface; text-align: left; text-transform: lowercase; text-shadow: 1px 1px 0px #FA6900, 1px -1px 0px #FA6900, -1px 1px #69D2E7, -1px -1px #69D2E7; color: yellow; padding-bottom: 2px; border-bottom: 1px solid #5d8aa8; margin-bottom: 2px;margin-top:-3px;"></div><div style="width: 350px; font: italic 12px/12px times; text-align: right; text-transform: lowercase; color: #5d8aa8; letter-spacing: 8px; margin-top:2px;">rudolph heferth</div></center>


<div style="width: 2px; height: 10px; border-left: 50px solid #e3dac9; border-right: 148px solid #5d8aa8;"></div>
<img src="http://68.media.tumblr.com/09a9a4507446238b313ad3624dfd7967/tumblr_oat6hz4rkD1rjn473o1_500.gif" style="width:200px;"><div style="width: 200px; font: italic 12px/12px times; text-align:...

CSS

.czc1 {
  font-family: 'Devonshire', cursive;
  font-size: 26px;
  text-align: center;
  letter-spacing: 1px;
  color: #98817b;
}

.czc2 {
  font-family: 'Oregano', cursive;
  font-size: 24px;
  text-align: center;
  letter-spacing: -1px;
  color: teal;
}

.czc3 {
  font-family: 'Overpass Mono', monospace;
  font-size: 20px;
  text-align: center;
  letter-spacing: -3px;
  color: teal;
}

.czc4 {
  font-family: 'Seaweed Script', cursive;
  font-size: 24px;
  text-align: center;
  letter-spacing: -1px;
  color: teal;
}