Desert Rose

 avatar
user_1649912
html
5 months ago
2.9 kB
14
No Index
<!-- Decorations -->
<div class="row justify-content-center mb-3">
  <div class="col-auto">
    <img src="https://i.imgur.com/BETA9Pm.png" class="rounded-circle img-fluid" style="max-width: 80px; max-height: 80px;">
  </div>
  <div class="col-auto">
    <img src="https://i.imgur.com/X7MDfiB.png" class="rounded-circle img-fluid mx-2" style="max-width: 80px; max-height: 80px;">
  </div>
  <div class="col-auto">
    <img src="https://i.imgur.com/xv0Y7jZ.png" class="rounded-circle img-fluid" style="max-width: 80px; max-height: 80px;">
  </div>
</div>

<!-- Divider Image -->
<img src="https://i.imgur.com/e8yiKN8.png" alt="Divider" class="w-100 img-fluid mb-4">

<!-- Columns -->
<div class="container">
  <div class="row">
    <!-- Left Column -->
    <div class="col-md-3 text-center mb-4">
      <img src="https://i.imgur.com/X5T5ryY.jpeg" class="rounded-circle img-fluid mb-3" style="max-width: 120px; max-height: 120px;">
      
      <div class="d-flex flex-column align-items-center">
        <a href="#link1" class="btn mb-2" style="background-color: #702645; color: #F9CFFF; padding: 10px 20px; border-radius: 5px;">Button #1</a>
        <a href="#link2" class="btn mb-2" style="background-color: #9A6178; color: #F9CFFF; padding: 10px 20px; border-radius: 5px;">Button #2</a>
        <a href="#link3" class="btn mb-2" style="background-color: #C4899E; color: #702645; padding: 10px 20px; border-radius: 5px;">Button #3</a>
        <a href="#link4" class="btn mb-2" style="background-color: #DBB2C1; color: #702645; padding: 10px 20px; border-radius: 5px;">Button #4</a>
      </div>
    </div>

    <!-- Middle Column -->
    <div class="col-md-6 text-center mb-4">
      <img src="https://i.imgur.com/3vGENUD.jpeg" class="rounded img-fluid mb-3" style="max-width: 100%; max-height: 300px;">
      <p>Bawk bawk bawk! bawk? bawk... Bawk bawk?! Bawk bawk bawk!! Bawk? Ba-bawk? .... bawk.... bawk....</p>
    </div>

    <!-- Right Column -->
    <div class="col-md-3 text-center mb-4">
      <div class="d-flex flex-column align-items-center">
        <!-- Image #1 -->
        <img src="https://i.imgur.com/id7VTUA.png" class="rounded-circle img-fluid mb-1" style="max-width: 100px; max-height: 100px;">
        <p class="small">Chick</p>
        
        <!-- Image #2 -->
        <img src="https://i.imgur.com/5mjU9mA.png" class="rounded-circle img-fluid mb-1" style="max-width: 100px; max-height: 100px;">
        <p class="small">Adult</p>
        
        <!-- Image #3 -->
        <img src="https://i.imgur.com/P7jtbDl.png" class="rounded-circle img-fluid mb-1" style="max-width: 100px; max-height: 100px;">
        <p class="small">Outfit plans</p>
      </div>
    </div>
  </div>
</div>

<!-- Divider Image -->
<img src="https://i.imgur.com/e8yiKN8.png" alt="Divider" class="w-100 img-fluid mt-4 mb-4">
Editor is loading...
Leave a Comment