File: /home/imensosw/public_html/imenso.co/dev/swemanda/detail-view.php
<!doctype html>
<html lang="en">
<head>
<?php include "header.php" ?>
</head>
<body>
<?php include "top-menu.php" ?>
<div class="container content-section purchanse-details">
<div class="row no-gutters">
<div class="col-sm-9">
<div class="main-content">
<div class="position-relative">
<div class="d-flex justify-content-between align-items-center mb-2">
<h1>Shopping</h1>
<a href="#" class="content-list-category"> Category </a>
</div>
<div class="cnt-img rectangle-img border">
<img src="images/swemaanda_11.jpg" alt="" class="w-100">
</div>
<!-- <div class="content-list-text">
<div class="content-list-like pb-2">
<div class="dropdown show">
<a href="#">
<img src="images/like-1.svg" class="img-svg" alt="" />
</a>
<a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span>10</span>
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#">John</a>
<a class="dropdown-item" href="#">Smith</a>
<a class="dropdown-item" href="#">Amanda</a>
</div>
</div>
</div>
</div> -->
<div class="d-flex justify-content-between align-items-center mt-2">
<div class="d-flex justify-content-start align-items-start">
<a href="#" class="mr-2">
<img src="images/like-1.svg" class="img-svg icon-sm" alt="" />
</a>
<div class="dropdown show">
<a class="dropdown-toggle text-white" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span>10</span>
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#">John</a>
<a class="dropdown-item" href="#">Smith</a>
<a class="dropdown-item" href="#">Amanda</a>
</div>
</div>
</div>
<div class="post-date text-muted">Friday 6 November 2020, 19:42</div>
</div>
<div class="tags mb-0"><a href="#" class="badge badge-dark">Admodum</a></div><!-- Apply Tag -->
</div>
<div class="my-4">
<h6>Lorem ipsum dolor sit amet, consectetur adipiscing elit. donec pellentesque, felis a vehicula fermentum, odio lorem iaculis lorem.</h6>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pellentesque, felis a vehicula fermentum, odio lorem iaculis lorem, sit amet eleifend neque arcu in nisl. Integer suscipit.</p>
</div>
<hr class="mt-4 mb-5" />
<div class="d-flex justify-content-start align-items-center mb-3">
<img src="images/chat.svg" class="img-svg mr-2 icon-sm" alt="" />
<h5>Comments</h5>
</div>
<div class="all-comments border">
<div class="comment">
<div>
<h6 class="mb-2">John
<span class="post-date text-muted">31/Dec/2021, 10:42AM</span></h6>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pellentesque, felis a vehicula fermentum, odio lorem iaculis lorem, sit amet eleifend neque arcu in nisl. Integer suscipit.</p>
</div>
<div class="comment">
<div>
<h6 class="mb-2">Carter
<span class="post-date text-muted">30/Dec/2021, 12:25PM</span></h6>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pellentesque, felis a vehicula fermentum, odio lorem iaculis lorem, sit amet eleifend neque arcu in nisl. Integer suscipit.</p>
</div>
<div class="comment">
<div>
<h6 class="mb-2">Smith
<span class="post-date text-muted">30/Dec/2021, 18:30AM</span></h6>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pellentesque, felis a vehicula fermentum, odio lorem iaculis lorem, sit amet eleifend neque arcu in nisl. Integer suscipit.</p>
</div>
</div>
<div>
<a href="#" class="btn btn-primary mt-4" data-toggle="collapse" data-target="#add-comment">Add Comment</a>
<div id="add-comment" class="collapse border p-3 mt-3">
<div class="form-group">
<textarea class="form-control" placeholder="Add Comments"></textarea>
</div>
<button type="button" class="btn btn-secondary">Submit</button>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="side-bar">
<div class="instagram-feed">
<h4>Related Images</h4>
<div>
<div class="gallery-img">
<a href="#">
<img src="images/swemaanda_1.jpg" alt="swemaanda" />
</a>
</div>
<div class="gallery-img">
<a href="#">
<img src="images/swemaanda_2.jpg" alt="swemaanda" />
</a>
</div>
<div class="gallery-img">
<a href="#">
<img src="images/swemaanda_3.jpg" alt="swemaanda" />
</a>
</div>
<div class="gallery-img">
<a href="#">
<img src="images/swemaanda_4.jpg" alt="swemaanda" />
</a>
</div>
<div class="gallery-img">
<a href="#">
<img src="images/swemaanda_5.jpg" alt="swemaanda" />
</a>
</div>
<div class="gallery-img">
<a href="#">
<img src="images/swemaanda_6.jpg" alt="swemaanda" />
</a>
</div>
<div class="gallery-img">
<a href="#">
<img src="images/swemaanda_7.jpg" alt="swemaanda" />
</a>
</div>
<div class="gallery-img">
<a href="#">
<img src="images/swemaanda_8.jpg" alt="swemaanda" />
</a>
</div>
<div class="gallery-img">
<a href="#">
<img src="images/swemaanda_9.jpg" alt="swemaanda" />
</a>
</div>
</div>
</div>
<div class="our-category mt-5">
<h4>Our Category</h4>
<ul>
<li><a href="#">Interactive</a></li>
<li><a href="#">Outdoor</a></li>
<li><a href="#">Best For Privates
<li><a href="#">Tattoos</a></li>
<li><a href="#">Spy on Shows</a>
<li><a href="#">HD</a></li>
<li><a href="#">Inspiration</a></li>
</ul>
</div>
<div class="tags">
<h4>Tags</h4>
<a href="#">Mauris</a>
<a href="#">Admodum</a>
<a href="#">Singulis</a>
<a href="#">Eram amet aliqua</a>
<a href="#">Voluptate</a>
<a href="#">Deserani</a>
<a href="#">Quo eram</a>
<a href="#">Cillum</a>
<a href="#">Incurreret</a>
<a href="#">Quit</a>
<a href="#">Auctor</a>
<a href="#">Mentitum amet sit</a>
<a href="#">Cupidat</a>
</div>
</div>
</div>
</div>
</div>
<?php include "buy-now.php" ?>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<?php include "footer.php" ?>
</body>
</html>