<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>
픽서