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

236

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

blog component
good blog

Author:
Uwera Dorcas

8 months ago

746
TASK FAILED SUCCESSFULLY
TradingGoose Ep2 MockUp

Author:
Bruz

4 months ago

246
Table Content
Dashboard Table Content, with Sidebar Reusable for any window

Author:
Ameth Galarcio

1 year ago

2.3k
Responsive Sign-Up Form with TailwindCSS
Create a visually appealing and fully responsive sign-up form using TailwindCSS. This form includes input fields for full name, mobile number, email, password, and confirm password, along with a gradient sign-up button. Designed with simplicity and flexibility, it is perfect for modern web applications and easy to integrate into any project.

Author:
SHARIFUL ISLAM

1 year ago

1.5k
Terms of Service Page Template

Author:
Anonymous

1 year ago

2.4k
Tailwind CSS Service Card Component
An HTML and Tailwind CSS code snippet for creating a responsive service card component. Ideal for marketplaces, portfolios, or listing pages. Includes sections for image/video preview, seller info, rating, pricing, and additional details. Easy to customize using Tailwind utility classes.

Author:
Hamza Atig

9 months ago

1.1k
chatbot
is my chatbot

Author:
Omer fils ELENGA

3 months ago

303
Calculator
This calculator uses CSS although it can be passed directly to tailwind

Author:
Ameth Galarcio

1 year ago

2.1k
Notifications
Toast Notifications are lightweight and customizable components for displaying short messages or alerts. They are perfect for feedback on user actions, such as form submissions or system updates. Supports different types of notifications (success, error, warning, info). Automatically hides after a specified timeout. Option to include action buttons or close icons. Customizable styles, animation, and position on the screen.

Author:
Abhiraj

1 year ago

1.2k
Automation that delivers real results
We design high modern UI

Author:
Alif Bima Pradana

5 days ago

11
Maintenance page template
The site is under maintenance placeholder page

Author:
Anonymous

2 years ago

10.5k
htmlcss2

Author:
Elsa Khan

7 months ago

242

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components