86 lines
2.2 KiB
Plaintext
86 lines
2.2 KiB
Plaintext
<section class="py-5">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="p-md-5 mb-2 lc-block text-center">
|
|
<div class="lc-block mb-4">
|
|
<div editable="rich">
|
|
<p class="fw-bold display-5">Our Projects</p>
|
|
</div>
|
|
</div>
|
|
<div class="lc-block mb-5">
|
|
<div editable="rich">
|
|
<p class="fw-light rfs-7"> Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br>Nunc et metus id ligula malesuada placerat sit amet quis enim.<br></p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div><!-- /col -->
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="row row-cols-2 row-cols-lg-4">
|
|
<div class="col text-center">
|
|
<div class="lc-block mb-4">
|
|
<img class="img-fluid" src="https://via.placeholder.com/512x512.png/f4f6fa/dce2ef" lc-helper="image">
|
|
</div><!-- /lc-block -->
|
|
<div class="lc-block">
|
|
<div editable="rich">
|
|
|
|
<h3>Project Name 1</h3>
|
|
<p class="text-muted">Project Description</p>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- /lc-block -->
|
|
</div>
|
|
<div class="col text-center">
|
|
<div class="lc-block mb-4">
|
|
<img class="img-fluid" src="https://via.placeholder.com/512x512.png/f4f6fa/dce2ef" lc-helper="image">
|
|
</div><!-- /lc-block -->
|
|
<div class="lc-block">
|
|
<div editable="rich">
|
|
|
|
<h3>Project Name 2</h3>
|
|
<p class="text-muted">Project Description</p>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- /lc-block -->
|
|
</div>
|
|
<div class="col text-center">
|
|
<div class="lc-block mb-4">
|
|
<img class="img-fluid" src="https://via.placeholder.com/512x512.png/f4f6fa/dce2ef" lc-helper="image">
|
|
</div><!-- /lc-block -->
|
|
<div class="lc-block">
|
|
<div editable="rich">
|
|
|
|
<h3>Project Name 3</h3>
|
|
<p class="text-muted">Project Description</p>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- /lc-block -->
|
|
</div>
|
|
<div class="col text-center">
|
|
<div class="lc-block mb-4">
|
|
<img class="img-fluid" src="https://via.placeholder.com/512x512.png/f4f6fa/dce2ef" lc-helper="image">
|
|
</div><!-- /lc-block -->
|
|
<div class="lc-block">
|
|
<div editable="rich">
|
|
|
|
<h3>Project Name 4</h3>
|
|
<p class="text-muted">Project Description</p>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- /lc-block -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
@code {
|
|
|
|
}
|