4

1

[html]<center><div class="bm-container">

   <div class="bm-image-header"></div>
   <div class="bm-info-container">
     <div class="bm-para-info">
       <div class="bm-para-info-stats">oh babe hold me closely</div>
       <div class="bm-para-info-deets">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse at risus ipsum. Curabitur lectus metus, consequat a pulvinar a, scelerisque vitae nibh. Maecenas et sem vel neque ornare mollis. Fusce libero mi, iaculis non leo nec, elementum ultricies nibh. Praesent molestie et diam vitae viverra.
<br></div></div></div>
<div class="b2-info-container">
<div class=".b2-para-info">
<div class="b2-para-info-deets">
   <hr/>
Praesent sit amet viverra velit. Ut lectus ligula, convallis vel lobortis ut, pretium ac velit. Cras lobortis neque nisl. Cras ligula dolor, mollis vitae justo sed, egestas scelerisque
   tellus. Suspendisse at tincidunt tellus. Duis semper, nunc ut blandit luctus, mi lectus suscipit ex, sed condimentum est enim sed quam. Praesent magna velit, euismod vel rutrum ac, sollicitudin eget odio. Proin et nunc a velit ultricies varius eget quis odio. Nam vulputate consectetur ligula id eleifend. In urna turpis, rhoncus sit amet egestas id, bibendum tristique arcu. Sed turpis dui, ultrices nec enim a, volutpat mattis magna. Nullam interdum augue vitae tincidunt bibendum. In vehicula arcu eget odio facilisis vestibulum.<br>

Aliquam erat volutpat. Fusce faucibus ex arcu, aliquet lobortis nulla accumsan nec.  Phasellus nisi diam, vulputate eget interdum ac, euismod sed mauris. Donec nulla tortor, pretium sit amet nunc a, finibus placerat enim. Phasellus quis risus et arcu gravida rhoncus non nec sapien. Suspendisse vel eros nec enim sagittis vulputate. <p> <hr/>
<table table-layout=fixed;
width=600px >
<tr>
<td>Какая-то информация в формате столбцов страницы<br>
<br>
</td>
<td>Какая-то информация в формате столбцов страницы<br>
<br>
</td>
</tr>
</table>
mi in, aliquet malesuada eros. Mauris vitae aliquam augue. Mauris velit leo, dignissim vel convallis in, semper ac lorem. Duis tincidunt ac odio at rhoncus. Quisque consequat nulla at felis suscipit sollicitudin. Aenean consectetur ligula quis risus faucibus scelerisque sit amet sed risus. Nulla consectetur tellus ex, id facilisis ligula convallis iaculis.
</div></div>
</div>
</div>

</center>
<link href="https://fonts.googleapis.com/css2?family=Montserrat&family=Rubik:wght@600&display=swap" rel="stylesheet">

<style>    .bm-container {width: 650px;height: auto;background-color: #fff;border: 0px; border-radius:20px;}

   .bm-info-container {width: 400px; height: fit-content;position: center;margin:-150px 0px 0px;padding:20px;}

   .bm-para-info {color:white;
     width: 400px;font-family:montserrat;border-radius:20px;margin:-20px;background-color:#634a7a; position: center; height: auto; padding:2px;}
 
 
     .b2-info-container {width: 600px; height: fit-content;position: center;margin:10px 0px 0px;padding:20px;}

   .b2-para-info {color:#1e1908;
     width: 600px;font-family:montserrat;border-radius:20px;margin:20px;background-color:#1f7498; position: center; height: auto; padding:2px;}
 
  .b2-para-info-deets {margin:0px;text-align:justify;font-family:montserrat;font-size:12px;line-height:20px;height:100px;height: fit-content;}
 
 
hr {height: 2px;
    background-color: #634a7a;
    border:none;

}
   .bm-image-header { width: 650px; height: 250px;margin:0px 0px 0px;
background:url('https://i.ibb.co/R6JsCH6/dsfdbbvbd.png');background-size: cover;background-position: center;border-radius:20px;}

.bm-para-info-stats {margin:20px;text-align:center;font-family:rubik;text-transform:uppercase;color:#fff;font-size:12px;}

.bm-para-info-deets {margin:20px;text-align:justify;font-family:montserrat;font-size:12px;line-height:20px;height:110px;height: fit-content;}

 
</style>[/html]