text: import React from 'react'
  
  const Menu = () => (
      <section className="pattern-bg" id="food-menu">
          <ul className="menu-list l-container">
              <li>
                  <div className="menu-block">
                      <h3>appetisers</h3>
                      <hr className="fancy-hr-alt"/>
                      <ul>
                          <li className="menu-block-item theme-margin is-on-special">
                              <ul className="theme-margin">
                                  <li className="menu-item-name">Tzatsiki</li>
                                  <li className="l-align-right">$3.99</li>
                              </ul>
                              <p>Refreshing traditional cucumber and garlic yoghurt dip.</p>
                          </li>
  
                          <li className="menu-block-item theme-margin">
                              <ul className="theme-margin">
                                  <li className="menu-item-name">Aubergine_Salad</li>
                                  <li className="l-align-right">$5.50</li>
                              </ul>
                              <p>Pureed eggplant, garlic, green pepper and tomato dip.</p>
                          </li>
  
                          <li className="menu-block-item theme-margin">
                              <ul className="theme-margin">
                                  <li className="menu-item-name">Aubergine_Salad</li>
                                  <li className="l-align-right">$5.50</li>
                              </ul>
                              <p>Pureed eggplant, garlic, green pepper and tomato dip.</p>
                          </li>
  
                          <li className="menu-block-item theme-margin">
                              <ul className="theme-margin">
                                  <li className="menu-item-name">Aubergine_Salad</li>
                                  <li className="l-align-right">$5.50</li>
                              </ul>
                              <p>Pureed eggplant, garlic, green pepper and tomato dip.</p>
                          </li>
  
                      </ul>
                   </div>  {/* end menu block  */}
                   <div className="menu-block">
                      <h3>salads</h3>
                      <hr className="fancy-hr-alt"/>
                      <ul>
                          <li className="menu-block-item theme-margin">
                              <ul className="theme-margin">
                                  <li className="menu-item-name">Tzatsiki</li>
                                  <li className="l-align-right">$3.99</li>
                              </ul>
                              <p>Refreshing traditional cucumber and garlic yoghurt dip.</p>
                          </li>
  
                          <li className="menu-block-item theme-margin">
                              <ul className="theme-margin">
                                  <li className="menu-item-name">Aubergine_Salad</li>
                                  <li className="l-align-right">$5.50</li>
                              </ul>
                              <p>Pureed eggplant, garlic, green pepper and tomato dip.</p>
                          </li>
  
                          <li className="menu-block-item theme-margin">
                              <ul className="theme-margin">
                                  <li className="menu-item-name">Aubergine_Salad</li>
                                  <li className="l-align-right">$5.50</li>
                              </ul>
                              <p>Pureed eggplant, garlic, green pepper and tomato dip.</p>
                          </li>
  
                          <li className="menu-block-item theme-margin">
                              <ul className="theme-margin">
                                  <li className="menu-item-name">Aubergine_Salad</li>
                                  <li className="l-align-right">$5.50</li>
                              </ul>
                              <p>Pureed eggplant, garlic, green pepper and tomato dip.</p>
                          </li>
  
                      </ul>
                   </div>  {/* end menu block  */}
              </li>
              <li>
              <div className="menu-block">
                  <h3>starters</h3>
                  <hr className="fancy-hr-alt"/>
                  <ul>
                      <li className="menu-block-item theme-margin">
                          <ul className="theme-margin">
                              <li className="menu-item-name">Tzatsiki</li>
                              <li className="l-align-right">$3.99</li>
                          </ul>
                          <p>Refreshing traditional cucumber and garlic yoghurt dip.</p>
                      </li>
  
                      <li className="menu-block-item theme-margin">
                          <ul className="theme-margin">
                              <li className="menu-item-name">Aubergine_Salad</li>
                              <li className="l-align-right">$5.50</li>
                          </ul>
                          <p>Pureed eggplant, garlic, green pepper and tomato dip.</p>
                      </li>
  
                  </ul>
                   </div>  {/* end menu block  */}
  
                   <div className="menu-block">
                  <h3>main dishes</h3>
                  <hr className="fancy-hr-alt"/>
                  <ul>
                      <li className="menu-block-item theme-margin">
                          <ul className="theme-margin">
                              <li className="menu-item-name">Tzatsiki</li>
                              <li className="l-align-right">$3.99</li>
                          </ul>
                          <p>Refreshing traditional cucumber and garlic yoghurt dip.</p>
                      </li>
  
                      <li className="menu-block-item theme-margin">
                          <ul className="theme-margin">
                              <li className="menu-item-name">Aubergine_Salad</li>
                              <li className="l-align-right">$5.50</li>
                          </ul>
                          <p>Pureed eggplant, garlic, green pepper and tomato dip.</p>
                      </li>
  
                      <li className="menu-block-item theme-margin">
                          <ul className="theme-margin">
                              <li className="menu-item-name">Aubergine_Salad</li>
                              <li className="l-align-right">$5.50</li>
                          </ul>
                          <p>Pureed eggplant, garlic, green pepper and tomato dip.</p>
                      </li>
  
                      <li className="menu-block-item theme-margin">
                          <ul className="theme-margin">
                              <li className="menu-item-name">Aubergine_Salad</li>
                              <li className="l-align-right">$5.50</li>
                          </ul>
                          <p>Pureed eggplant, garlic, green pepper and tomato dip.</p>
                      </li>
  
                      <li className="menu-block-item theme-margin">
                          <ul className="theme-margin">
                              <li className="menu-item-name">Aubergine_Salad</li>
                              <li className="l-align-right">$5.50</li>
                          </ul>
                          <p>Pureed eggplant, garlic, green pepper and tomato dip.</p>
                      </li>
  
                  </ul>
                   </div>  {/* end menu block  */}
              </li>
          </ul>
      </section>
  )
  
  export default Menu;
  
  
  