<style>
.size-chart {
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
margin-bottom: 20px;
}
.size-chart h2 {
margin-top: 0;
margin-bottom: 0;
margin-right: 5px;
}
.size-chart table {
width: 100%;
border-collapse: collapse;
}
.size-chart th, .size-chart td {
border: 1px solid #ccc;
padding: 8px;
text-align: left;
}
.expand-icon {
cursor: pointer;
display: flex;
justify-content: centre;
float: right;
font-size: 1.3rem;
}
</style>
<div class="size-chart">
<div style="display: flex;">
<h2>Size Chart</h2>
<div class="expand-icon" onclick="toggleSizeChart()">▶</div>
</div>
<table id="size-table" style="display: none;">
<thead>
<tr>
<th>Size</th>
<th>To fit your Chest Size</th>
<th>Garment Chest</th>
<th>Length</th>
<th>Shoulder</th>
</tr>
</thead>
<tbody>
<tr>
<td>XXS</td>
<td>34</td>
<td>40</td>
<td>26.5</td>
<td>20</td>
</tr>
<tr>
<td>XS</td>
<td>36</td>
<td>42</td>
<td>27</td>
<td>21</td>
</tr>
<tr>
<td>S</td>
<td>38</td>
<td>44</td>
<td>27.5</td>
<td>22</td>
</tr>
<tr>
<td>M</td>
<td>40</td>
<td>46</td>
<td>28</td>
<td>23</td>
</tr>
<tr>
<td>L</td>
<td>42</td>
<td>48</td>
<td>28.5</td>
<td>24</td>
</tr>
<tr>
<td>XL</td>
<td>44</td>
<td>50</td>
<td>29</td>
<td>25</td>
</tr>
</tbody>
</table>
</div>
<p><span>Introducing "Udaan" from the collection "Hawa k saath saath"! This remarkable t-shirt embodies the spirit of freedom and adventure with its elegant design and captivating imagery. A stunning hot air balloon graces the front, symbolizing boundless exploration and limitless possibilities. Paired with a serene landscape featuring a majestic hilltop fort, "Udaan" inspires courage and resilience. Crafted with care and infused with symbolism, this t-shirt is a symbol of courage, adventure, and the unwavering spirit of humanity. Wear "Udaan" and let your imagination take flight as you embrace the winds of change and embark on your own journey of discovery.</span></p>
<p><br></p>
<p><br></p>
<script>
function toggleSizeChart() {
var sizeTable = document.getElementById("size-table");
if (sizeTable.style.display === "none") {
sizeTable.style.display = "table";
document.querySelector(".expand-icon").textContent = "▼";
} else {
sizeTable.style.display = "none";
document.querySelector(".expand-icon").textContent = "▶";
}
}
</script>
