|
Server : Apache/2.4.62 System : FreeBSD fbsdweb2.web.rcn.net 14.1-RELEASE FreeBSD 14.1-RELEASE releng/14.1-n267679-10e31f0946d8 GENERIC amd64 User : www ( 80) PHP Version : 8.3.8 Disable Function : NONE Directory : /domains/grandpre/Library/components/tabs/details/ |
Upload File : |
<body>
<div class="tabs tabs-info">
<ul class="nav nav-tabs">
<!-- tab -->
<li class="active">
<a data-toggle="tab" href="#desc">
Description
</a>
</li>
<!-- tab -->
<!-- tab -->
<li>
<a data-toggle="tab" href="#details">
Aditional Information
</a>
</li>
<!-- tab -->
<!-- tab -->
<li>
<a data-toggle="tab" href="#review">
Reviews (2)
</a>
</li>
<!-- tab -->
</ul>
<div class="tab-content-wrapper">
<div class="tab-content">
<!-- tab1 content -->
<div id="desc" class="tab-pane active">
<p>
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, massa fringilla consequat blandit, mauris ligula porta nisi, non tristique enim sapien vel nisl. Suspendisse vestibulum lobortis dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent nec tempus nibh. Donec mollis commodo metus et fringilla. Etiam venenatis, diam id adipiscing convallis, nisi eros lobortis tellus, feugiat adipiscing ante ante sit amet dolor. Vestibulum vehicula scelerisque facilisis. Sed faucibus placerat bibendum. Maecenas sollicitudin commodo justo, quis hendrerit leo consequat ac. Proin sit amet risus sapien, eget interdum dui. Proin justo sapien, varius sit amet hendrerit id, egestas quis mauris.
</p>
</div>
<!-- tab1 content -->
<!-- tab2 content -->
<div id="details" class="tab-pane">
<table class="table table-striped push-top">
<tr>
<th>
Size:
</th>
<td>
Unique
</td>
</tr>
<tr>
<th>
Colors
</th>
<td>
Red, Blue
</td>
</tr>
<tr>
<th>
Material
</th>
<td>
100% Leather
</td>
</tr>
</table>
</div>
<!-- tab2 content -->
<!-- tab3 content -->
<div id="review" class="tab-pane">
<ul class="comments">
<li>
<!-- comment1 -->
<div class="comment">
<div class="img-thumbnail">
<img alt="" class="avatar" src="images/details-1.jpg"> </div>
<div class="comment-block">
<div class="comment-arrow"> </div>
<span class="comment-by">
<strong>
Member Name
</strong>
<span class="pull-right">
<div class="stars" title="Rated 5.00 out of 5">
<span style="width: 100%">
<strong class="rate">
5.00
</strong>
out of 5
</span>
</div>
</span>
</span>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae, gravida pellentesque urna varius vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae. Sed dui lorem, adipiscing in adipiscing et, interdum nec metus. Mauris ultricies, justo eu convallis placerat, felis enim ornare nisi, vitae mattis nulla ante id dui.
</p>
</div>
</div>
<!-- comment1 -->
</li>
<li>
<!-- comment2 -->
<div class="comment">
<div class="img-thumbnail">
<img alt="" class="avatar" src="images/details-2.jpg"> </div>
<div class="comment-block">
<div class="comment-arrow"> </div>
<span class="comment-by">
<strong>
Member Name
</strong>
<span class="pull-right">
<div class="stars" title="Rated 5.00 out of 5">
<span style="width: 100%">
<strong class="rate">
5.00
</strong>
out of 5
</span>
</div>
</span>
</span>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae, gravida pellentesque urna varius vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae. Sed dui lorem, adipiscing in adipiscing et, interdum nec metus. Mauris ultricies, justo eu convallis placerat, felis enim ornare nisi, vitae mattis nulla ante id dui.
</p>
</div>
</div>
<!-- comment2 -->
</li>
<li>
<!-- comment3 -->
<div class="comment">
<div class="img-thumbnail">
<img alt="" class="avatar" src="images/details-3.jpg"> </div>
<div class="comment-block">
<div class="comment-arrow"> </div>
<span class="comment-by">
<strong>
Member Name
</strong>
<span class="pull-right">
<div class="stars" title="Rated 5.00 out of 5">
<span style="width: 100%">
<strong class="rate">
5.00
</strong>
out of 5
</span>
</div>
</span>
</span>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae, gravida pellentesque urna varius vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae. Sed dui lorem, adipiscing in adipiscing et, interdum nec metus. Mauris ultricies, justo eu convallis placerat, felis enim ornare nisi, vitae mattis nulla ante id dui.
</p>
</div>
</div>
<!-- comment3 -->
</li>
</ul>
<hr>
<h4>
Add a review
</h4>
<div class="row">
<div class="col-sm-12">
<!-- comment form -->
<form id="prodreview" role="form" method="post" action="https://supersubmit.co/welcome/XXXXXXXXXX">
<div class="row">
<div class="form-group">
<div class="col-sm-6">
<label>
Your name *
</label>
<input id="name" class="form-control" data-msg-required="Please enter your name." maxlength="100" name="name" type="text" value=""> </div>
<div class="col-sm-6">
<label>
Your email address *
</label>
<input id="email" class="form-control" data-msg-email="Please enter a valid email address." data-msg-required="Please enter your email address." maxlength="100" name="email" type="email" value=""> </div>
</div>
</div>
<div class="row">
<div class="form-group">
<div class="col-sm-12">
<label>
Review *
</label>
<textarea id="message" class="form-control" data-msg-required="Please enter your message." maxlength="5000" name="message" rows="10"></textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<input class="btn btn-primary" data-loading-text="Loading..." type="submit" value="Submit Review"> </div>
</div>
</form>
<!-- comment form -->
</div>
</div>
<!-- tab3 content -->
</div>
</div>
</div>
</div>
<div class="designview-placeholder" style="display:none;">
<img alt="" src="../../../../Site/images/library-components-tabs-details.png">
</div>
</body>