content.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Python Repository · Content Overview</title>

  <meta name="description" content="Overview of all learning paths and content inside the Python repository." />
  <link rel="stylesheet" href="assets/style.css" />
</head>

<body>

<header class="hero">
  <h1>Repository Content</h1>
  <p>Explore the learning paths, resources, and materials available</p>
</header>

<main class="release-grid" aria-label="Repository Content">

  <!-- Python -->
  <article class="release-card accent-blue">
    <header class="card-header">
      <span class="version">Python</span>
      <span></span>
    </header>

    <section class="card-section">
      <h3>Fundamentals</h3>
      <ul>
        <li>Syntax, variables, and data types</li>
        <li>Control flow and functions</li>
      </ul>
    </section>

    <section class="card-section">
      <h3>Intermediate</h3>
      <ul>
        <li>Object-oriented programming</li>
        <li>Error handling and debugging</li>
      </ul>
    </section>

    <section class="card-section">
      <h3>Advanced</h3>
      <ul>
        <li>Design principles</li>
        <li>Performance and best practices</li>
      </ul>
    </section>

    <div class="card-cta">
  <a href="https://github.com/YOUR_USERNAME/YOUR_REPO/tree/main/python" 
     target="_blank" 
     rel="noopener"
     class="cta-pill">
    <span>Explore Python</span>
    <span class="cta-arrow">→</span>
  </a>
</div>

  </article>

  <!-- Data Science -->
  <article class="release-card accent-green">
    <header class="card-header">
      <span class="version">Data Science</span>
      <span></span>
    </header>

    <section class="card-section">
      <h3>Foundations</h3>
      <ul>
        <li>Data science workflow</li>
        <li>Python for data analysis</li>
      </ul>
    </section>

    <section class="card-section">
      <h3>Exploration</h3>
      <ul>
        <li>Data cleaning & preprocessing</li>
        <li>Exploratory Data Analysis (EDA)</li>
      </ul>
    </section>

    <section class="card-section">
      <h3>Applied</h3>
      <ul>
        <li>Real-world datasets</li>
        <li>Practical notebooks</li>
      </ul>
    </section>


    <div class="card-cta">
  <a href="https://github.com/YOUR_USERNAME/YOUR_REPO/tree/main/python" 
     target="_blank" 
     rel="noopener"
     class="cta-pill">
    <span>Explore Data Science</span>
    <span class="cta-arrow">→</span>
  </a>
</div>

  </article>

  <!-- Machine Learning -->
  <article class="release-card accent-purple">
    <header class="card-header">
      <span class="version">Machine Learning</span>
      <span></span>
    </header>

    <section class="card-section">
      <h3>Core Concepts</h3>
      <ul>
        <li>Supervised and unsupervised learning</li>
        <li>Model evaluation basics</li>
      </ul>
    </section>

    <section class="card-section">
      <h3>Techniques</h3>
      <ul>
        <li>Regression and classification</li>
        <li>Clustering and dimensionality reduction</li>
      </ul>
    </section>

    <section class="card-section">
      <h3>Practice</h3>
      <ul>
        <li>Hands-on notebooks</li>
        <li>Applied ML workflows</li>
      </ul>
    </section>

    
    <div class="card-cta">
  <a href="https://github.com/YOUR_USERNAME/YOUR_REPO/tree/main/python" 
     target="_blank" 
     rel="noopener"
     class="cta-pill">
    <span>Explore Machine Learning</span>
    <span class="cta-arrow">→</span>
  </a>
</div>
  </article>

  <!-- Interview Questions -->
  <article class="release-card accent-orange">
    <header class="card-header">
      <span class="version">Interview Questions</span>
      <span></span>
    </header>

    <section class="card-section">
      <h3>Python</h3>
      <ul>
        <li>Core Python interview questions</li>
        <li>Advanced problem-solving</li>
      </ul>
    </section>

    <section class="card-section">
      <h3>Design & Concepts</h3>
      <ul>
        <li>Architecture and design questions</li>
        <li>Best practices and pitfalls</li>
      </ul>
    </section>

    <section class="card-section">
      <h3>Preparation</h3>
      <ul>
        <li>Quizzes and exercises</li>
        <li>Revision-focused material</li>
      </ul>
    </section>

    
    <div class="card-cta">
  <a href="https://github.com/YOUR_USERNAME/YOUR_REPO/tree/main/python" 
     target="_blank" 
     rel="noopener"
     class="cta-pill">
    <span>Explore Interview Questions</span>
    <span class="cta-arrow">→</span>
  </a>
</div>
  </article>

  <!-- Articles -->
  <article class="release-card accent-blue">
    <header class="card-header">
      <span class="version">Articles</span>
      <span></span>
    </header>

    <section class="card-section">
      <h3>Long-Form Writing</h3>
      <ul>
        <li>Python learning and growth</li>
        <li>Engineering mindset articles</li>
      </ul>
    </section>

    <section class="card-section">
      <h3>Platforms</h3>
      <ul>
        <li>Medium publications</li>
        <li>LinkedIn educational posts</li>
      </ul>
    </section>

    <section class="card-section">
      <h3>Featured</h3>
      <ul>
        <li>Curated external resources</li>
        <li>Recommended reading</li>
      </ul>
    </section>

    
    <div class="card-cta">
  <a href="https://github.com/YOUR_USERNAME/YOUR_REPO/tree/main/python" 
     target="_blank" 
     rel="noopener"
     class="cta-pill">
    <span>Explore Articles</span>
    <span class="cta-arrow">→</span>
  </a>
</div>
  </article>

</main>

<footer class="footer">
  <p>Part of the Python Repository · GitHub Pages</p>
</footer>

<a href="index.html" class="floating-home hub" aria-label="Go to Home">
  <span class="hub-dot"></span>
</a>

</body>
</html>