Sarkaree

				
					// Register Custom Post Type: Jobs
function create_job_post_type() {
$labels = array(
'name' => 'Jobs',
'singular_name' => 'Job',
'menu_name' => 'Job Notifications',
'add_new' => 'Add New Job',
'add_new_item' => 'Add New Job',
'edit_item' => 'Edit Job',
'new_item' => 'New Job',
'view_item' => 'View Job',
'search_items' => 'Search Jobs',
);

$args = array(
'labels' => $labels,
'public' => true,
'has_archive' => true,
'publicly_queryable' => true,
'show_ui' => true,
'show_in_menu' => true,
'menu_position' => 5,
'menu_icon' => 'dashicons-businessman',
'supports' => array('title', 'editor', 'thumbnail', 'custom-fields', 'excerpt'),
'rewrite' => array('slug' => 'jobs'),
'taxonomies' => array('job_category', 'job_state', 'qualification'),
);

register_post_type('sarkari_jobs', $args);
}
add_action('init', 'create_job_post_type');

// Register Taxonomies
function create_job_taxonomies() {
// Job Category
register_taxonomy('job_category', 'sarkari_jobs', array(
'labels' => array('name' => 'Job Categories', 'singular_name' => 'Category'),
'hierarchical' => true,
'rewrite' => array('slug' => 'job-category'),
));

// State
register_taxonomy('job_state', 'sarkari_jobs', array(
'labels' => array('name' => 'States', 'singular_name' => 'State'),
'hierarchical' => true,
'rewrite' => array('slug' => 'state'),
));

// Qualification
register_taxonomy('qualification', 'sarkari_jobs', array(
'labels' => array('name' => 'Qualifications', 'singular_name' => 'Qualification'),
'hierarchical' => false,
'rewrite' => array('slug' => 'qualification'),
));
}
add_action('init', 'create_job_taxonomies');

/* Brand Colors */
:root {
--primary: #FF6B35; /* Saffron/Orange */
--secondary: #1E3A5F; /* Deep Blue */
--accent: #2ECC71; /* Success Green */
--danger: #E74C3C; /* Urgent Red */
--light: #F8F9FA;
--dark: #1A1A2E;
}

/* Job Card Styling */
.job-card {
background: #fff;
border-radius: 12px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
padding: 20px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border-left: 4px solid var(--primary);
}

.job-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.job-card .org-name {
color: var(--secondary);
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.5px;
}

.job-card .post-title {
color: var(--dark);
font-size: 18px;
font-weight: 700;
margin: 8px 0;
}

.job-card .meta-info {
display: flex;
gap: 15px;
font-size: 13px;
color: #666;
}

.job-card .last-date {
background: #FFF3E0;
color: var(--primary);
padding: 4px 12px;
border-radius: 20px;
font-size: 12px;
font-weight: 600;
}

/* Urgent Badge */
.urgent-badge {
background: var(--danger);
color: white;
padding: 3px 10px;
border-radius: 4px;
font-size: 11px;
font-weight: 700;
animation: pulse 2s infinite;
}

@keyframes pulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.7; }
}

/* Category Buttons */
.cat-btn {
background: white;
border: 2px solid var(--secondary);
color: var(--secondary);
padding: 10px 20px;
border-radius: 8px;
font-weight: 600;
transition: all 0.3s;
text-decoration: none;
display: inline-block;
margin: 5px;
}

.cat-btn:hover {
background: var(--secondary);
color: white;
}

/* Mobile Responsive */
@media (max-width: 768px) {
.job-card {
margin-bottom: 15px;
}
.cat-btn {
width: 100%;
text-align: center;
}
}

/* Footer Styling */
.site-footer {
background: var(--dark);
color: #fff;
padding: 50px 0 20px;
}

.site-footer a {
color: #B0C4DE;
text-decoration: none;
}

.site-footer a:hover {
color: var(--primary);
}

/* Loading Animation for Job Cards */
.job-card.loading {
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: loading 1.5s infinite;
}

@keyframes loading {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
}





<div class="job-card">
<div class="d-flex justify-content-between align-items-start">
<div>
<span class="org-name">[ACF: org_name]</span>
<h3 class="post-title">[ACF: post_name]</h3>
</div>
<span class="urgent-badge">Last Date: [ACF: last_date]</span>
</div>

<div class="meta-info mt-3">
<span>📍 [ACF: job_location]</span>
<span>💼 [ACF: total_vacancies] Posts</span>
<span>🎓 [Taxonomy: qualification]</span>
</div>

<div class="mt-3 d-flex gap-2">
<a href="[ACF: official_link]" class="btn btn-outline-primary btn-sm" target="_blank">
Official Notice
</a>
<a href="[ACF: apply_link]" class="btn btn-primary btn-sm" target="_blank">
Apply Online
</a>
</div>
</div>