<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div ng-include="'views/components/Header.html'"></div>
<div class="container">
<div class="form-group">
<div class="label-title">Select Watch Brand
</div>
<div class="row" style="margin-top: 3%;">
<div class="col-md-2 col-md-offset-5">
<select class="form-control ng-pristine ng-valid ng-touched" ng-model="watch.brand" style="
margin: 0 auto;">
<option value="Rolex" selected="">Rolex</option>
</select>
</div>
</div>
</div>
<div class="col-md-12">
<div class="label-title">Select Watch Model
</div>
<div class="well-none" style="margin-top: 3%">
<div id="myCarousel" class="carousel slide">
<div class="carousel-inner">
<div class="item active" carousel>
<div class="row" carousel-item ng-repeat="watches in watchesCarouselObj">
<div class="col-sm-2 col-xs-6" ng-repeat="watch in watches"
ng-click="getWatchModel(watch.identifier);">
<a>
<div ng-class="watch.className">
<img src="http://lcc.dotcmscloud.com/contentAsset/image/{{watch.uploadimage}}/fileAsset"
alt="" class="img-responsive" style="height: 140px;">
</div>
</a>
