logomedCode
Back to templates

landing-content

Small Dashboard and content component

The Content component is used to display content like blog posts, articles, or any other type of content.

Full Screen
Small Dashboard and content component

code source

<div class="bg-gray-100">
  <div class="mx-auto flex max-w-lg flex-col px-4 py-10 lg:max-w-screen-xl lg:flex-row">
    <div class="max-w-lg pt-10 pr-10">
      <h2 class="mb-7 text-3xl font-medium text-gray-700 sm:text-4xl">Detailed Analytics</h2>
      <p class="mb-10 text-lg leading-relaxed text-gray-600 sm:leading-loose">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, eveniet deserunt? Enim praesentium dolor hic laudantium?</p>
      <p class="mb-6 text-lg leading-relaxed text-gray-600 sm:leading-loose">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptate repellat laboriosam fugiat illum excepturi dolore dolores inventore unde officiis amet, asperiores id, sed beatae quibusdam sint dolor voluptatum ex dolorum!</p>
      <a href="#" class="border-b-4 border-blue-600 pb-2 text-lg font-bold text-blue-600">Contact Sales</a>
    </div>
    <div class="-order-1 lg:order-1">
      <div class="mb-8">
        <img class="shadow-blue-500/10 mb-7 h-full w-full rounded-xl object-contain shadow-lg" src="/images/dashboard-1.png" alt="" />
      </div>
      <div class="">
        <img class="shadow-blue-500/10 h-full w-full rounded-xl object-contain shadow-lg" src="/images/dashboard-2.png" alt="" />
      </div>
    </div>
  </div>
</div>

Recent Templates:

This website uses cookies to enhance your browsing experience, analyze site traffic, and serve better user experiences. By continuing to use this site, you consent to our use of cookies. Learn more in our cookie policy

Explore the latest insights, articles,free components, and expert advice on programming and software development

© Copyright 2024 MED DAKIR. All rights reserved./privacy policy