?
| Current Path : /home/webyoo/www/events/crm/product/model-windows/ |
| Current File : /home/webyoo/www/events/crm/product/model-windows/model-window1.html |
<div class="model-window" id="model-window1">
<div class="model-window-body">
<div class="close-window">
<i class="lni-close"></i>
</div>
<div class="container model-content">
<div class="row">
<div class="col-12 model-head-title text-center">
<div class="model-title mt-3">
<h1>Standard Shoes</h1>
</div>
</div>
<div class="col-10 offset-1 image-display-section">
<div class="price-tag"><span class="price-tag-amount">$103</span></div>
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="product/img/m6.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="product/img/m6.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="product/img/m6.jpg" class="d-block w-100" alt="...">
</div>
</div>
</div>
</div>
<div class="col-12 col-md-10 offset-md-1 project-description">
<div class="text-center text-md-left">
<p>Duis mollis mi ut sollicitudin venenatis. Donec fermentum convallis arcu ut tempus. Fusce convallis varius aliquam. Mauris neque lorem, efficitur eget blandit ac, accumsan sit amet enim. Donec gravida dignissim mauris ut ullamcorper. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class="row">
<div class="col-sm-12 col-md-6 col-lg-6 d-flex align-items-center">
<div class="color-selection">
<h4 class="text-center text-md-left">Choose Color</h4>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-6">
<div class="color-picker text-center text-md-right">
<div class="color-picker__item">
<input id="input13" type="radio" class="color-picker__input" name="color-input" value="1"/>
<label for="input13" class="color-picker__color color-picker__color--white"></label>
</div>
<div class="color-picker__item">
<input id="input14" type="radio" class="color-picker__input" name="color-input" value="2"/>
<label for="input14" class="color-picker__color color-picker__color--black"></label>
</div>
<div class="color-picker__item">
<input id="input15" type="radio" class="color-picker__input" name="color-input" value="4"/>
<label for="input15" class="color-picker__color color-picker__color--color2"></label>
</div>
<div class="color-picker__item">
<input id="input16" type="radio" class="color-picker__input" name="color-input" value="7"/>
<label for="input16" class="color-picker__color color-picker__color--color5"></label>
</div>
<div class="color-picker__item">
<input id="input17" type="radio" class="color-picker__input" name="color-input" value="9"/>
<label for="input17" class="color-picker__color color-picker__color--color7"></label>
</div>
<div class="color-picker__item">
<input id="input18" type="radio" class="color-picker__input" name="color-input" value="10"/>
<label for="input18" class="color-picker__color color-picker__color--color8"></label>
</div>
</div>
</div>
</div>
<div class="product-type">
<div class="row">
<div class="col-12 col-md-4 text-center text-md-left">
<!-- <h4><span>Sizes</span></h4>-->
<select class="input-group">
<option class="input-control" selected disabled hidden>Sizes</option>
<option class="input-control">S</option>
<option class="input-control">M</option>
<option class="input-control">L</option>
</select>
</div>
<div class="col-12 col-md-4 product-availability text-center text-md-center">
<p class="pt-1"><i class="fa fa-check"></i> In Stock</p>
</div>
<div class="col-12 col-md-4 text-center text-lg-left input_plus_mins">
<div class="qty">
<span class="minus bg-dark"><i class="lni-minus"></i></span>
<input type="number" class="count" name="qty" value="1">
<span class="plus bg-dark"><i class="lni-plus"></i></span>
</div>
</div>
<div class="col-12 text-center model-head-button">
<div class="model-title">
<button type="button" class="btn btn-prev btn-rounded">ADD TO CART</button>
</div>
</div>
</div>
</div>
</div>
<div class="model-icons">
<span class="mode-icon-circle" onclick="slide_window('model-window3');"><i class="lni-chevron-left"></i></span>
<span class="mode-icon-circle" onclick="slide_window('model-window2');"><i class="lni-chevron-right"></i></span>
</div>
</div>
</div>
</div>
</div>