bootstrap-site/index.html at main · SamHardiment/bootstrap-site · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
      crossorigin="anonymous"
    />
    <link rel="stylesheet" href="./styles.css" />
    <title>Bootstrap site</title>
  </head>
  <body class="">
    <header class="bg-dark p-2">
      <div class="container flex-column mt-3" style="width: 100%">
        <h1 class="text-center text-light display-6">Egg Fried Rice</h1>
        <nav class="navbar1 mt-2">
          <a href="./index.html" class="link">Home</a
          ><a href="./ingredients.html" class="link">Ingredients</a
          ><a href="./places.html" class="link">Where to find</a>
        </nav>
        <div class="dropdown mobile-menu">
          <button
            class="btn btn-secondary dropdown-toggle"
            type="button"
            id="dropdownMenuButton"
            data-toggle="dropdown"
            aria-haspopup="true"
            aria-expanded="false"
          >
            Menu
          </button>
          <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
            <a href="./index.html" class="link">Home</a
            ><a href="./ingredients.html" class="link">Ingredients</a
            ><a href="./places.html" class="link">Where to find</a>
          </div>
        </div>
      </div>
    </header>
    <main>
      <div class="container mt-5">
        <h3 class="text-center">Uncle Roger's Fried Rice (But Better)</h3>
        <div class="container-3 main-div row row-cols-2 mt-5 m-auto">
          <img
            src="https://external-preview.redd.it/v_3wd2rjLAQwZmnh7DJyotKmV4_RiKdBXHoHSoGo5Vo.jpg?format=pjpg&auto=webp&s=816f5b5be5587ee0d2ca172e81cd039676681662"
            alt="Picture of egg fried rice"
          />
          <div class="">
            If you know Uncle Roger, you know that he is a good judge on fried
            rice, he even judged Gordon Ramsay. Some may say that Uncle Roger's
            fried rice recipe is perfect. However, this is But Better and nobody
            is safe, not even you Uncle Roger (kisses from papa), so I know we
            can make it better!<br />
            Watch how it is made
            <a
              href="https://www.joshuaweissman.com/post/uncle-roger-s-fried-rice-but-better"
              >here</a
            >! <br />
            <btn class="btn bg-danger mt-5 mb-5"
              ><a
                style="color: white; text-decoration: none"
                href="./ingredients.html"
                >Jump to recipe</a
              ></btn
            >
          </div>
        </div>
      </div>
      <div class=""></div>
    </main>
  </body>
</html>