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

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

Simple Payment Successfull Notification Page

Author:
Anonymous

5 months ago

1.1k
Snake Game tailwind
snake game

Author:
QQ-VVN

5 months ago

479
Energy Efficiency Program - Oklahoma
Code for new IT proposal

Author:
Mario Williams

5 months ago

243
pricing
pricing

Author:
Omer fils ELENGA

3 months ago

405
Custom Audio Player
🎧 Custom Audio Player (HTML, Tailwind CSS & Alpine.js) A modern, responsive custom audio player built with Tailwind CSS and Alpine.js, designed for a smooth user experience and elegant visuals in both light and dark mode. ✨ Features: 🎵 Play, pause, and mute/unmute controls 📈 Interactive progress bar with seek functionality 🔊 Dynamic volume slider with live preview 🖼️ Album art and track details display ⌨️ Keyboard support — toggle play/pause with the spacebar 🌓 Fully responsive and dark-mode compatible This player uses minimal JavaScript, relying on Alpine.js for reactivity, and can be easily customized or integrated into any web project. Perfect for portfolios, podcasts, or music web apps.

Author:
wavy kits

3 weeks ago

166
htmlcss0

Author:
Anonymous

4 months ago

287
portfolio
This portfolio page for Claire includes: 1. Responsive design that works on both desktop and mobile 2. Indigo-800 and Blue-900 color scheme for the background 3. Dark mode support (the design is already dark-themed) 4. Beautiful animations and effects: 1. Fade-in and slide-up animations for sections 2. Animated skill bars 3. Hover effects on projects and buttons 4. Smooth scrolling for navigation 5. Mobile-friendly navigation with a toggle menu 6. Sections for About, Skills, Projects, and Contact 7. A contact form with styled inputs 8. Social media links in the footer 9. Accessibility considerations (proper heading structure, color contrast, focus styles) Key features: - The background uses a gradient from Indigo-800 to Blue-900 - The header and footer have a frosted glass effect using backdrop filters - Text is white for high contrast against the dark background - Sections fade in and slide up as they enter the viewport - Skill bars animate when the skills section is in view - Project cards have a hover effect with scaling and increased opacity - The contact form has animated focus states - Social media icons change color on hover - The layout is responsive, with a hamburger menu for mobile screens This implementation provides a visually appealing and functional portfolio page for Claire, using HTML, Tailwind CSS, and vanilla JavaScript for the interactions and animations.

Author:
nejaa badr

1 year ago

2k
To-Do List with Tailwind CSS
A simple and responsive to-do list built with HTML, JavaScript, and Tailwind CSS. Features task addition, completion, and deletion. Perfect for beginner projects or component demos.

Author:
Sudip chaudhary

4 months ago

561
joker
joker cyber punk

Author:
Baraka Salvator

4 months ago

874
Upvote downvote buttons

Author:
Lucas Martinez

2 years ago

11.6k
button animation
button animation big

Author:
QQ-VVN

5 months ago

530
Responsive Hero Section with Typewriter Effect
A modern hero section featuring a typewriter animation effect, social media links, and responsive design. Includes a user avatar placeholder and a clean dark gradient background. Built with Tailwind CSS and Font Awesome icons. Perfect for personal portfolio websites.

Author:
Muhammad Umair Arshad

7 months ago

477

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components