Dies ist ein About/AboutMe/AboutUs Bootstrap Studio Projekt, welches du kostenlos herunterladen und für deine eigenen Projekte verwenden kannst. Bootstrap Studio ist eine Anwendung zur Erstellung von responsiven Webseiten und bietet zahlreiche Vorlagen und Funktionen, um die Erstellung von Webseiten zu vereinfachen. Mit diesem Projekt kannst du direkt loslegen und es als Ausgangsbasis für deine eigenen Projekte nutzen.

HTML:
<section class="my-5">
    <div class="container">
        <div class="row">
            <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-5">
                <div class="about-image"><img class="img-fluid d-block w-100" alt=" " src="https://via.placeholder.com/800x533/?text=800x533" /></div>
            </div>
            <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-7">
                <div class="about-text">
                    <h3 class="text-uppercase">Heading</h3>
                    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.<br /><br />Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p><a class="text-bg-dark btn btn-lg" href="#">Weiter lesen</a>
                </div>
            </div>
        </div>
    </div>
</section>

CSS:
.about-image img {
  border-radius: 10px;
}

.about-image {
  margin-bottom: 30px;
}

.about-text {
  padding: 0;
}

.about-text h3 {
  margin-bottom: 15px;
  font-size: 27px;
}

.about-text {
  padding: 0;
}

/* * About text * */

.about-text {
  padding: 15px 0 0 30px;
}

.about-text p {
  margin-bottom: 20px;
  font-size: 18px;
}

.about-text h3 {
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 28px;
}

@media (max-width: 992px) {
  .about-text {
    padding: 0;
  }
}

@media (max-width: 768px) {
  .about-text {
    padding: 0;
  }
}

Bootstrap Studio Projekt Download | Bootstrap Studio Version: 6.4.1 | Bootstrap Version: 5.2