Seiteninhalte bearbeiten und verwalten

                       <img class="card-img-top" src="https://www.uni-goettingen.de/admin/bilder/pictures/568a0d4ae01c3480d6f310b6ffcf9187.jpg" alt="">

                       <img class="card-img-top" src="https://www.uni-goettingen.de/admin/bilder/pictures/172db527a3819a204d35df96e67250b2.jpg" alt="">

                       <img class="card-img-top" src="https://www.uni-goettingen.de/admin/bilder/pictures/43fcb73675a9a7bf5f86e10fbb197248.jpg" alt="">

</html> <style> .card {

   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
   background-color: #fff;
   background-clip: border-box;
   border: 1px solid rgba(0,0,0,.125);
   border-radius: .25rem;

} .card-img-top {

   width: 100%;
   border-top-left-radius: calc(.25rem - 1px);
   border-top-right-radius: calc(.25rem - 1px);

} .card-body {

   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   padding: 1.25rem;

text-align: left; }

.card-title { font-size: 120%;

margin-top: .2rem;

} .card-text:last-child {

   margin-bottom: 0;

}

.card-list-group {

   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   padding-left: 0;
   margin-bottom: 0;

}

.card-list-group-item {

   position: relative;
   display: block;
   padding: .75rem 1.25rem;
   margin-bottom: -1px;
   background-color: #fff;
   border: 1px solid rgba(0,0,0,.125);

text-align: left;

       border-right: none;
       border-left: none;
   

}

.card-list-group-item:hover{

background-color: #e6e6e6;

}