API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Aug 16th, 2018
65
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.96 KB | None | 0 0
raw download clone embed print report
  1. @extends('layouts.app')
  2.  
  3. @section('title', 'Home')
  4.  
  5. @section('content')
  6.  
  7. <section>
  8. <div class="container">
  9. <div class="row">
  10. <div class="col-sm-3">
  11. <div class="left-sidebar">
  12. <h2>Category</h2>
  13. <div class="panel-group category-products" id="accordian"><!--category-productsr-->
  14. <div class="panel panel-default">
  15. <div class="panel-heading">
  16. <h4 class="panel-title"><a href="#">Sportswear</a></h4>
  17. </div>
  18. </div>
  19. <div class="panel panel-default">
  20. <div class="panel-heading">
  21. <h4 class="panel-title"><a href="#">Mens</a></h4>
  22. </div>
  23. </div>
  24. <div class="panel panel-default">
  25. <div class="panel-heading">
  26. <h4 class="panel-title"><a href="#">Womens</a></h4>
  27. </div>
  28. </div>
  29. <div class="panel panel-default">
  30. <div class="panel-heading">
  31. <h4 class="panel-title"><a href="#">Kids</a></h4>
  32. </div>
  33. </div>
  34. <div class="panel panel-default">
  35. <div class="panel-heading">
  36. <h4 class="panel-title"><a href="#">Fashion</a></h4>
  37. </div>
  38. </div>
  39. <div class="panel panel-default">
  40. <div class="panel-heading">
  41. <h4 class="panel-title"><a href="#">Households</a></h4>
  42. </div>
  43. </div>
  44. <div class="panel panel-default">
  45. <div class="panel-heading">
  46. <h4 class="panel-title"><a href="#">Interiors</a></h4>
  47. </div>
  48. </div>
  49. <div class="panel panel-default">
  50. <div class="panel-heading">
  51. <h4 class="panel-title"><a href="#">Clothing</a></h4>
  52. </div>
  53. </div>
  54. <div class="panel panel-default">
  55. <div class="panel-heading">
  56. <h4 class="panel-title"><a href="#">Bags</a></h4>
  57. </div>
  58. </div>
  59. <div class="panel panel-default">
  60. <div class="panel-heading">
  61. <h4 class="panel-title"><a href="#">Shoes</a></h4>
  62. </div>
  63. </div>
  64. </div><!--/category-products-->
  65.  
  66. <div class="brands_products"><!--brands_products-->
  67. <h2>Brands</h2>
  68. <div class="brands-name">
  69. <ul class="nav nav-pills nav-stacked">
  70. <li><a href=""> <span class="pull-right">(50)</span>Acne</a></li>
  71. <li><a href=""> <span class="pull-right">(56)</span>Grüne Erde</a></li>
  72. <li><a href=""> <span class="pull-right">(27)</span>Albiro</a></li>
  73. <li><a href=""> <span class="pull-right">(32)</span>Ronhill</a></li>
  74. <li><a href=""> <span class="pull-right">(5)</span>Oddmolly</a></li>
  75. <li><a href=""> <span class="pull-right">(9)</span>Boudestijn</a></li>
  76. <li><a href=""> <span class="pull-right">(4)</span>Rösch creative culture</a></li>
  77. </ul>
  78. </div>
  79. </div><!--/brands_products-->
  80.  
  81. {{-- <div class="price-range"><!--price-range-->
  82. <h2>Price Range</h2>
  83. <div class="well">
  84. <input type="text" class="span2" value="" data-slider-min="0" data-slider-max="600" data-slider-step="5" data-slider-value="[250,450]" id="sl2" ><br />
  85. <b>$ 0</b> <b class="pull-right">$ 600</b>
  86. </div>
  87. </div><!--/price-range--> --}}
  88.  
  89. <div class="shipping text-center"><!--shipping-->
  90. <img src="images/home/shipping.jpg" alt="" />
  91. </div><!--/shipping-->
  92.  
  93. </div>
  94. </div>
  95.  
  96. <div class="col-sm-9 padding-right">
  97. <div class="product-details"><!--product-details-->
  98. <div class="col-sm-5">
  99. <div class="view-product">
  100. <img src="{{asset("$product->image_url")}}" alt="" />
  101. <h3>ZOOM</h3>
  102. </div>
  103. {{-- <div id="similar-product" class="carousel slide" data-ride="carousel">
  104.  
  105. <!-- Wrapper for slides -->
  106. <div class="carousel-inner">
  107. <div class="item active">
  108. <a href=""><img src="images/product-details/similar1.jpg" alt=""></a>
  109. <a href=""><img src="images/product-details/similar2.jpg" alt=""></a>
  110. <a href=""><img src="images/product-details/similar3.jpg" alt=""></a>
  111. </div>
  112. <div class="item">
  113. <a href=""><img src="images/product-details/similar1.jpg" alt=""></a>
  114. <a href=""><img src="images/product-details/similar2.jpg" alt=""></a>
  115. <a href=""><img src="images/product-details/similar3.jpg" alt=""></a>
  116. </div>
  117. <div class="item">
  118. <a href=""><img src="images/product-details/similar1.jpg" alt=""></a>
  119. <a href=""><img src="images/product-details/similar2.jpg" alt=""></a>
  120. <a href=""><img src="images/product-details/similar3.jpg" alt=""></a>
  121. </div>
  122.  
  123. </div>
  124.  
  125. <!-- Controls -->
  126. <a class="left item-control" href="#similar-product" data-slide="prev">
  127. <i class="fa fa-angle-left"></i>
  128. </a>
  129. <a class="right item-control" href="#similar-product" data-slide="next">
  130. <i class="fa fa-angle-right"></i>
  131. </a>
  132. </div>
  133. --}}
  134. </div>
  135. <div class="col-sm-7">
  136. <div class="product-information"><!--/product-information-->
  137. <img src="images/product-details/new.jpg" class="newarrival" alt="" />
  138. <h2>{{$product->name}}</h2>
  139. <p>Product ID: {{$product->id}}</p>
  140. <img src="images/product-details/rating.png" alt="" />
  141. <span>
  142. <span>{{$product->price}}$</span>
  143. {{-- <label>Quantity:</label> --}}
  144. {{-- <input type="text" value="3" /> --}}
  145. <button type="button" class="btn btn-fefault cart">
  146. <i class="fa fa-shopping-cart"></i>
  147. Add to cart
  148. </button>
  149. </span>
  150. <p><b>Availability:</b> In Stock</p>
  151. <p><b>Condition:</b> New</p>
  152. <p><b>Brand:</b> {{$product->brand->name}}</p>
  153. <a href=""><img src="images/product-details/share.png" class="share img-responsive" alt="" /></a>
  154. </div><!--/product-information-->
  155. </div>
  156. </div><!--/product-details-->
  157.  
  158. <div class="category-tab shop-details-tab"><!--category-tab-->
  159. <div class="col-sm-12">
  160. <ul class="nav nav-tabs">
  161. <li><a href="#details" data-toggle="tab">Details</a></li>
  162. <li><a href="#companyprofile" data-toggle="tab">Company Profile</a></li>
  163. <li><a href="#tag" data-toggle="tab">Tag</a></li>
  164. {{-- <li class="active"><a href="url('/comments/store')" data-toggle="tab">Reviews</a></li> --}}
  165. <li class="active"><a href="#reviews" data-toggle="tab">Reviews</a></li>
  166. </ul>
  167. </div>
  168. <div class="tab-content">
  169. <div class="tab-pane fade" id="details" >
  170. <div class="col-sm-3">
  171. <div class="product-image-wrapper">
  172. <div class="single-products">
  173. <div class="productinfo text-center">
  174. <img src="images/home/gallery1.jpg" alt="" />
  175. <h2>$56</h2>
  176. <p>Easy Polo Black Edition</p>
  177. <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>
  178. </div>
  179. </div>
  180. </div>
  181. </div>
  182. <div class="col-sm-3">
  183. <div class="product-image-wrapper">
  184. <div class="single-products">
  185. <div class="productinfo text-center">
  186. <img src="images/home/gallery2.jpg" alt="" />
  187. <h2>$56</h2>
  188. <p>Easy Polo Black Edition</p>
  189. <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>
  190. </div>
  191. </div>
  192. </div>
  193. </div>
  194. <div class="col-sm-3">
  195. <div class="product-image-wrapper">
  196. <div class="single-products">
  197. <div class="productinfo text-center">
  198. <img src="images/home/gallery3.jpg" alt="" />
  199. <h2>$56</h2>
  200. <p>Easy Polo Black Edition</p>
  201. <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>
  202. </div>
  203. </div>
  204. </div>
  205. </div>
  206. <div class="col-sm-3">
  207. <div class="product-image-wrapper">
  208. <div class="single-products">
  209. <div class="productinfo text-center">
  210. <img src="images/home/gallery4.jpg" alt="" />
  211. <h2>$56</h2>
  212. <p>Easy Polo Black Edition</p>
  213. <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>
  214. </div>
  215. </div>
  216. </div>
  217. </div>
  218. </div>
  219.  
  220. <div class="tab-pane fade" id="companyprofile" >
  221. <div class="col-sm-3">
  222. <div class="product-image-wrapper">
  223. <div class="single-products">
  224. <div class="productinfo text-center">
  225. <img src="images/home/gallery1.jpg" alt="" />
  226. <h2>$56</h2>
  227. <p>Easy Polo Black Edition</p>
  228. <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>
  229. </div>
  230. </div>
  231. </div>
  232. </div>
  233. <div class="col-sm-3">
  234. <div class="product-image-wrapper">
  235. <div class="single-products">
  236. <div class="productinfo text-center">
  237. <img src="images/home/gallery3.jpg" alt="" />
  238. <h2>$56</h2>
  239. <p>Easy Polo Black Edition</p>
  240. <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>
  241. </div>
  242. </div>
  243. </div>
  244. </div>
  245. <div class="col-sm-3">
  246. <div class="product-image-wrapper">
  247. <div class="single-products">
  248. <div class="productinfo text-center">
  249. <img src="images/home/gallery2.jpg" alt="" />
  250. <h2>$56</h2>
  251. <p>Easy Polo Black Edition</p>
  252. <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>
  253. </div>
  254. </div>
  255. </div>
  256. </div>
  257. <div class="col-sm-3">
  258. <div class="product-image-wrapper">
  259. <div class="single-products">
  260. <div class="productinfo text-center">
  261. <img src="images/home/gallery4.jpg" alt="" />
  262. <h2>$56</h2>
  263. <p>Easy Polo Black Edition</p>
  264. <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>
  265. </div>
  266. </div>
  267. </div>
  268. </div>
  269. </div>
  270.  
  271. <div class="tab-pane fade" id="tag" >
  272. <div class="col-sm-3">
  273. <div class="product-image-wrapper">
  274. <div class="single-products">
  275. <div class="productinfo text-center">
  276. <img src="images/home/gallery1.jpg" alt="" />
  277. <h2>$56</h2>
  278. <p>Easy Polo Black Edition</p>
  279. <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>
  280. </div>
  281. </div>
  282. </div>
  283. </div>
  284. <div class="col-sm-3">
  285. <div class="product-image-wrapper">
  286. <div class="single-products">
  287. <div class="productinfo text-center">
  288. <img src="images/home/gallery2.jpg" alt="" />
  289. <h2>$56</h2>
  290. <p>Easy Polo Black Edition</p>
  291. <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>
  292. </div>
  293. </div>
  294. </div>
  295. </div>
  296. <div class="col-sm-3">
  297. <div class="product-image-wrapper">
  298. <div class="single-products">
  299. <div class="productinfo text-center">
  300. <img src="images/home/gallery3.jpg" alt="" />
  301. <h2>$56</h2>
  302. <p>Easy Polo Black Edition</p>
  303. <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>
  304. </div>
  305. </div>
  306. </div>
  307. </div>
  308. <div class="col-sm-3">
  309. <div class="product-image-wrapper">
  310. <div class="single-products">
  311. <div class="productinfo text-center">
  312. <img src="images/home/gallery4.jpg" alt="" />
  313. <h2>$56</h2>
  314. <p>Easy Polo Black Edition</p>
  315. <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>
  316. </div>
  317. </div>
  318. </div>
  319. </div>
  320. </div>
  321.  
  322. <div class="tab-pane fade active in" id="reviews" >
  323. <div class="col-sm-12">
  324. @foreach ($comments as $comment)
  325. <li class="media">
  326. <a class="pull-left" href="#">
  327. <img class="media-object" src="{{asset('images/blog/man-two.jpg')}}" alt="">
  328. </a>
  329. <div class="media-body">
  330. <ul class="sinlge-post-meta">
  331. <li><i class="fa fa-user"></i>{{$comment->user->name}}</li>
  332. <li><i class="fa fa-clock-o"></i> {{date('h:i:s A', strtotime($comment->create_at))}}</li>
  333. <li><i class="fa fa-calendar"></i> {{date('d M, Y', strtotime($comment->create_at))}}</li>
  334. </ul>
  335. <p>{{$comment->content}}</p>
  336. <a class="btn btn-primary" href=""><i class="fa fa-reply"></i>Replay</a>
  337. </div>
  338. </li>
  339.  
  340. @endforeach
  341. {!! Form::open (['method'=>'POST','url'=>'/comments']) !!}
  342. {!! Form::hidden('product_id',$product->id)!!}
  343. {!! Form::textarea('comment',null,['placeholder'=>_('Comment')]) !!}
  344. {!! Form::submit( __('Submit') , ['class' => 'btn btn-default']) !!}
  345. {!! Form::close() !!}
  346. </div>
  347. </div>
  348.  
  349. </div>
  350. </div><!--/category-tab-->
  351.  
  352. <div class="recommended_items"><!--recommended_items-->
  353. <h2 class="title text-center">recommended items</h2>
  354.  
  355. <div id="recommended-item-carousel" class="carousel slide" data-ride="carousel">
  356. <div class="carousel-inner">
  357. <div class="item active">
  358. <div class="col-sm-4">
  359. <div class="product-image-wrapper">
  360. <div class="single-products">
  361. <div class="productinfo text-center">
  362. <img src="images/home/recommend1.jpg" alt="" />
  363. <h2>$56</h2>
  364. <p>Easy Polo Black Edition</p>
  365. <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>
  366. </div>
  367. </div>
  368. </div>
  369. </div>
  370. <div class="col-sm-4">
  371. <div class="product-image-wrapper">
  372. <div class="single-products">
  373. <div class="productinfo text-center">
  374. <img src="images/home/recommend2.jpg" alt="" />
  375. <h2>$56</h2>
  376. <p>Easy Polo Black Edition</p>
  377. <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>
  378. </div>
  379. </div>
  380. </div>
  381. </div>
  382. <div class="col-sm-4">
  383. <div class="product-image-wrapper">
  384. <div class="single-products">
  385. <div class="productinfo text-center">
  386. <img src="images/home/recommend3.jpg" alt="" />
  387. <h2>$56</h2>
  388. <p>Easy Polo Black Edition</p>
  389. <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>
  390. </div>
  391. </div>
  392. </div>
  393. </div>
  394. </div>
  395. <div class="item">
  396. <div class="col-sm-4">
  397. <div class="product-image-wrapper">
  398. <div class="single-products">
  399. <div class="productinfo text-center">
  400. <img src="images/home/recommend1.jpg" alt="" />
  401. <h2>$56</h2>
  402. <p>Easy Polo Black Edition</p>
  403. <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>
  404. </div>
  405. </div>
  406. </div>
  407. </div>
  408. <div class="col-sm-4">
  409. <div class="product-image-wrapper">
  410. <div class="single-products">
  411. <div class="productinfo text-center">
  412. <img src="images/home/recommend2.jpg" alt="" />
  413. <h2>$56</h2>
  414. <p>Easy Polo Black Edition</p>
  415. <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>
  416. </div>
  417. </div>
  418. </div>
  419. </div>
  420. <div class="col-sm-4">
  421. <div class="product-image-wrapper">
  422. <div class="single-products">
  423. <div class="productinfo text-center">
  424. <img src="images/home/recommend3.jpg" alt="" />
  425. <h2>$56</h2>
  426. <p>Easy Polo Black Edition</p>
  427. <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>
  428. </div>
  429. </div>
  430. </div>
  431. </div>
  432. </div>
  433. </div>
  434. <a class="left recommended-item-control" href="#recommended-item-carousel" data-slide="prev">
  435. <i class="fa fa-angle-left"></i>
  436. </a>
  437. <a class="right recommended-item-control" href="#recommended-item-carousel" data-slide="next">
  438. <i class="fa fa-angle-right"></i>
  439. </a>
  440. </div>
  441. </div><!--/recommended_items-->
  442.  
  443. </div>
  444. </div>
  445. </div>
  446. </section>
  447.  
  448. @endsection
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!