git-workshop/index.html at main · Tomajari/git-workshop · 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
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <title>COOL RECIPES</title>
  <style>
    .dropdown-container {
      margin-top: 10px;
    }

    .dropdown-toggle {
      padding: 0;
      font-size: 1.1em;
      font-weight: bold;
      text-align: left;
      display: block;
      margin-bottom: 5px;
    }

    .dropdown-content {
      padding-left: 15px;
    }

    .dropdown-content ul {
      list-style-type: disc;
      padding-left: 20px;
      margin-top: 5px;
    }

    .dropdown-content li {
      padding: 2px 0;
    }
  </style>
</head>

<body>
  <h1>Recipes that have a special place in my heart</h1>

  <div class="dropdown-container">
    <h2 class="dropdown-toggle">Family Recipes</h2>
    <div class="dropdown-content">
      <ul>
        <li><a href="family/afghanpasta.html">Afghan Pasta</a></li>
        <li><a href="family/beerchickenstew.html">Beer Chicken Stew with Biscuits</a></li>
        <li><a href="family/bimbibap.html">Bibimbap</a></li>
        <li><a href="family/borscht.html">Borscht</a></li>
        <li><a href="family/dumplings.html">Dumplings</a></li>
        <li><a href="family/eggdropsoup.html">Egg Drop Soup</a></li>
        <li><a href="family/noodlesoup.html">Nood and Soup</a></li>
        <li><a href="family/padkrapao.html">Pad Kra Pao</a></li>
        <li><a href="family/roticanai.html">Roti Canai</a></li>
        <li><a href="family/tacos.html">Chicken Tacos</a></li>
      </ul>
    </div>
  </div>

  <div class="dropdown-container">
    <h2 class="dropdown-toggle">American Comfort</h2>
    <div class="dropdown-content">
      <ul>
        <li><a href="american/alfredo.html">Fettuccine Alfredo</a></li>
        <li><a href="american/burger.html">Burger</a></li>
        <li><a href="american/friedchicken.html">Fried Chicken</a></li>
        <li><a href="american/friedrice.html">Fried Rice</a></li>
        <li><a href="american/macandcheese.html">Mac and Cheese</a></li>
        <li><a href="american/nugget.html">Nugget</a></li>
        <li><a href="american/pasta.html">One-Pot Pasta</a></li>
        <li><a href="american/pizza.html">Pizza</a></li>
        <li><a href="american/popcorn_chicken.html">Popcorn Chicken</a></li>
        <li><a href="american/quesadillas.html">Quesadillas</a></li>
        <li><a href="american/salad.html">Caesar Salad</a></li>
      </ul>
    </div>
  </div>

  <div class="dropdown-container">
    <h2 class="dropdown-toggle">Breakfast</h2>
    <div class="dropdown-content">
      <ul>
        <li><a href="breakfast/avocado_toast.html">Avocado Toast</a></li>
        <li><a href="breakfast/cereal.html">Cereal</a></li>
        <li><a href="breakfast/egg.html">Egg city, I am the mayor (General Egg)</a></li>
        <li><a href="breakfast/oatmeal.html">Oatmeal</a></li>
        <li><a href="breakfast/simpleomlette.html">Simple Omlette</a></li>
        <li><a href="breakfast/waffle.html">Protein Waffles</a></li>
      </ul>
    </div>
  </div>

  <div class="dropdown-container">
    <h2 class="dropdown-toggle">Dessert</h2>
    <div class="dropdown-content">
      <ul>
        <li><a href="dessert/Æbleskiver.html">Æbleskiver</a></li>
        <li><a href="dessert/flan.html">Flan</a></li>
        <li><a href="dessert/matcha_cookie.html">Matcha Cookie Recipe</a></li>
        <li><a href="dessert/mugcake.html">Mug Cake</a></li>
        <li><a href="dessert/parfait.html">Yogurt Parfait</a></li>
        <li><a href="dessert/tarte_tatin.html">Tarte Tatin</a></li>
        <li><a href="dessert/tiramisu.html">100% Success Rate Tiramisu</a></li>
        <li><a href="dessert/yummyflan.html">Yummy Flan</a></li>
      </ul>
    </div>
  </div>

  <div class="dropdown-container">
    <h2 class="dropdown-toggle">Drinks</h2>
    <div class="dropdown-content">
      <ul>
        <li><a href="drink/coffee.html">Coffee</a></li>
        <li><a href="drink/hydratedwater.html">Hydrated Water</a></li>
        <li><a href="drink/lemonade.html">Lemonade</a></li>
        <li><a href="drink/thaitea.html">Thai Tea</a></li>
      </ul>
    </div>
  </div>

  <div class="dropdown-container">
    <h2 class="dropdown-toggle">Real</h2>
    <div class="dropdown-content">
      <ul>
        <li><a href="real/banhmi.html">PEAK BANHMI</a></li>
        <li><a href="real/coolPBJRecipie.html">Cool PB&J Recipie</a></li>
        <li><a href="real/epic.html">A snack (toast) to remember</a></li>
        <li><a href="real/fugu.html">Fugu</a></li>
        <li><a href="real/greatestsandwichofalltime.html">Peanut Butter Banana Sandwich</a></li>
        <li><a href="real/mayobananasando.html">Mayo Banana Sando</a></li>
        <li><a href="real/sardinesontoast.html">Sardines on Toast</a></li>
      </ul>
    </div>
  </div>

</body>
</html>