포트폴리오 - 블로그 섹션

jb kim·2022년 8월 4일
0

부트스트랩

목록 보기
30/49

    <section id="blog" class="container py-5">
      <div class="text-center py-5">
        <h2 class="fw-bolder text-uppercase">My Blog</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem, doloribus?</p>
      </div>
      <div class="row pb-5">
        <div class="col-lg-4 col-md-6 mb-4">
          <div class="card">
            <img src="image/img7.jpg" alt="" class="card-img-top" />
            <div class="card-body">
              <h5 class="card-title text-center py-2">Lorem ipsum dolor sit amet.</h5>
              <p class="card-text">
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis at illum natus sequi explicabo,
                adipisci saepe et. Vero, labore enim.
              </p>
              <a href="#" class="btn btn-light">Read more...</a>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 mb-4">
          <div class="card">
            <img src="image/img6.jpg" alt="" class="card-img-top" />
            <div class="card-body">
              <h5 class="card-title text-center py-2">Lorem ipsum dolor sit amet.</h5>
              <p class="card-text">
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis at illum natus sequi explicabo,
                adipisci saepe et. Vero, labore enim.
              </p>
              <a href="#" class="btn btn-light">Read more...</a>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 mb-4">
          <div class="card">
            <img src="image/img5.jpg" alt="" class="card-img-top" />
            <div class="card-body">
              <h5 class="card-title text-center py-2">Lorem ipsum dolor sit amet.</h5>
              <p class="card-text">
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis at illum natus sequi explicabo,
                adipisci saepe et. Vero, labore enim.
              </p>
              <a href="#" class="btn btn-light">Read more...</a>
            </div>
          </div>
        </div>
      </div>
    </section>
profile
픽서

0개의 댓글