SHARE
TWEET

Untitled

a guest Sep 16th, 2019 74 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.       <div class="card-columns">
  24.         {{#each restaurants}}
  25.         <a href="/restaurants/{{this.id}}" class="text-secondary">
  26.           <div class="card mb-3">
  27.             <img class="card-img-top" src="{{this.image}}" alt="{{this.name}}">
  28.             <div class="card-body p-3">
  29.               <h6 class="card-title mb-1">{{this.name}}</h6>
  30.  
  31.               <div class="restaurant-category mb-1">
  32.                 <i class="fas fa-utensils pr-2"></i> {{this.category}}
  33.               </div>
  34.  
  35.               <span class="badge badge-pill badge-danger font-weight-normal">
  36.                 {{this.rating}}
  37.                 <i class="fas fa-star fa-xs"></i>
  38.               </span>
  39.             </div>
  40.           </div>
  41.         </a>
  42.         {{/each}}
  43.       </div>
  44.     </div>
  45.   </div>
  46. </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