wanderer/ pwt-0x01-ng
Archived
2
1
Fork 0
Code Issues 5 Pull Requests Releases Activity

chore: add Product Detail boilerplate
All checks were successful
continuous-integration/drone/push Build is passing
Details

This commit is contained in:
surtur 2021-01-26 21:39:27 +01:00
parent 8c64353e1e
commit 8cd0f66e6d
Signed by: wanderer
GPG Key ID: 19CE1EC1D9E0486D
1 changed files with 43 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
Views/Products/Detail.cshtml
View File

@ -2,4 +2,46 @@
ViewData["Title"] = "Detail";
}
<h2>@ViewData["Title"]</h2>
<h3>@ViewData["Message"]</h3>
<h3>@ViewData["Message"]</h3>
<div class="container">
<div class="row">
<div class="col-lg-3">
<h1 class="my-4">product name</h1>
<div class="list-group">
<a href="#" class="list-group-item active">Category 1</a>
<a href="#" class="list-group-item">Category 2</a>
<a href="#" class="list-group-item">Category 3</a>
</div>
</div><!-- /.col-lg-3 -->
<div class="col-lg-9">
<div class="card mt-4">
<img class="card-img-top img-fluid img-responsive" src="http://placehold.it/900x400" alt="">
<div class="card-body">
<h3 class="card-title">Product Name</h3>
<h4>$24.99</h4>
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente dicta fugit fugiat hic aliquam itaque facere, soluta. Totam id dolores, sint aperiam sequi pariatur praesentium animi perspiciatis molestias iure, ducimus!</p>
<span class="text-warning">&#9733; &#9733; &#9733; &#9733; &#9734;</span>
4.0 stars
</div>
</div><!-- /.card -->
<div class="card card-outline-secondary my-4">
<div class="card-header">Product Reviews</div>
<div class="card-body">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis et enim aperiam inventore, similique necessitatibus neque non! Doloribus, modi sapiente laboriosam aperiam fugiat laborum. Sequi mollitia, necessitatibus quae sint natus.</p>
<small class="text-muted">Posted by Anonymous on 3/1/17</small>
<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis et enim aperiam inventore, similique necessitatibus neque non! Doloribus, modi sapiente laboriosam aperiam fugiat laborum. Sequi mollitia, necessitatibus quae sint natus.</p>
<small class="text-muted">Posted by Anonymous on 3/1/17</small>
<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis et enim aperiam inventore, similique necessitatibus neque non! Doloribus, modi sapiente laboriosam aperiam fugiat laborum. Sequi mollitia, necessitatibus quae sint natus.</p>
<small class="text-muted">Posted by Anonymous on 3/1/17</small>
<hr>
<a href="#" class="btn btn-success">Leave a Review</a>
</div>
</div><!-- /.card -->
</div><!-- /.col-lg-9 -->
</div>
</div>