JSFiddle - React, Tailwind, and code Playground

Lamuz placeholder

by Yaroslav Samardak

HTML

<!doctype html>
<html lang="en" class="no-js">
<head>
	<meta charset="UTF-8">
	<link rel="icon" href="favicon.ico" type="image/x-icon" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
	<title>Lamuz</title>
<script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
    ga('create', 'UA-27593775-2', 'auto');
    ga('send', 'pageview');
</script>
  <style>
    html, body {
      min-height: 100%;
    }

    body {
      background: #161a30;
      color: #FFF;
      display: flex;
      font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
      font-size: 16px;
    }

    body > div {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 16px;
      margin: 0 auto;
      max-width: 600px;
      flex-direction: column;
    }

    .image {
      width: 64px;
      margin-bottom: 1em;
    }

    img {
      width: 100%;
      height: auto;
    }

    h1, h3, p {
      margin: 0 0 1em 0;
      display: block;
      width: 100%;
      text-align: center;
    }

    p {
      margin-bottom: 0.7em;
      text-indent: 1em;
      text-align: left;
      color: rgba(255, 255, 255, 0.8);
    }
  </style>
</head>
<body>
	<div>
    <div class="image">
      <img...