<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Home</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<div class="logo">
<img src="pic/mt-0951-logo.png" alt="">
<h1>PUGARIE</h1>
<nav>
<li><a href="#">HOME</a></li>
<li><a href="#">RESERVATION</a></li>
<li><a href="#">ABOUT US</a></li>
<li><a href="#">GALLERY</a></li>
<li><a href="#">SERVICES</a></li>
<li><a href="#">MENU</a></li>
<li><a href="#">TEAM</a></li>
<li><a href="#">BLOG</a></li>
<li><a href="#">CONTACT</a></li>
</nav>
</div>
<div class="clearfix"></div>
<div class="title">
<h3>SURPRISING FLAVOR</h3>
<h2>Combination</h2>
<p>Traditional cooking with a modern twist.</p>
<a class="nobackg block" href="#">
<div class="buttom">CONTACT US</div>
</a>
<!-- 怎麼判斷是什麼假按鈕 -->
</div>
</header>
<div class="clearfix"></div>
<div class="today sbanner">
<div class="item left">
<h2>TODAY’S DEAL</h2>
<br>
<img style="float:none;width:100px" src="pic/mt-0951-star-icons.png" alt="">
<br>
<p>
25% off on all orders over $60 from our
<br>
lunch menu. Each lunch set included
</p>
<br>
<p>
Share on: <a href="#">Facebook</a> / <a href="#">Twitter</a> / <a href="#">Pinterest</a>
</p>
<br>
<a class="block" href="#" style="text-decoration: none">
<div class="buttom">LUNCH MENU</div>
</a>
</div>
<div class="item">
<img src="pic/mt-0951-home-img01.jpg" alt="">
<img src="pic/mt-0951-home-img02.jpg" alt="">
</div>
<div class="clearfix"></div>
<!-- 為什麼這個修飾格放在外面沒有作用? -->
</div>
<div class="about banner">
<h2>LOCALLY SOURCED, FRESH INGREDIENTS.</h2>
<p>Share on: <a href="#">Facebook</a> / <a href="#">Twitter</a> / <a href="#">Pinterest</a></p>
</div>
<div class="clearfix"></div>
<div class="dec sbanner">
<div class="item left">
<h2>WE ARE THE BEST QUALITY AND TRADITIONAL RESTAURANT</h2>
<p>These days are all Happy and Free. These days are all share them with me oh baby. Till the one day when
the lady met this fellow and they knew it was much more than a hunch. Good bye gray sky hello blue.
<br>
<br>
There's nothing can hold me when I hold you. Now the world don't move to the beat of just one drum. What
might be right for you may not be right for some. No phone no lights no motor car not a single luxury.
Like Robinson Crusoe it's primitive as can be. Goodbye gray sky hello blue.</p>
<img src="pic/mt-0951-text-img.png" alt="">
<p>Share on: Facebook / Twitter / Pinterest</p>
</div>
<div class="item">
<img src="pic/mt-0951-home-img03.jpg" alt="">
</div>
<div class="clearfix"></div>
</div>
<div class="total banner">
<h2>WE ARE DELICIOUS RESTAURANT</h2>
<div class="clearfix"></div>
<div class="totalbox">
<div class="item">
<p><span>4372</span><br>CHICKEN SERVED</p>
</div>
<div class="item">
<p><span>2795</span><br>FISH FRIED</p>
</div>
<div class="item">
<p><span>394</span><br>OUR CHEFS</p>
</div>
<div class="item">
<p><span>1678</span><br>SOUP SERVED</p>
</div>
</div>
</div>
<div class="menu sbanner">
<div class="menutop">
<h2>MOUTH-WATERING MENU</h2>
<br>
<img src="pic/mt-0951-star-icons.png" alt="">
<br>
<br>
<p>With glazed frontage on two sides of the building, overlooking the market <br> and a bustling Barbican
view.
</p>
</div>
<div class="menubeloe">
<div class="item border">
<h3>STARTER</h3>
<h4>BEEF TARTARE, $18</h4>
<p>tarragon mayonnaise, marinated shimeji mushrooms, black toast, herbs</p>
<br>
<h4>FOIE GRAS TERRINE, $21</h4>
<p>cranberry jelly, pumpkin purée and sponge, pickled mushrooms, figs</p>
<br>
<h4>VENISON CONFIT, $18</h4>
<p>mushroom ravioli, parsley crumb, straw potatoes, jus</p>
<br>
<h4>SMOKED TROUT, $18</h4>
<p>cauliflower, peas, pea sprouts, marinated cauliflower</p>
<br>
</div>
<div class="item">
<h3>MAINS</h3>
<h4>ROASTED DUCK LEG, $18</h4>
<p>duck confit, potato terrine, red cabbage with cranberries, roasted onion</p>
<br>
<h4>TERIYAKI SALMON, $21</h4>
<p>zucchini, sugar snap peas, noodles, shiitake mushrooms</p>
<br>
<h4>OCTOPUS, $18</h4>
<p>wasabi purée, pak choi, soy sprouts, coconut-lime sauce</p>
<br>
<h4>MUSHROOM RISOTTO, $18</h4>
<p>fried mushroom, parmesan cheese, cumin foam, herbs</p>
<br>
</div>
</div>
<div class="clearfix"></div>
</div>
<!-- 為什麼修理格放在外面margin無法處理到? -->
<div class="gallery banner">
<div class="top">
<h2>OUR GALLERY</h2>
<br>
<img src="pic/mt-0951-star-icons.png" alt="">
</div>
<div class="bot">
<img src="pic/mt-0951-gallery-img01.jpg" alt="">
<img src="pic/mt-0951-gallery-img02.jpg" alt="">
<img src="pic/mt-0951-gallery-img03.jpg" alt="">
<img src="pic/mt-0951-gallery-img04.jpg" alt="">
<div class="clearfix"></div>
<img src="pic/mt-0951-gallery-img05.jpg" alt="">
<img src="pic/mt-0951-gallery-img06.jpg" alt="">
<img src="pic/mt-0951-gallery-img07.jpg" alt="">
<img src="pic/mt-0951-gallery-img08.jpg" alt="">
</div>
<div class="clearfix"></div>
</div>
<div class="testimonial sbanner">
<h2>TESTIMONIALS</h2>
<br>
<img src="pic/mt-0951-star-icons.png" alt="">
<br>
<br>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis labore distinctio pariatu atque
reprehenderit nam! Ratione sapiente repellat velit alias nihil excepturi nostrum, quaerat, error dicta
exercitationem pariatur hic ea.</p>
<img src="https://picsum.photos/800/700/?random=1">
</div>
<div class="ournew">
<div class="news sbanner">
<div class="top">
<h2>OUR NEWS</h2>
<img src="pic/mt-0951-star-icons.png" alt="">
</div>
<div class="bot">
<div class="item bot1i">
<p>JANUARY 20, 2017</p>
<h2>JOB POSITION: BARISTAWANTED</h2>
</div>
<div class="item bot2i">
<h2>JANUARY 22, 2017</h2>
<p>FRESH & EXCITING
DESERTS MENU</p>
</div>
<div class="item bot3i">
<h2>JANUARY 18, 2017</h2>
<p>PERFECT CUP OF TEA</p>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
<div class="contact banner">
<div class="box">
<div class="block">
<h4>PUGARIE RESTAURANT</h4>
<p>The Hoe, Barbican
PL48RT Plymouth
UK</p>
</div>
<div class="block">
<h4>RESERVATION</h4>
<p>
book@demolink.com
+ 166 900 891</p>
</div>
<div class="block">
<h4>NEWSLETTER</h4>
<p>Spam free, tasty news in your inbox.
Once a week.</p>
</div>
<div class="clearfix"></div>
<div class="block">
<h5>Get directions</h5>
<p><a href="#">Facebook</a>
<br>
<a href="#">Snapchat</a>
<br>
<a href="#">Instagram</a></p>
</div>
<div class="block">
<h4>PRIVATE DINING</h4>
<br>
<br>
<p>
private@demolink.com
<br>
+ 166 900 891</p>
</div>
<div class="block">
<form action="">
<input id="email" type="text" name="" id="" placeholder="Enter e-mail*">
<a class="nobackg block" href="#">
<div class="buttom">SUBSCRIBE</div>
</a>
</form>
</div>
</div>
<div class="clearfix"></div>
</div>
<footer>
©Copyrights 2019 - All Rights Reserved
</footer>
</body>
</html>
文章標籤
全站熱搜
留言列表
食物紀錄 (0)