Desert Rose
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