Thanks to visit codestin.com
Credit goes to www.scribd.com

Scribd
Upload
37 views2 pages

Coding PWPB

The document displays a section for projects with a heading of "Our Projects". It contains multiple columns that each display a card with an image, project title, and short description. The same placeholder image and text are used for each of the six cards shown.

Uploaded by

Anggia Yustika
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
37 views2 pages

Coding PWPB

The document displays a section for projects with a heading of "Our Projects". It contains multiple columns that each display a card with an image, project title, and short description. The same placeholder image and text are used for each of the six cards shown.

Uploaded by

Anggia Yustika
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

<!

-- Projects -->
    <section id="projects">
      <div class="container">
        <div class="row text-center mb-5">
          <div class="col">
            <h2>Our Projects</h2>
          </div>
        </div>
        <div class="row">
          <div class="col-sm-4 mb-3">
            <div class="card">
              <img src="img/honeymoon.jpg" class="card-img-top" alt="projects"
/>
              <div class="card-body">
                <p class="card-text">Some quick example text to build on the
card title and make up the bulk of the card's content.</p>
              </div>
            </div>
          </div>
          <div class="col-sm-4 mb-3">
            <div class="card">
              <img src="img/honeymoon.jpg" class="card-img-top" alt="projects"
/>
              <div class="card-body">
                <p class="card-text">Some quick example text to build on the
card title and make up the bulk of the card's content.</p>
              </div>
            </div>
          </div>
          <div class="col-sm-4 mb-3">
            <div class="card">
              <img src="img/honeymoon.jpg" class="card-img-top" alt="projects"
/>
              <div class="card-body">
                <p class="card-text">Some quick example text to build on the
card title and make up the bulk of the card's content.</p>
              </div>
            </div>
          </div>
          <div class="col-sm-4 mb-3">
            <div class="card">
              <img src="img/honeymoon.jpg" class="card-img-top" alt="projects"
/>
              <div class="card-body">
                <p class="card-text">Some quick example text to build on the
card title and make up the bulk of the card's content.</p>
              </div>
            </div>
          </div>
          <div class="col-sm-4 mb-3">
            <div class="card">
              <img src="img/honeymoon.jpg" class="card-img-top" alt="projects"
/>
              <div class="card-body">
                <p class="card-text">Some quick example text to build on the
card title and make up the bulk of the card's content.</p>
              </div>
            </div>
          </div>
          <div class="col-sm-4 mb-3">
            <div class="card">
              <img src="img/honeymoon.jpg" class="card-img-top" alt="projects"
/>
              <div class="card-body">
                <p class="card-text">Some quick example text to build on the
card title and make up the bulk of the card's content.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- Akhir Projects -->

You might also like