포트폴리오 - 어바웃 섹션

jb kim·2022년 8월 4일
0

부트스트랩

목록 보기
28/49

    <section id="about" class="container py-5">
      <div class="text-? py-5">
        <h2 class="fw-bolder text-uppercase">about</h2>
        <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quidem, voluptatum!</p>
      </div>
      <div class="row mb-5">
        <div class="col-md-4 mb-3">
          <img src="image/about.jpg" alt="" class="img-fluid" />
        </div>
        <div class="col-md-7 offset-lg-?">
          <p class="lh-lg">
            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Fuga, veritatis animi distinctio minus nihil
            officiis laboriosam sed reiciendis consequatur voluptatum dolore perspiciatis voluptas consectetur omnis!
            Eaque, soluta iusto. Alias, fuga velit optio necessitatibus totam blanditiis mollitia quisquam est nesciunt
            sit molestiae quibusdam obcaecati. Id commodi ratione hic impedit, sit quaerat.
          </p>
          <p class="fw-bold fs-4">My Skills:</p>
          <p>HTML:</p>
          <div class="progress">
            <div class="progress-bar progress-bar-striped bg-success" style="width: ?">70%</div>
          </div>
          <p>CSS:</p>
          <div class="progress">
            <div class="progress-bar bg-info progress-bar-striped" style="width: ?">65%</div>
          </div>
          <p>JS:</p>
          <div class="progress">
            <div class="progress-bar progress-bar-striped bg-warning" style="width: 30%">30%</div>
          </div>
          <p>Bootstrap 5:</p>
          <div class="progress">
            <div class="progress-bar progress-bar-striped bg-danger" style="width: 90%">90%</div>
          </div>
        </div>
      </div>
    </section>
profile
픽서

0개의 댓글