<metro-carousel height="16/9">
<metro-carousel-slide cover="/Images/1.jpg" class="d-flex flex-justify-center flex-align-center"> <span class="h3 fg-white">16/9</span></metro-carousel-slide>
</metro-carousel>
<metro-carousel height="21/9">
<metro-carousel-slide cover="/Images/1.jpg" class="d-flex flex-justify-center flex-align-center"> <span class="h3 fg-white">21/9</span></metro-carousel-slide>
</metro-carousel>
<metro-carousel height="4/3">
<metro-carousel-slide cover="/Images/1.jpg" class="d-flex flex-justify-center flex-align-center"> <span class="h3 fg-white">4/3</span></metro-carousel-slide>
</metro-carousel>
<metro-carousel height="300">
<metro-carousel-slide cover="/Images/1.jpg" class="d-flex flex-justify-center flex-align-center"> <span class="h3 fg-white">300</span></metro-carousel-slide>
</metro-carousel>
<metro-carousel controls-outside="true">
<metro-carousel-slide cover="/Images/1.jpg"/>
<metro-carousel-slide cover="/Images/2.jpg"/>
</metro-carousel>
<metro-carousel controls-on-mouse="true">
<metro-carousel-slide cover="/Images/1.jpg" />
<metro-carousel-slide cover="/Images/2.jpg" />
</metro-carousel>
<metro-carousel controls="false">
<metro-carousel-slide cover="/Images/1.jpg" />
<metro-carousel-slide cover="/Images/2.jpg" />
</metro-carousel>
<metro-carousel control-next="<span class='mif-chevron-right'></span>" control-prev="<span class='mif-chevron-left'></span>">
<metro-carousel-slide cover="/Images/1.jpg" />
<metro-carousel-slide cover="/Images/2.jpg" />
</metro-carousel>
<metro-carousel controls-outside="true">
<metro-carousel-slide cover="/Images/1.jpg"/>
<metro-carousel-slide cover="/Images/2.jpg"/>
</metro-carousel>
<metro-carousel controls-on-mouse="true">
<metro-carousel-slide cover="/Images/1.jpg" />
<metro-carousel-slide cover="/Images/2.jpg" />
</metro-carousel>
<metro-carousel controls="false">
<metro-carousel-slide cover="/Images/1.jpg" />
<metro-carousel-slide cover="/Images/2.jpg" />
</metro-carousel>
<metro-carousel control-next="<span class='mif-chevron-right'></span>" control-prev="<span class='mif-chevron-left'></span>">
<metro-carousel-slide cover="/Images/1.jpg" />
<metro-carousel-slide cover="/Images/2.jpg" />
</metro-carousel>
<metro-carousel>
<metro-carousel-slide cover="/Images/1.jpg" />
<metro-carousel-slide cover="/Images/2.jpg" />
<metro-carousel-slide cover="/Images/3.jpg" />
</metro-carousel>
<metro-carousel effect="Fade" period="500">
<metro-carousel-slide cover="/Images/1.jpg" />
<metro-carousel-slide cover="/Images/2.jpg" />
<metro-carousel-slide cover="/Images/3.jpg" />
</metro-carousel>
<metro-carousel effect="SlideV" period="500">
<metro-carousel-slide cover="/Images/1.jpg" />
<metro-carousel-slide cover="/Images/2.jpg" />
<metro-carousel-slide cover="/Images/3.jpg" />
</metro-carousel>
<metro-carousel effect="Swirl" period="500">
<metro-carousel-slide cover="/Images/1.jpg" />
<metro-carousel-slide cover="/Images/2.jpg" />
<metro-carousel-slide cover="/Images/3.jpg" />
</metro-carousel>
<metro-carousel effect="Switch" period="500">
<metro-carousel-slide cover="/Images/1.jpg" />
<metro-carousel-slide cover="/Images/2.jpg" />
<metro-carousel-slide cover="/Images/3.jpg" />
</metro-carousel>
<metro-carousel effect="Zoom" period="500">
<metro-carousel-slide cover="/Images/1.jpg" />
<metro-carousel-slide cover="/Images/2.jpg" />
<metro-carousel-slide cover="/Images/3.jpg" />
</metro-carousel>