The following HTML code has been carefully created using advanced AI tools to ensure it is responsive, lightweight, and optimized for all devices. The live version of this page is now available at https://udgamwelfarefoundation.com/free-career-boosting-courses/. This page is part of our initiative to offer free career-boosting courses to students from all backgrounds. While the course content is still under development, it will be published soon. Students will then be able to register directly through the registration links available on the page. This project aims to empower learners by providing valuable knowledge and skills completely free of cost.
<style>
/* Course Cards Styling - Won't affect other WordPress elements */
.course-container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.course-header {
text-align: center;
margin-bottom: 40px;
animation: fadeIn 1s ease-in-out;
}
.course-header h1 {
color: #2c3e50;
font-size: 2.5rem;
margin-bottom: 15px;
}
.course-header p {
color: #7f8c8d;
font-size: 1.2rem;
max-width: 800px;
margin: 0 auto;
}
.course-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
gap: 30px;
padding: 20px 0;
}
.course-card {
background: white;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
transition: all 0.3s ease;
border-left: 5px solid #3498db;
}
.course-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 30px rgba(0,0,0,0.15);
}
.course-card-content {
padding: 25px;
}
.course-card h3 {
color: #2c3e50;
margin-top: 0;
font-size: 1.5rem;
margin-bottom: 15px;
}
.course-card p {
color: #7f8c8d;
line-height: 1.6;
margin-bottom: 20px;
}
.course-card-footer {
background: #f8f9fa;
padding: 15px 25px;
display: flex;
justify-content: space-between;
align-items: center;
}
.enroll-btn {
background: #3498db;
color: white;
border: none;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
font-weight: bold;
transition: all 0.3s ease;
text-decoration: none;
display: inline-block;
}
.enroll-btn:hover {
background: #2980b9;
transform: scale(1.05);
}
.free-badge {
background: #27ae60;
color: white;
padding: 5px 10px;
border-radius: 20px;
font-size: 0.8rem;
font-weight: bold;
}
/* Animations */
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
.course-card:nth-child(1) { animation: fadeIn 0.5s ease-in-out; }
.course-card:nth-child(2) { animation: fadeIn 0.7s ease-in-out; }
.course-card:nth-child(3) { animation: fadeIn 0.9s ease-in-out; }
.course-card:nth-child(4) { animation: fadeIn 1.1s ease-in-out; }
.course-card:nth-child(5) { animation: fadeIn 1.3s ease-in-out; }
.course-card:nth-child(6) { animation: fadeIn 1.5s ease-in-out; }
/* Responsive adjustments */
@media (max-width: 768px) {
.course-grid {
grid-template-columns: 1fr;
}
.course-header h1 {
font-size: 2rem;
}
}
</style>
<div class="course-container">
<div class="course-header">
<p>Enhance your skills and boost your career with these completely free certification courses designed specifically for students.</p>
</div>
<div class="course-grid">
<!-- Course 1 -->
<div class="course-card">
<div class="course-card-content">
<h3>Basic Computer Learning Certification</h3>
<p>Master essential computer skills including operating systems, file management, internet basics, and productivity software. Perfect for beginners.</p>
</div>
<div class="course-card-footer">
<span class="free-badge">FREE</span>
<a href="#enroll" class="enroll-btn">Enroll Now</a>
</div>
</div>
<!-- Course 2 -->
<div class="course-card">
<div class="course-card-content">
<h3>R Programming Certification</h3>
<p>Learn statistical computing and graphics with R, the language of data science. Perfect for students in statistics, biology, and social sciences.</p>
</div>
<div class="course-card-footer">
<span class="free-badge">FREE</span>
<a href="#enroll" class="enroll-btn">Enroll Now</a>
</div>
</div>
<!-- Course 3 -->
<div class="course-card">
<div class="course-card-content">
<h3>LaTeX Certification</h3>
<p>Create professional documents, research papers, and thesis with LaTeX. Essential for academic writing in STEM fields.</p>
</div>
<div class="course-card-footer">
<span class="free-badge">FREE</span>
<a href="#enroll" class="enroll-btn">Enroll Now</a>
</div>
</div>
<!-- Course 4 -->
<div class="course-card">
<div class="course-card-content">
<h3>MS Excel Certification Course</h3>
<p>From basic formulas to advanced data analysis, master Excel skills that are valuable in nearly every industry and job role.</p>
</div>
<div class="course-card-footer">
<span class="free-badge">FREE</span>
<a href="#enroll" class="enroll-btn">Enroll Now</a>
</div>
</div>
<!-- Course 5 -->
<div class="course-card">
<div class="course-card-content">
<h3>Prompt Engineering Course</h3>
<p>Learn how to effectively communicate with AI systems to get the best results. A must-have skill for the AI-driven future.</p>
</div>
<div class="course-card-footer">
<span class="free-badge">FREE</span>
<a href="#enroll" class="enroll-btn">Enroll Now</a>
</div>
</div>
<!-- Course 6 -->
<div class="course-card">
<div class="course-card-content">
<h3>AI Tools Certification (ChatGPT, DeepSeek & more)</h3>
<p>Master popular AI tools that can enhance your productivity, research capabilities, and creative output in academic and professional settings.</p>
</div>
<div class="course-card-footer">
<span class="free-badge">FREE</span>
<a href="#enroll" class="enroll-btn">Enroll Now</a>
</div>
</div>
</div>
</div>