A
Anonymous

Job Application Details - Copy this React, Tailwind Component to your project

Create a web user interface for a job application details page with the following elements: Header: Top left: "Back to Jobs" text with a left arrow icon Top right: A bell icon with a red notification dot, next to a circular user avatar Main content area with white cards on a light gray background: Job Details Card: Company logo (square) Job title "Product Designer" in large bold text Company name "ADNOC" in blue text Four info sections in a 2x2 grid: Start Date: 14 Oct 2024 Salary: AED 50k 120k/Year Location: Abu Dhabi, UAE Experience: 2 3 Years Each section with an icon (calendar, dollar sign, map pin, briefcase) "Save" and "Apply" buttons at the bottom right Role Fit Card: Title: "How Well Do You Fit This Role?" Circular progress indicator showing 85.7% Two columns for Strengths and Weaknesses Strengths with green checkmarks Weaknesses with red X marks Job Description Card: Title: "Job Description" Sections for "About the Job", "Responsibilities", and "Requirements" Text content in paragraph and bullet point format Style: Use a clean, modern design with a purple and white color scheme Employ subtle shadows and rounded corners for cards Use a sans serif font throughout Layout: Responsive design that works well on desktop screens Cards stacked vertically in the main content area

Prompt
Component Preview

About

JobApplicationDetails - A sleek job application UI with details, icons, and cards for roles, fit, and descriptions. Built with React and. Access free code!

Share

Last updated 1 month ago