options.html

<div class="col-md-1">
    <div style="height: 50px; width: 50px; border: solid black 1px;"></div>
</div>
<div class="col-md-2">
    <h2>{{options[0].name}}</h2>
    <img v-show="true" v-bind:src="options[0].imgSrc" height="200" width="200">
    <p><a class="btn btn-success" role="button">Add</a></p>
    <p><a class="btn btn-primary" role="button">Details</a></p>
</div>
<div class="col-md-2">
    <h2>{{options[1].name}}</h2>
    <img v-show="true" v-bind:src="options[1].imgSrc" height="200" width="200">
    <p><a class="btn btn-success" role="button">Add</a></p>
    <p><a class="btn btn-primary" role="button">Details</a></p>
</div>
<div class="col-md-2">
    <h2>{{options[2].name}}</h2>
    <img v-show="true" v-bind:src="options[2].imgSrc" height="200" width="200">
    <p><a class="btn btn-success" role="button">Add</a></p>
    <p><a class="btn btn-primary" role="button">Details</a></p>
</div>
<div class="col-md-2">
    <h2>{{options[3].name}}</h2>
    <img v-show="true" v-bind:src="options[3].imgSrc" height="200" width="200">
    <p><a class="btn btn-success" role="button">Add</a></p>
    <p><a class="btn btn-primary" role="button">Details</a></p>
</div>
<div class="col-md-2">
    <h2>{{options[4].name}}</h2>
    <img v-show="true" v-bind:src="options[4].imgSrc" height="200" width="200">
    <p><a class="btn btn-success" role="button">Add</a></p>
    <p><a class="btn btn-primary" role="button">Details</a></p>
</div>
<div class="col-md-1">
    <div style="height: 50px; width: 50px; border: solid black 1px;"></div>
    <!-- <div v-on:click='cycleOptions(true)'>Arrow</div> -->
</div>