JSFiddle - React, Tailwind, and code Playground

by schmidjon

HTML

<!doctype html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="initial-scale=1">
<meta name="robots" content="noindex" />
<meta charset="utf-8" />
<title>Currently Unavailable · SLV.GLOBAL</title>
<link rel="shortcut icon" type="image/x-icon" href="https://static1.squarespace.com/static/53e1de62e4b09eda8da004c6/t/57fb6b95c534a5767ea8eae6/favicon.ico" />
<link href="https://fonts.googleapis.com/css?family=PT+Sans:400,700" rel="stylesheet">
<style>
.body {
  max-width: 850px;
  padding: 125px 50px;
  font-family: 'PT Sans', sans-serif;
  color: #434f69;
}
</style>
</head>
<body>
<div class="body">
  <h1>Currently Unavailable</h1>
  <p>We have found from our own experience that volunteers who apply from certain countries have found it difficult to acquire the correct visa to take part in our placements. Due to this, we are unable to accept applications from certain countries at this time. However, are monitoring the situation and we will update our page if this does change.</p>
  <p>If you would like any further information, please email us on [email protected]</p>
</div>
</body>
</html>