<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='https://unpkg.com/css.gg/icons/all.css' rel='stylesheet'>
<link href='https://css.gg/css' rel='stylesheet'>
<link href='https://cdn.jsdelivr.net/npm/css.gg/icons/all.css' rel='stylesheet'>
<link rel="stylesheet" href="home.css">
<title>Claude Monet</title>
<link rel="shortcut icon" href="image/1.png" type="image/x-icon">
<script src="https://kit.fontawesome.com/yourcode.js" crossorigin="anonymous"></script>
</head>
<body>
<header class="page">
<div class="background">
<h1 style="font-family: Great Vibes, cursive; font-size: 8vh;">About</h1>
<p style="font-size: 17px;">HOME > ABOUT ></p>
</div>
</header>
<nav class="top-navigation" id="mytop-navigation">
<a href="index.html" class="active-logo"><span style=" font-family: Lobster; font-size: 17px; color: #C8A97E;">Claude Monet</span></a>
<a href="index.html">Home</a>
<a href="about.html" style="color: #C8A97E;">About</a>
<a href="menu.html">Menu</a>
<a href="contact.html">Contact</a>
<a href="booking.html" class="active1">Book a table</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="custom-hamburger"></i>
</a>
</nav>
<section id="myinfo" class="space">
<div class="home">
<div class="center" style="padding-bottom: 10px;">
<img src="image/background3.jpg" alt="pic2" class="pic2">
</div>
<div class="box">
<div class="heading-line line response">
<span class="sub-heading font2 res-text">About</span>
<h2 class="line res-text2">Claude Monet Restaurant</h2>
</div>
<p>Welcome to Claude Monet, a culinary masterpiece in the heart of Moscow. Our menu, as diverse and vibrant as Monet’s palette, offers a global culinary journey. Step into Claude Monet, where every meal is a work of art.</p>
<p>Mon - Fri <span style="font-weight: bolder;">8 AM - 11 PM</span></p>
<p class="phone-number">+495-789-678-890</p>
</div>
</div>
<div class="restaurant-figure center">
<div class="item gap">
<p class="counting-year figure"></p><p class="figure" style="padding-left: 10px;">Years of Experience</p>
</div>
<div class="item gap">
<p class="counting figure"></p><p class="figure" style="padding-left: 10px;">Staffs</p>
</div>
<div class="item gap">
<p class="counting-client figure"></p><p class="figure" style="padding-left: 10px;">Happy Customers</p>
</div>
</div>
</section>
<section class="catering space">
<div class="heading-line line response center">
<span class="sub-heading font2 res-text">Services</span>
<h2 class="line res-text2">Catering Services</h2>
</div>
<div class="row">
<div class="column1 center">
<img src="image/2.png" alt="bm" class="pic4 center">
<h2 class="font">Business Meetings</h2>
<p>"Offering an exquisite French dining experience with top-notch services, making it a perfect destination for both business and pleasure."</p>
</div>
<div class="column1 center">
<img src="image/3.png" alt="wp" class="pic4 center">
<h2 class="font">Wedding Party</h2>
<p>"Providing an elegant and romantic setting for wedding parties, ensuring a memorable celebration with its exceptional French cuisine and impeccable service."</p>
</div>
<div class="column1 center">
<img src="image/1.png" alt="bp" class="pic4 center">
<h2 class="font">Birthday Party</h2>
<p>"Bringing unforgettable birthday party services with its exquisite French cuisine and personalized service, promising a unique and joyous celebration."</p>
</div>
</div>
</section>
<section class="space">
<div class="heading-line line response center">
<span class="sub-heading font2 res-text">Chef</span>
<h2 class="line res-text2">Our Master Chef</h2>
</div>
<div class="media">
<div class="font">
<img src="image/dn.jpg" alt="chef">
<h3 >Victor Barinov</h3>
<p>Head Chef</p>
<div class="icon-display">
<a href="#"><i class="gg-mail-open"></i></a>
<a href="#"><i class="gg-instagram"></i></a>
<a href="#"><i class="gg-phone"></i></a>
</div>
</div>
<div class="font">
<img src="image/lss.jpg" alt="chef">
<h3>Lev Solovyov</h3>
<p>Sous Chef</p>
<div class="icon-display">
<a href="#"><i class="gg-mail-open"></i></a>
<a href="#"><i class="gg-instagram"></i></a>
<a href="#"><i class="gg-phone"></i></a>
</div>
</div>
<div class=" font">
<img src="image/vf.jpg" alt="chef">
<h3>Ekaterina Semyonova</h3>
<p>Chef</p>
<div class="icon-display">
<a href="#"><i class="gg-mail-open"></i></a>
<a href="#"><i class="gg-instagram"></i></a>
<a href="#"><i class="gg-phone"></i></a>
</div>
</div>
<div class=" font">
<img src="image/nt.jpg" alt="chef">
<h3>Ludovic Benoît</h3>
<p>Chef</p>
<div class="icon-display">
<a href="#"><i class="gg-mail-open"></i></a>
<a href="#"><i class="gg-instagram"></i></a>
<a href="#"><i class="gg-phone"></i></a>
</div>
</div>
</div>
</section>
<section id="booking" class="booking space">
<form method="post" action='#' class="form">
<div class="heading-line line response center">
<span class="sub-heading font2 res-text">Book a table</span>
<h2 class="line res-text2">Make Reservation</h2>
</div>
<fieldset>
<label for="name">Enter Your Name: <input id="name" name="name" type="text" required /></label>
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
<label for="phone">Enter Your Number: <input id="phone-number" name="phone-number" type="number" required></label>
<label for="referrer">Time
<select id="referrer" name="referrer">
<option value="" disabled>(select one)</option>
<option value="1">09:00</option>
<option value="2">10:00</option>
<option value="3">11:00</option>
<option value="4">12:00</option>
<option value="5">13:00</option>
<option value="6">14:00</option>
<option value="7">15:00</option>
<option value="8">16:00</option>
<option value="9">17:00</option>
<option value="10">18:00</option>
<option value="11">19:00</option>
<option value="12">20:00</option>
<option value="13">21:00</option>
<option value="14">22:00</option>
<option value="15">23:00</option>
<option value="16">24:00</option>
<option value="" disabled>Fri - Sun only</option>
<option value="17">01:00</option>
<option value="18">02:00</option>
</select>
</label>
<label for="referrer">Person
<select id="referrer" name="referrer">
<option value="" disabled>(select one)</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">+4</option>
</select>
</label>
<label for="referrer">Table
<select id="referrer" name="referrer">
<option value="" disabled>(select one)</option>
<option value="1">Round</option>
<option value="2">Rectengular</option>
<option value="3">Auto</option>
</select>
</label>
</fieldset>
<input type="submit" value="Submit" />
</form>
</section>
<section class="comment space">
<div class="heading-line line response center">
<span class="sub-heading font2 res-text">Testimony</span>
<h2 class="line res-text2">Happy Customers</h2>
</div>
<div class="slideshow-container">
<div class="mySlides fade">
<div class="numbertext center">1 / 3</div>
<div class="container">
<div class="account center">
<img src="image/ae.jpg" alt="rev" class="pic5">
<p><q><i>It is difficult to imagine more humble origins than those of the genius now cooking at Claude Monet restaurant, who is, in this critic's opinion, nothing less than the finest chef in Moscow.</i></q></p>
<h3>Anton Ego</h3>
<p>Food Critic</p>
</div>
</div>
</div>
<div class="mySlides fade">
<div class="numbertext center">2 / 3</div>
<div class="container">
<div class="account center">
<img src="image/nagiev.jpg" alt="rev" class="pic5">
<p><q><i>Our chefs are the heart and soul of ‘Claude Monet’. Their culinary creations never cease to amaze me and our patrons. Their dedication, creativity, and passion for cooking are what makes our restaurant stand out.</i></q></p>
<h3>Dmirty Nagiev</h3>
<p>Owner</p>
</div>
</div>
</div>
<div class="mySlides fade">
<div class="numbertext center">3 / 3</div>
<div class="container">
<div class="account">
<img src="image/ac.jpg" alt="rev" class="pic5">
<p><q><i>Each dish is a testament to his mastery and understanding of the culinary arts. The balance of flavors, the presentation, and the innovative use of ingredients reflect a level of sophistication that is truly commendable.</i></q></p>
<h3>Anton Chekhov</h3>
<p>Customer</p>
</div>
</div>
</div>
</div>
<br>
<div class="dot-line" style="text-align: center;">
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
</div>
</section>
<footer class="footer">
<div class="row">
<div class="column1">
<h3 style="font-weight: bold;">About us</h3>
<p>Claude Monet is a prestigious 3-star Michelin restaurant in Moscow, renowned for its exquisite French cuisine and exceptional service for all occasions.</p>
</div>
<div class="column1">
<h3 style="font-weight: bold;">Open time</h3>
<article class="time-open">
<p class="day">Mon</p><p class="hour">09:00 - 24:00</p>
</article>
<article class="time-open">
<p class="day">Tue</p><p class="hour">09:00 - 24:00</p>
</article>
<article class="time-open">
<p class="day">Wed</p><p class="hour">09:00 - 24:00</p>
</article>
<article class="time-open">
<p class="day">Thur</p><p class="hour">09:00 - 24:00</p>
</article>
<article class="time-open">
<p class="day">Fri</p><p class="hour">09:00 - 02:00</p>
</article>
<article class="time-open">
<p class="day">Sat</p><p class="hour">09:00 - 02:00</p>
</article>
<article class="time-open">
<p class="day">Sun</p><p class="hour">09:00 - 02:00</p>
</article>
</div>
<div class="column1">
<h3 style="font-weight: bold;">Contact</h3>
<div class="icon-media">
<i class="gg-phone" style="text-align: left;"></i><p >+495-789-678-890</p>
</div>
<div class="icon-media">
<i class="gg-mail" style="text-align: left;"></i><p >claudemonet@restaurant.ru</p>
</div>
<div class="icon-media">
<i class="gg-pin" style="text-align: left;"></i><p >Spiridonovka Street, 25/20 Building 1</p>
</div>
</div>
</footer>
<script src="myscript1.js"></script>
</body>
</html>