SHARE
TWEET

Untitled

a guest Sep 16th, 2019 76 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!-- search bar -->
  2. <div class="container search-bar">
  3.   <div class="search-bar-outer">
  4.     <div class="search-bar-inner">
  5.       <form action="/search">
  6.         <h4 class="mb-2">尋找餐廳:</h4>
  7.         <div class="input-group">
  8.           <input type="text" name="keyword" class="form-control" placeholder="輸入餐廳、分類" aria-label="Restaurant Name..."
  9.             value="{{keyword}}" aria-describedby="search-button">
  10.           <div class="input-group-append">
  11.             <button class="btn btn-major" type="submit" id="search-button"><i class="fas fa-search"></i></button>
  12.           </div>
  13.         </div>
  14.       </form>
  15.     </div>
  16.   </div>
  17. </div>
  18.  
  19. <!-- restaurant list -->
  20. <div class="container mt-5">
  21.   <div class="row">
  22.     <div class="col-md-10 col-12 mx-auto">
  23.       {{!-- Add icon --}}
  24.       <div class="button-group mb-3">
  25.         <a class="btn btn-info mr-4" href="/restaurant/new" role="button">Add restaurant</a>
  26.       </div>
  27.  
  28.       <div class="card-columns">
  29.         {{#each restaurants}}
  30.         <a href="/restaurants/{{this.id}}" class="text-secondary">
  31.           <div class="card mb-3">
  32.             <img class="card-img-top" src="{{this.image}}" alt="{{this.name}}">
  33.             <div class="card-body p-3">
  34.               <h6 class="card-title mb-1">{{this.name}}</h6>
  35.  
  36.               <div class="restaurant-category mb-1">
  37.                 <i class="fas fa-utensils pr-2"></i> {{this.category}}
  38.               </div>
  39.  
  40.               <span class="badge badge-pill badge-danger font-weight-normal">
  41.                 {{this.rating}}
  42.                 <i class="fas fa-star fa-xs"></i>
  43.               </span>
  44.             </div>
  45.           </div>
  46.         </a>
  47.         {{/each}}
  48.       </div>
  49.     </div>
  50.   </div>
  51. </div>
RAW Paste Data
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
 
Top