JSFiddle - React, Tailwind, and code Playground

by Alexander

HTML

<h1 class="logo">DiamondCube</h1>
<h2>
  <div class="product-logo"></div>
  <span class="product-name">Multifamily</span>
</h2>

<h3>
Commercial Real Estate Portfolio &amp; Acquisition Management
</h3>

<h4>
Master Your Investments
</h4>

<article>
  <h1>The spectacle before us was indeed sublime.</h1>
  <p>
    Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle. By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath
    was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver. Looking down into the dark gulf below, I could see a ruddy light streaming through a rift in the clouds.
  </p>
</article>

CSS

@import url('https://fonts.googleapis.com/css?family=Cambay|Exo|Exo+2|Julius+Sans+One|Jura|Metrophobic|Orbitron|Play|Quantico|Raleway');
.logo { font-family: 'Jura', sans-serif; }
h1 { font-family: 'Jura', sans-serif; }
.product-name {
  /* color: gray; */
  font-family: 'Play', sans-serif;
  /* font-size: 65%; */
  font-weight: normal;
}
body { font-family: 'Raleway', sans-serif; }
div.product-logo {
  display: inline-block;
  width: 32px;
  height: 32px;
}

div.product-logo {
  max-width: 256px;
  max-height: 256px;
  background-image:...