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

262

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

Upvote downvote buttons [alpine]
upvote and downvote buttons made as working version in alpine.js

Author:
Anonymous

2 years ago

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

Author:
Ayman Reifoun

10 months ago

964
delivery
It will help us get our stuff delivered to your home in a way that your ordered items are delivered to your home.

Author:
Nishimwe Jeanine

9 months ago

486
Pricing Plans

Author:
ariaw

6 months ago

515
Coffee Menu

Author:
ariaw

5 months ago

678
Skills Showcase, My Tech Stack and Expertise & Skills
🚀 Showcasing My Skills with TailwindCSS & Flexbox! I’ve designed a responsive and interactive Skills Section using Tailwind CSS and Flexbox. With smooth hover effects and a clean layout, this section highlights my expertise in: 🔹 Frontend Technologies – HTML, CSS, JavaScript, React, Next.js 🔹 Styling Frameworks – TailwindCSS 🔹 Backend & Tools – Node.js, Git

Author:
Muhammad Umair Arshad

11 months ago

1.4k
Modern Responsive Footer with Tailwind CSS
This sleek and modern responsive footer is built using HTML and Tailwind CSS. It features three sections: brand information, useful links, and social media icons. The footer includes smooth hover effects, subtle fade-in animations, and a fully responsive design that adapts seamlessly to different screen sizes. Perfect for websites looking for a professional and stylish footer section.

Author:
Ayyamperumal S

1 year ago

2.1k
free tailwind resume template
free tailwind resume template

Author:
Geoffrey Callaghan

2 years ago

3.7k
Sticky fullpage pages / slides

Author:
Hasan AlDoy (McDoy)

1 year ago

1.5k
Forgot password?
you can change password an time

Author:
gidy

9 months ago

680
Heading
Subtle Script Background - Large, very light script font in the background ("Amazing") Light-to-Dark Gradient Heading - Main heading fades from light gray to dark gray Layered Typography - Secondary heading in medium weight for contrast Elegant Divider - With centered italic text Minimalist Border Accents - Thin borders in corners for sophistication Responsive Design - Scales beautifully on all devices

Author:
KULDEEP

8 months ago

723
Privacy policy page template

Author:
Anonymous

1 year ago

3.1k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components