Croissant/photo.html at main · RubinderG/Croissant · 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
<!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.0.0-beta2/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl"
      crossorigin="anonymous"
    />
    <link href="css/styles.css" rel="stylesheet" type="text/css" />
    <title>Photo</title>
  </head>
  <body>
    <h1>What a croissant looks like 🥐</h1>
    <ul class="nav justify-content-center">
      <li class="nav-item">
        <a class="nav-link disabled">🥐</a>
      </li>
      <li class="nav-item">
        <a class="nav-link active" aria-current="page" href="Index.html"
          >Homepage for Croissant.com</a
        >
      </li>
      <li class="nav-item">
        <a class="nav-link" href="photo.html">Photo of a Croissant</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="contact.html">Contact Croissant.com</a>
      </li>
    </ul>
    <div
      id="carouselExampleCaptions"
      class="carousel slide"
      data-bs-ride="carousel"
    >
      <div class="carousel-indicators">
        <button
          type="button"
          data-bs-target="#carouselExampleCaptions"
          data-bs-slide-to="0"
          class="active"
          aria-current="true"
          aria-label="Slide 1"
        ></button>
        <button
          type="button"
          data-bs-target="#carouselExampleCaptions"
          data-bs-slide-to="1"
          aria-label="Slide 2"
        ></button>
        <button
          type="button"
          data-bs-target="#carouselExampleCaptions"
          data-bs-slide-to="2"
          aria-label="Slide 3"
        ></button>
      </div>
      <div class="carousel-inner">
        <div class="carousel-item active">
          <img
            src="images/butter.jpeg"
            class="d-block w-100"
            alt="Butter Croissant"
          />
          <div class="carousel-caption d-none d-md-block">
            <h5>Traditional Croissant</h5>
            <p>This is the traditional Butter Croissant</p>
          </div>
        </div>
        <div class="carousel-item">
          <img
            src="images/berry.jpeg"
            class="d-block w-100"
            alt="Berry Croissant"
          />
          <div class="carousel-caption d-none d-md-block">
            <h5>Berry Croissant</h5>
          </div>
        </div>
        <div class="carousel-item">
          <img
            src="images/chocolate.jpeg"
            class="d-block w-100"
            alt="Chocolate Croissant"
          />
          <div class="carousel-caption d-none d-md-block">
            <h5>Chocolate Croissant</h5>
          </div>
        </div>
        <div class="carousel-item">
          <img
            src="images/almond.jpeg"
            class="d-block w-100"
            alt="Almond Croissant"
          />
          <div class="carousel-caption d-none d-md-block">
            <h5>Almond Croissant</h5>
          </div>
        </div>
      </div>
      <button
        class="carousel-control-prev"
        type="button"
        data-bs-target="#carouselExampleCaptions"
        data-bs-slide="prev"
      >
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Previous</span>
      </button>
      <button
        class="carousel-control-next"
        type="button"
        data-bs-target="#carouselExampleCaptions"
        data-bs-slide="next"
      >
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Next</span>
      </button>
    </div>
  </body>
</html>