index.html

---
layout: default
title: Home
page_name: home
---

<section class="projects-section section-padding">
  <div class="container">
    <div class="section-header">
      <h1 class="text-center">Projects</h1>
    </div>

    <div class="row justify-content-center">
      {% for project in site.projects %}
        <div class="col-md-11">
          <div class="row">
            <div class="col-md-6 project-item">
              <h2 class="project-title">
                {{ project.name }}
              </h2>
              <p class="project-description">
                {{ project.description }}
              </p>
              <p class="learn-more">
                <a href="{{ project.url }}">Learn to Build <i class="fas fa-long-arrow-alt-right"></i></a>
              </p>
            </div>
            <div class="col-md-6">
              <img src="{{ site.image_base_url }}/college.jpg" class="img-fluid shadow" alt="">
            </div>
          </div>
        </div>
      {% endfor %}
    </div>
  </div>
</section>