courses.html

---
layout: default
title: "Courses & Training"
permalink: /courses/
---

<section id="courses" style="padding: 60px 20px; background-color: #1f1f1f; color: #f0f0f0;">
  <div class="container" style="max-width: 1100px; margin: auto;">
    <h1 style="text-align: center; color: #4CAF50;">Courses & Training</h1>
    <p style="text-align: center; max-width: 800px; margin: auto; font-size: 1.1rem; color: #ccc;">
      Explore hands-on, project-based training in data science, analytics, and modern tools — designed for BSc-level learners and professionals.
    </p>

    <div class="course-grid">

      <div class="course-card">
        <h3>Power BI Fundamentals</h3>
        <p>Data visualization, dashboards, and real-time reporting.</p>
        <span>Level: Beginner</span>
      </div>

      <div class="course-card">
        <h3>Tableau Mastery</h3>
        <p>From basic charts to dynamic, interactive visualizations.</p>
        <span>Level: Intermediate</span>
      </div>

      <div class="course-card">
        <h3>Machine Learning with Python</h3>
        <p>Supervised and unsupervised models, pipelines, and evaluation techniques.</p>
        <span>Level: Intermediate–Advanced</span>
      </div>

      <div class="course-card">
        <h3>SQL for Data Science</h3>
        <p>Master SELECT statements, JOINs, subqueries, and analytical functions.</p>
        <span>Level: Beginner–Intermediate</span>
      </div>

      <div class="course-card">
        <h3>Web Development for Data Tools</h3>
        <p>HTML, CSS, and JavaScript foundations to build interactive data platforms.</p>
        <span>Level: Beginner</span>
      </div>

    </div>
  </div>
</section>

<style>
.course-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 20px;
  margin-top: 40px;
}
.course-card {
  background-color: #2c2c2c;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.3);
  transition: transform 0.3s;
}
.course-card:hover {
  transform: translateY(-5px);
}
.course-card h3 {
  color: #00BFFF;
  margin-bottom: 10px;
}
.course-card p {
  font-size: 0.95rem;
  color: #ccc;
  margin-bottom: 8px;
}
.course-card span {
  font-size: 0.85rem;
  color: #aaa;
}
</style>