WebTech_Project/snacks.html at main · lauraghouzi/WebTech_Project · 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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="snacks" content="width=device-width, initial-scale=1">
    <title>Snacks</title>
    <link rel="stylesheet" href="css/snacks.css">
    <link rel="icon" type="image" href="additional info/logo.png">
  </head>
  <body>
    <nav>
      <ul>
        <li><a class="logo" href="index.html"><img src="additional info/logo.png" alt="logo" height="53" title="logo"></a></li>
        <li><a href="index.html">Home</a></li>
        <li><a href="snacks.html">Snacks</a></li>
        <li><a href="apetizers.html">Apetizers</a></li>
        <li><a href="maincourses.html">Main Courses</a></li>
        <li><a href="desserts.html">Desserts</a></li>
        <li><a href="special.html">Special Events</a></li>
        <li><a href="contact.html">Contact</a></li>
        <li>
        <input
            type="text"
            name="Search"
            class="search"
            maxlength="150"
            placeholder="Search"></li>
      </ul>
    </nav>
    <br>
    <table id="table">
      <caption>Guacamole</caption><br>
      <br>
      <tr>
        <td>
          <img src="images/Guacamole.jpg"
          alt="logo" height="350"
          title="Guacamole" id="guac">
        </td>
        <td id="recipe">
            INGREDIENTS<br>
            <br>
            5 Avocadoes<br>
            1 Big Tomato<br>
            1/2 Red Onion<br>
            Cilantro<br>
            Lime/Lemon Juice<br>
            Tortilla Chips<br><br>
        </td>
        <td id="recipe">
            RECIPE<br><br>
            1. Mash the avocadoes<br>
            2. Chop red onions finely<br>
            3. Chop tomato finely<br>
            4. Chop cilantro finely<br>
            5. Mix Everything<br>
            6. Add lime/lemon juice (optional)<br>
            7. Enjoy with Tortilla Chips!
        </td>
      </tr>
    </table>
    <br>
    <table id="table">
      <caption>Charcuterie Board</caption>
      <tr>
        <td>
          <img src="images/Board.jpeg"
          alt="logo" height="295"
          title="Board" id="board">
        </td>
        <td id="recipe">
            ARRANGEMENT<br>
            <br>
            Manchego Cheese<br>
            Parmesan Cheese<br>
            Gruyere Cheese<br>
            Salami<br>
            Prosciutto<br>
            Crackers<br>
            Nuts (Choice)<br>
            Olives (Green/Black)<br>
            Jam (Choice)<br><br>
        </td>
        <td id="recipe">
          Where to Enjoy?<br><br>
          1. At a Picnic<br>
          2. Sunset Date<br>
          3. Before Dinner<br>
          4. Welcome Party<br>
          5. During a Movie<br><br><br><br><br><br>
        </td>
      </tr>
    </table>
    <br>
    <table id="table">
      <caption>Hummus Platter</caption>
      <tr>
        <td>
          <img src="images/Platter.jpg"
          alt="logo" height="270"
          title="Platter" id="platter">
        </td>
        <td id="recipe">
          INGREDIENTS<br>
          <br>
          1 can of chickpeas<br>
          1/4 cup tahini<br>
          1/4 cup of lemon juice<br>
          1 garlic clove<br>
          2 tbspn olive oil<br>
          1/2 tspn Paprika/Cumin<br><br>
      </td>
      <td id="recipe">
          RECIPE<br><br>
          1. Combine tahini and lemon juice<br>
          2. Mix chickpeas with <italic>step 1</italic><br>
          3. Blend the mix<br>
          4. Add the garlic, olive oil and spices<br>
          5. Blend the mix again<br>
          6. Enjoy with vegetables (carrots, peppers, cucumbers)<br>and pita chips!<br>
        </td>
      </tr>
    </table>
  </body>
</html>