resto-model/index.html at master · Formation-Web-Developer/resto-model · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Gourmet au Catering</title>
        <link rel="stylesheet" href="css/style.css">
    </head>
    <body>

        <header>
            <nav>
                <div class="logo">
                    Gourmet au Catering
                </div>

                <ul>
                    <a href="#about"><li>About</li></a>
                    <a href="#menu"><li>Menu</li></a>
                    <a href="#contact"><li>Contact</li></a>
                </ul>
            </nav>

            <div id="imgHeader">
                <h1>Le Catering</h1>
            </div>
        </header>

        <main>
            <section id="about">
                <div class="col">
                    <img src="img/tablesetting2.jpg" alt="Présentation de plat.">
                </div>
                <div class="col">

                    <h2>About Catering</h2>

                    <h3>Tradition since 1889</h3>

                    <p class="bold">Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis illo aut esse minus obcaecati accusantium, ducimus odio unde omnis reprehenderit eaque aperiam architecto molestiae. Laudantium, quae labore? Explicabo, velit cumque.
                    Quisquam ducimus incidunt eaque accusantium voluptatibus officia iure. Odit expedita saepe, sapiente blanditiis id aut, unde recusandae voluptatibus nisi dicta maiores, dolor veritatis! Voluptas, sunt itaque? Praesentium quo quia neque?
                    Consequatur aliquid quis esse minus similique necessitatibus earum iure illum corporis! Ullam quaerat nemo eveniet <span>recusandae</span> praesentium tempore quos ipsam iusto sit fugit? Officia ullam sunt recusandae praesentium alias esse.</p>

                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam explicabo ullam nisi animi laudantium minus, delectus ducimus dignissimos nihil quod eaque accusamus sint minima, blanditiis nostrum recusandae pariatur dolore deleniti?Praesentium consectetur officiis reiciendis perspiciatis enim necessitatibus officia similique blanditiis nemo, aliquam ratione odio ex sed suscipit soluta voluptas repellat error. Voluptates architecto nisi optio, numquam expedita corrupti non! Vero.</p>

                </div>
            </section>

            <section id="menu">
                <div class="col">
                    <h2>Our Menu</h2>

                    <div id="menu-list">

                        <div class="menu">
                            <p class="menu-title">Bread Basket</p>
                            <p class="menu-description">Assortment of fresh baked fruit breads and muffins 5.50</p>
                        </div>

                        <div class="menu">
                            <p class="menu-title">Honey Almond Granola with Fruits</p>
                            <p class="menu-description">Natural cereal of honey toasted oats,raisons,almonds and dates 7.00</p>
                        </div>

                        <div class="menu">
                            <p class="menu-title">Belgian Waffle</p>
                            <p class="menu-description">Vanilla flavored batter with malted flour 7.50</p>
                        </div>

                        <div class="menu">
                            <p class="menu-title">Scrambled eggs</p>
                            <p class="menu-description">Scrambled eggs red pepper and garlic, with green onions 7.50</p>
                        </div>

                        <div class="menu">
                            <p class="menu-title">Blue Pancakes</p>
                            <p class="menu-description">With syrup, butter and lots of berries 8.50</p>
                        </div>

                    </div>
                </div>

                <div class="col">
                    <img src="img/tablesetting.jpg" alt="Présentation d'un plat.">
                </div>
            </section>

            <hr>

            <section id="contact">
                <h2>Contact</h2>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam consectetur porro sint ratione libero beatae expedita dolores, impedit quis inventore illo quam sunt cupiditate hic consequatur, iusto quo eius sed!</p>
                <p class="address">Catering Service, 42nd Living St, 43043 New York, NY</p>
                <p>You can also contact us by phone 00553123-2323 or email catering@catering.com, or you can send us a message here:</p>

                <form action="" method="POST">
                    <input type="text" name="name" placeholder="Name">
                    <input type="text" name="poeple" placeholder="How many people">
                    <input type="datetime-local" name="reservation" value="2017-11-16T20:00">
                    <textarea name="message" rows="1" placeholder="Message \ Special requirements"></textarea>
                    <button type="submit">SEND MESSAGE</button>
                </form>
            </section>
        </main>

        <footer>
            Powered by Footer
        </footer>

    </body>
</html>