Stats

            
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 pt-12 pb-20">
  <div class="max-w-screen-lg mx-auto text-center">
    <span class="text-gray-700 font-medium">Our amazing numbers</span>
    <p class="text-xl lg:text-2xl text-gray-600 mt-2">Dwelling and speedily ignorant any steepest. Admiration instrument affronting invitation reasonably up do of hy saw declared prosperous.</p>
  </div>
  <div class="md:grid md:grid-cols-2 xl:grid-cols-4 md:gap-12 xl:gap-y-20 max-w-screen-xl mx-auto mt-12 lg:mt-20 space-y-12 md:space-y-0">
    <div class="text-center">
      <span class="block font-semibold text-4xl mb-2">221</span>
      <span class="text-lg">Templates made</span>
    </div>
    <div class="text-center">
      <span class="block font-semibold text-4xl mb-2">1591</span>
      <span class="text-lg">Lines of code</span>
    </div>
    <div class="text-center">
      <span class="block font-semibold text-4xl mb-2">291</span>
      <span class="text-lg">Bugs fixed</span>
    </div>
    <div class="text-center">
      <span class="block font-semibold text-4xl mb-2">1911</span>
      <span class="text-lg">Dollars made</span>
    </div>
  </div>
</div>
            
          

            
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 pt-12 pb-20">
  <div class="md:grid md:grid-cols-2 max-w-screen-lg mx-auto">
    <div class="text-center md:border-r-2 border-gray-300 p-8 lg:p-12">
      <span class="block font-semibold text-4xl lg:text-6xl mb-2">221</span>
      <span class="text-lg">Templates made</span>
    </div>
    <div class="text-center border-t-2 md:border-t-0 border-gray-300  p-8 lg:p-12">
      <span class="block font-semibold text-4xl lg:text-6xl mb-2">1591</span>
      <span class="text-lg">Lines of code</span>
    </div>
    <div class="text-center border-t-2 md:border-r-2 border-gray-300 p-8 lg:p-12">
      <span class="block font-semibold text-4xl lg:text-6xl mb-2">291</span>
      <span class="text-lg">Bugs fixed</span>
    </div>
    <div class="text-center border-t-2 border-gray-300 p-8 lg:p-12">
      <span class="block font-semibold text-4xl lg:text-6xl mb-2">1911</span>
      <span class="text-lg">Dollars made</span>
    </div>
  </div>
</div>
            
          

            
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 pt-12 pb-20">
  <div class="max-w-screen-lg mx-auto text-center">
    <h2 class="text-2xl sm:text-2xl md:text-3xl lg:text-4xl text-gray-700 font-medium">Take a look at our numbers</h2>
    <p class="text-xl text-gray-600 mt-4 max-w-3xl mx-auto">World among the stalks, and grow familiar wibable forms of the insects and flies</p>
  </div>
  <div class="md:grid md:grid-cols-2 xl:grid-cols-4 md:gap-12 xl:gap-y-20 max-w-screen-xl mx-auto mt-12 space-y-12 md:space-y-0">
    
    <div class="text-center bg-gray-200 p-4 lg:p-8 rounded-lg">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 mx-auto mb-4">
        <path fill="#fff" d="M12 14l9-5-9-5-9 5 9 5z" />
        <path fill="#fff" d="M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z" />
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222" />
      </svg>
      <span class="block font-semibold text-4xl mb-2">221</span>
      <span class="text-lg">Students</span>
    </div>
   
    <div class="text-center bg-gray-200 p-4 lg:p-8 rounded-lg">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 mx-auto mb-4">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" />
      </svg>
      <span class="block font-semibold text-4xl mb-2">3000</span>
      <span class="text-lg">Books</span>
    </div>

    <div class="text-center bg-gray-200 p-4 lg:p-8 rounded-lg">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 mx-auto mb-4">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
      </svg>
      <span class="block font-semibold text-4xl mb-2">12000</span>
      <span class="text-lg">Hours of material</span>
    </div>

    <div class="text-center bg-gray-200 p-4 lg:p-8 rounded-lg">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 mx-auto mb-4">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" />
      </svg>
      <span class="block font-semibold text-4xl mb-2">12</span>
      <span class="text-lg">Locations</span>
    </div>
   
  </div>
</div>
            
          

            
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 pt-12 pb-20">
  <div class="flex flex-wrap border-b border-gray-200 py-6 bg-white max-w-screen-xl mx-auto">
    <div
      class="w-full sm:w-1/2 mb-4 md:mb-0 md:flex-1 px-4 xl:px-6 flex justify-between items-start md:max-w-xs border-b md:border-b-0 md:border-r border-gray-200 pb-4">
      <div>
        <span class="font-medium block mb-1 text-sm text-gray-600">Status</span>
        <div class="text-xl font-medium">All online</div>
      </div>
      <div class="bg-gray-200 w-6 h-6 rounded-full text-gray-600 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
        </svg>
      </div>
    </div>
    <div
      class="w-full sm:w-1/2 mb-4 md:mb-0 md:flex-1 px-4 xl:px-6 flex justify-between items-start md:max-w-xs border-b md:border-b-0 md:border-r border-gray-200 pb-4">
      <div><span class="font-medium block mb-1 text-sm text-gray-600">Uptime</span>
        <div class="text-xl font-medium">97.5%</div>
      </div>
      <div class="bg-gray-200 w-6 h-6 rounded-full text-gray-600 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
        </svg>
      </div>
    </div>
    <div
      class="w-full sm:w-1/2 mb-4 md:mb-0 md:flex-1 px-4 xl:px-6 flex justify-between items-start md:max-w-xs border-b md:border-b-0 md:border-r border-gray-200 pb-4">
      <div><span class="font-medium block mb-1 text-sm text-gray-600">Speed</span>
        <div class="text-xl font-medium">222ms</div>
      </div>
      <div class="bg-gray-200 w-6 h-6 rounded-full text-gray-600 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
        </svg>
      </div>
    </div>
    <div
      class="w-full sm:w-1/2 mb-4 sm:mb-0  pb-3 md:pb-0 md:flex-1 px-4 xl:px-6 flex justify-between items-start md:max-w-xs border-b sm:border-b-0 md:border-r border-gray-200 pb-4">
      <div><span class="font-medium block mb-1 text-sm text-gray-600">Health</span>
        <div class="text-xl font-medium">Issues</div>
      </div>
      <div class="bg-gray-200 w-6 h-6 rounded-full text-gray-600 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
        </svg>
      </div>
    </div>
    <div
      class="w-full sm:w-1/2 mb-4 md:mb-0 md:flex-1 px-4 xl:px-6 flex justify-between items-start md:max-w-xs border-b md:border-b-0 md:border-r border-gray-200 pb-4">
      <div><span class="font-medium block mb-1 text-sm text-gray-600">Number of sites</span>
        <div class="text-xl font-medium">15/200</div>
      </div>
      <div class="bg-gray-200 w-6 h-6 rounded-full text-gray-600 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
        </svg>
      </div>
    </div>
  </div>
</div>