JSFiddle - React, Tailwind, and code Playground

by andypotanin

HTML

<!doctype html>
<html lang="en" class="dark">

<head>
  <title>PicklePro</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio,container-queries"></script>
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
</head>

<body data-version="25">



<section class="py-8 bg-gray-50 text-gray-800">
  <div class="container mx-auto px-4">
    <h1 class="text-2xl font-bold mb-4">We are a team of technical professionals that help businesses leverage cloud computing</h1>
    <p class="mb-6">Over 15,000 companies around the world use our open-source software while we provide advisory and engineering services to our 73 amazing clients.</p>
    <a href="https://udx.io/#contact" class="inline-block bg-blue-500 text-white py-2 px-4 rounded mb-8">Get in Touch</a>

    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-8">
      <div class="bg-white p-4 rounded shadow">
        <h2 class="text-xl font-bold">300+</h2>
        <p>Cloud Environments Automated</p>
      </div>
      <div class="bg-white p-4 rounded shadow">
        <h2 class="text-xl font-bold">2000+</h2>
        <p>Infrastructure as Code Scripts Written</p>
      </div>
      <div class="bg-white p-4 rounded shadow">
        <h2 class="text-xl font-bold">30%</h2>
        <p>Reduction in Deployment Time</p>
      </div>
      <div class="bg-white p-4 rounded shadow">
        <h2 class="text-xl font-bold">100+</h2>
        <p>Servers Configured Automatically</p>
      </div>
    </div>

    <div class="mb-8">
      <h2 class="text-2xl font-bold mb-4">Client Success</h2>
      <div class="mb-8">
        <h3 class="text-xl font-bold">Transact Campus has the most successful Apple Pay partner launch ever.</h3>
        <p class="mb-4">When Apple came to Transact Campus with an opportunity, Transact Campus came to UDX for...