chichen-itza-website/about.html at master · MartinNang/chichen-itza-website · 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
136
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Chichén Itzá - About us</title>
    <link
      href="https://fonts.googleapis.com/css2?family=DynaPuff:wght@400;700&display=swap"
      rel="stylesheet" />
    <link
      href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap"
      rel="stylesheet" />

    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
      rel="stylesheet" />
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
      crossorigin="anonymous" />
    <link rel="stylesheet" type="text/css" href="chichen.css" />

    <!-- Scripts-->
    <script
      type="module"
      src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>
  </head>
  <body class="about-page">
    <div class="header">
      <nav class="navbar navbar-dark navbar-expand-lg">
        <a class="navbar-brand" href="index.html"
          ><img src="Images/Chichen_Itza_logo.png" alt="logo Icon" class="logo"
        /></a>
        <div class="container-fluid">
          <button
            class="navbar-toggler"
            type="button"
            data-bs-toggle="collapse"
            data-bs-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent"
            aria-expanded="false"
            aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
          <div
            class="collapse navbar-collapse align-items-center justify-content-center"
            id="navbarSupportedContent">
            <ul
              class="navbar-nav mb-2 mb-lg-0 gap-3 w-100 justify-content-around align-items-center">
              <li class="nav-item">
                <a class="nav-link" aria-current="page" href="history.html"
                  >History</a
                >
              </li>
              <li class="nav-item">
                <a class="nav-link" href="map.html">Map</a>
              </li>
              <li id="placeholder-item"></li>
              <li class="nav-item">
                <a class="nav-link" href="gallery.html">Gallery</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="about.html">About</a>
              </li>
            </ul>
          </div>
        </div>
        <!-- Language button -->
        <div class="languageOption">
          <div class="dropdown">
            <div id="lngOption" class="dropbtn">
              <img
                src="Images/eng.png"
                class="lang-icon"
                alt="In English" /><span>ENG</span>
            </div>
            <div class="dropdown-content">
              <a href="aboutES.html">
                <img
                  src="Images/esp.png"
                  class="lang-icon"
                  alt="In Spanish" /><span>ESP</span>
              </a>
            </div>
          </div>
        </div>
      </nav>
    </div>

    <!-- Content -->
    <div class="content-wrapper">
      <div class="about-us container">
        <div class="row">
          <div class="col-12 col-lg-6 p-5 order-2">
            <h1>About us</h1>
            <p>
              We are a diverse group of international students from the
              Interactive Digital Media (IDM) master's program at Trinity
              College Dublin, with backgrounds in UX/UI design, programming,
              game design, and illustration, hailing from South Korea, Austria,
              Mexico, Türkiye, and Hong Kong.
            </p>
            <p>
              Our program focuses on Human-Computer Interaction (HCI), equipping
              us with the skills to create engaging digital experiences. We have
              come together to develop an interactive learning platform that
              makes Chichén Itzá's history, astronomy, and architecture
              accessible and engaging for young students through digital
              multimedia. By leveraging our diverse skill sets and cultural
              backgrounds, we aim to create an immersive online experience that
              sparks curiosity, encourages exploration, and facilitates
              understanding of this ancient Mayan city's wonders, ultimately
              fostering a love for learning about world heritage sites and
              ancient civilizations.
            </p>
          </div>
          <div class="col-12 col-lg-6 order-1 order-lg-3">
            <img
              src="./Images/group-photo.jpg"
              alt="Group of students behind the Chichén Itzá website"
              class="about-image" />
          </div>
        </div>
      </div>
    </div>

    <script src="card.js"></script>
    <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
      integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
      crossorigin="anonymous"></script>
  </body>
</html>