blog.html

---
layout: default
permalink: blog
title: Blog - Julian Vu | Web Designer
---

<section id="blog" class="bg-primary flex-fill">
  <section
    id="blog-hero"
    class="jumbotron jumbotron-fluid text-light bg-primary"
  >
    <div class="container mt-5 pt-5">
      <h1 class="font-weight-bold">Blog and Case Studies</h1>
      <div class="my-3"></div>
      <h3>
        Read about case studies of projects I've worked on in the past, and
        learn about how to make a website work for you.
      </h3>
    </div>
  </section>
  <section id="post-list">
    {% for post in site.posts %}
    <div class="container">
      <a href="{{ post.url }}" class="text-decoration-none">
        <div class="card border-0 bg-primary-2 text-light">
          <div class="row no-gutters">
            <div class="col-md-6">
              <img src="{{ post.featured-image }}" alt="" />
            </div>
            <div class="col-md-6 align-self-center px-4 py-4 py-md-0">
              <h3 class="font-weight-bold">{{ post.title }}</h3>
              <p class="text-neutral-light text-uppercase">
                {{ post.category }}
              </p>
              <p>{{ post.excerpt }}</p>
            </div>
          </div>
        </div>
      </a>
    </div>
    {% endfor %}
  </section>
</section>
<script>
  $(document).ready(function () {
    $(".navbar-nav li a").click(function (e) {
      $(".navbar-nav li.active").removeClass("active");
      var $parent = $(this).parent();
      $parent.addClass("active");
      e.preventDefault();
    });
  });
</script>