HTML-CSS/Restaurant.html at main · siavash2012/HTML-CSS · 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
<!doctype html>

<html>

<head>
    <meta charset="utf-8">

    <title>Little Lemon Restaurant</title>

    <!-- Load external CSS styles -->
    <!--link rel="stylesheet" href="styles.css"-->

    <link rel="stylesheet" href="styles.css">

</head>

<body>

    <header><img src="./logos/Asset_16-4x.png"></header>
    <nav>
        <li>HOME</li>
        <li>MENU</li>
        <li>BOOK</li>
        <li>ABOUT</li>
    </nav>

    <main>

        <div id="promotions">
            <!--img src="https://www.vancouverdine.com/wp-content/uploads/2019/06/waterfront-view.png"-->
            <img src="./logos/promotions.png">
        </div>

        <article id="promotionsDescription">
            <h1> 30% Off This Weekend</h1>
            <br>
            <h3>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
                industry's standard dummy text ever since the 1500s.</h3>
        </article>

        <article id="promotion1">
            <h2>Greek Salad</h2>
            <!--img src="https://images.squarespace-cdn.com/content/v1/586ffa1a8419c24f4d227b1a/3b7d4a2e-1eb5-4fbc-b5c7-7bc29b6cfc36/Mediterranean+Salad+Bowl+with+Chicken+-+Crazy+Blonde+Life"-->
            <img src="./logos/promotion1.jpeg">
            <p>What is Lorem Ipsum?
                Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
                industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and
                scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap
                into.</p><a href="#">Learn more about our menu.</a>
        </article>
        <article id="promotion2">
            <h2>Beef Skewers</h2>
            <!--img src="https://www.curiouscuisiniere.com/wp-content/uploads/2015/08/Portuguese-Grilled-Beef-Skewers-3309.3.jpg.webp"-->
            <img src="./logos/promotion2.jpg">
            <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical
                Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at
                Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur in the
                middle of text.More ipsum text here.</p><a href="#">Learn more about our menu.</a>
        </article>
        <article id="promotion3">
            <h2>Greek Lamb</h2>
            <!--img src="https://www.stockland.com.au/~/media/shopping-centre/everyday-ideas/recipe/one-pot-winter-recipes/greek-lamb/greek-lamb.ashx"-->
            <img src="./logos/promotion3.jpg">

            <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration
                in some form, by injected humour, or randomised words which don't look even slightly believable. If you
                are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden
                in the middle of text.</p><a href="#">Learn more about our menu.</a>
        </article>
    </main>
    <footer>
        <img src="./logos/Asset_14-4x.png">
        <div>&COPY Little Lemon 2023</div>

    </footer>


    <!--script src="scripts.js"></script-->

</body>

</html>