Home
Ramkesh Gupta
Certificate of Completion

Certificate of Completion

A clean and modern certificate template built with Tailwind CSS. Ideal for courses, training programs, and professional achievements.

This tailwind example is contributed by Ramkesh Gupta, on 13-Oct-2025. Component is made with Tailwind CSS v3. It is responsive.

Other

Author Ramkesh Gupta

180

Fork Fullscreen

<div class="absolute inset-0 border-[6px] border-blue-600 rounded-xl pointer-events-none"></div>

<div class="mb-8">
      <h1 class="text-5xl font-extrabold text-gray-800 tracking-wide">Certificate of Completion</h1>
      <p class="text-gray-500 mt-3 text-lg">This certifies that</p>
    </div>

<h2 class="text-4xl font-serif font-bold text-blue-700 mt-2 underline decoration-2 decoration-blue-500">Amarkesh Maurya</h2>

<div class="mt-8 text-gray-700 text-lg leading-relaxed max-w-2xl mx-auto">
      <p>has successfully completed the professional course</p>
      <p class="text-2xl font-semibold text-gray-900 mt-2">“Digital Marketing Mastery Program”</p>
      <p class="mt-6 italic text-gray-600">in recognition of outstanding performance, creativity, and dedication.</p>
    </div>

<div class="my-10 flex justify-center">
      <div class="h-[2px] w-32 bg-gradient-to-r from-blue-500 to-blue-700 rounded-full"></div>
    </div>

<div class="flex justify-between items-center px-4 mt-10">
      
      <div class="text-left">
        <p class="font-semibold text-gray-800 text-lg">Sachin Chaudhary</p>
        <p class="text-gray-500 text-sm">Course Instructor</p>
      </div>

<div class="flex flex-col items-center">
        <div class="w-20 h-20 border-4 border-blue-600 rounded-full flex items-center justify-center text-blue-600 font-bold text-xl uppercase tracking-widest">
          MM
        </div>
        <p class="text-gray-500 text-xs mt-2">Official Seal</p>
      </div>

<div class="text-right">
        <p class="font-semibold text-gray-800 text-lg">Lumbini Buddhist University</p>
        <p class="text-gray-500 text-sm">October 2025</p>
      </div>
    </div>

<div class="mt-10 text-gray-400 text-sm">
      <p>Powered by <span class="text-blue-600 font-semibold">Mews Media Pvt. Ltd.</span></p>
    </div>
  </div>
</div>

Related Examples

Active Beauty Main Page

Author:
Maxim

8 months ago

1.1k
Responsive Cards with Hover Text Reveal Animation - Built with Tailwind CSS
nhance your website with these sleek, responsive cards designed using Tailwind CSS! Featuring a stylish hover animation, the text smoothly reveals when you hover over the card, adding a dynamic touch to your user interface. Perfect for portfolios, team profiles, or project showcases, this design adapts seamlessly to all screen sizes.

Author:
Abdul Baset Bappy

9 months ago

1.5k
Glassmorphism form

Author:
Sophia Baker

2 years ago

18.1k
Testimonial that What Client Says

Author:
Abdul Baset Bappy

6 months ago

776
Subscription Plans
Subscription Plans

Author:
Tanvir Hasan Bappy (Tanvir)

7 months ago

775
blockquote

Author:
Freja Jensen

2 years ago

10k
Review popup form with toggle and stars
Review popup form with toggle and stars

Author:
Ayman Reifoun

8 months ago

710
Enhanced Student Testimonials Section
A modern, interactive testimonials section featuring glassmorphism design, floating animations, and social proof elements. Includes star ratings, course badges, user profiles with online status indicators, and a stats section. Built with Tailwind CSS and features gradient backgrounds, hover effects, and responsive design optimized for showcasing student success stories and building credibility.

Author:
Muhammad Umair Arshad

4 months ago

473
Comparison Pricing Table Component
A responsive pricing table built with HTML and Tailwind CSS, comparing two plans (Free and Unlimited) with a clear feature checklist. Includes distinct styling for the premium plan and a toggle for monthly/annual pricing display.

Author:
Hamza Atig

8 months ago

1.3k
Icon group

Author:
Conan Hilton

2 years ago

9.9k
cards
cards with background animation

Author:
Anonymous

2 years ago

11.3k
Homepage event

Author:
Anonymous

5 months ago

577

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components