On your next purchase
On your next purchase
Please enter your Email Address. You will receive a link to create a new password via Email.
Search Results:
Leather mid-heel Sandals
$129.00
Cotton floral print Dress
$40.00
Leather Sneakers
$85.00
Cropped cotton Top
$29.00
Floral print midi Dress
$50.00
Nothing matches your search
😞
Size | US | Bust | Waist | Hips |
---|---|---|---|---|
XS | 2 | 32 | 24 - 25 | 33 - 34 |
S | 4 | 34 - 35 | 26 - 27 | 35 - 26 |
M | 6 | 36 - 37 | 28 - 29 | 38 - 40 |
L | 8 | 38 - 29 | 30 - 31 | 42 - 44 |
XL | 10 | 40 - 41 | 32 - 33 | 45 - 47 |
XXL | 12 | 42 - 43 | 34 - 35 | 48 - 50 |
Size | US | Foot Length |
---|---|---|
36 | 5 | 22.8 |
26.5 | 5.5 | 23.1 |
37 | 6 | 23.5 |
37.5 | 6. | 23.5 |
38 | 7 | 24.1 |
38.5 | 7.5 | 24.5 |
Size | US | Foot Length |
---|---|---|
36 | 5 | 22.8 |
39 | 8 | 24.1 |
40 | 9 | 25.4 |
40.5 | 9.5 | 25.7 |
41 | 10 | 26.0 |
Justo ut diam erat hendrerit morbi porttitor, per eu curabitur diam sociis.
Touch, responsive, flickable carousels.
Plugin documentation
<div data-flickity='{"prevNextButtons": true}'>
<div class="col-12 col-md-3 px-1">
<img src="../assets/img/products/product-25.jpg" class="img-fluid" alt="...">
</div>
<div class="col-12 col-md-3 px-1">
<img src="../assets/img/products/product-26.jpg" class="img-fluid" alt="...">
</div>
<div class="col-12 col-md-3 px-1">
<img src="../assets/img/products/product-27.jpg" class="img-fluid" alt="...">
</div>
<div class="col-12 col-md-3 px-1">
<img src="../assets/img/products/product-28.jpg" class="img-fluid" alt="...">
</div>
<div class="col-12 col-md-3 px-1">
<img src="../assets/img/products/product-29.jpg" class="img-fluid" alt="...">
</div>
</div>
Easily initialize Flickity depending on the viewport width with .flickity-{breakpoint}
or .flickity-{breakpoint}-none
modifiers. Flickity will be enabled or disabled at the specified and all subsequent breakpoints. Requires watchCSS
to be set to true
.
<div class="flickity-none flickity-md" data-flickity='{"watchCSS": true}'>
<div class="col-12 col-md-3 px-1">
<img src="../assets/img/products/product-25.jpg" class="img-fluid" alt="...">
</div>
<div class="col-12 col-md-3 px-1">
<img src="../assets/img/products/product-26.jpg" class="img-fluid" alt="...">
</div>
<div class="col-12 col-md-3 px-1">
<img src="../assets/img/products/product-27.jpg" class="img-fluid" alt="...">
</div>
<div class="col-12 col-md-3 px-1">
<img src="../assets/img/products/product-28.jpg" class="img-fluid" alt="...">
</div>
<div class="col-12 col-md-3 px-1">
<img src="../assets/img/products/product-29.jpg" class="img-fluid" alt="...">
</div>
</div>
Turn page dots into a progress bar with the .flickity-page-dots-progress
modifier. Requires pageDots
to be set to true
.
<div class="flickity-page-dots-progress" data-flickity='{"pageDots": true}'>
<div class="col-12 col-md-3 px-1">
<img src="../assets/img/products/product-25.jpg" class="img-fluid" alt="...">
</div>
<div class="col-12 col-md-3 px-1">
<img src="../assets/img/products/product-26.jpg" class="img-fluid" alt="...">
</div>
<div class="col-12 col-md-3 px-1">
<img src="../assets/img/products/product-27.jpg" class="img-fluid" alt="...">
</div>
<div class="col-12 col-md-3 px-1">
<img src="../assets/img/products/product-28.jpg" class="img-fluid" alt="...">
</div>
<div class="col-12 col-md-3 px-1">
<img src="../assets/img/products/product-29.jpg" class="img-fluid" alt="...">
</div>
</div>
Move page dots inside the flickity container with the .flickity-page-dots-inner
modifier. Requires pageDots
to be set to true
.
<div class="flickity-page-dots-inner" data-flickity='{"pageDots": true}'>
<div class="col-12 col-md-3 px-1">
<img src="../assets/img/products/product-25.jpg" class="img-fluid" alt="...">
</div>
<div class="col-12 col-md-3 px-1">
<img src="../assets/img/products/product-26.jpg" class="img-fluid" alt="...">
</div>
<div class="col-12 col-md-3 px-1">
<img src="../assets/img/products/product-27.jpg" class="img-fluid" alt="...">
</div>
<div class="col-12 col-md-3 px-1">
<img src="../assets/img/products/product-28.jpg" class="img-fluid" alt="...">
</div>
<div class="col-12 col-md-3 px-1">
<img src="../assets/img/products/product-29.jpg" class="img-fluid" alt="...">
</div>
</div>
Increase the size of the Flickity buttons with the .flickity-buttons-lg
modifier. Requires prevNextButtons
to be set to true
.
<div class="flickity-buttons-lg" data-flickity='{"prevNExtButtons": true}'>
<div class="col-12 col-md-3 px-1">
<img src="../assets/img/products/product-25.jpg" class="img-fluid" alt="...">
</div>
<div class="col-12 col-md-3 px-1">
<img src="../assets/img/products/product-26.jpg" class="img-fluid" alt="...">
</div>
<div class="col-12 col-md-3 px-1">
<img src="../assets/img/products/product-27.jpg" class="img-fluid" alt="...">
</div>
<div class="col-12 col-md-3 px-1">
<img src="../assets/img/products/product-28.jpg" class="img-fluid" alt="...">
</div>
<div class="col-12 col-md-3 px-1">
<img src="../assets/img/products/product-29.jpg" class="img-fluid" alt="...">
</div>
</div>
Move the Flickity buttons in the bottom left corner with the .flickity-buttons-bottom-left
modifier. Requires prevNextButtons
to be set to true
.
<div class="flickity-buttons-lg" data-flickity='{"prevNExtButtons": true}'>
<div class="col-12 col-md-3 px-1">
<img src="../assets/img/products/product-25.jpg" class="img-fluid" alt="...">
</div>
<div class="col-12 col-md-3 px-1">
<img src="../assets/img/products/product-26.jpg" class="img-fluid" alt="...">
</div>
<div class="col-12 col-md-3 px-1">
<img src="../assets/img/products/product-27.jpg" class="img-fluid" alt="...">
</div>
<div class="col-12 col-md-3 px-1">
<img src="../assets/img/products/product-28.jpg" class="img-fluid" alt="...">
</div>
<div class="col-12 col-md-3 px-1">
<img src="../assets/img/products/product-29.jpg" class="img-fluid" alt="...">
</div>
</div>