urban_dream/about.html at main · KodeKronicles/urban_dream · 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
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Disclaimer</title>
    <link href="css/items.css" 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">
  </head>
  <body>
    <nav class="navbar navbar-expand-lg">
      <div class="container-fluid"> <!-- change class to just container to move logo -->
        <a class="navbar-brand" href="#">
          <img src="img/circle_icon.png" alt="Unbuilt City Logo" width="55" height="55" class="d-inline-block align-text-top ms-4">
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
          <ul class="navbar-nav ms-md-auto">
            <li>
              <a class="nav-link" href="index.html">HOME</a>
            </li>
            <li class="nav-item dropdown">
              <a class="nav-link" href="exhibition.html">EXHIBITION</a>
            </li>
            <li>
              <a class="nav-link" href="map.html">MAP</a>
            </li>
            <li>
              <a class="nav-link" href="items.html">ITEMS</a>
            </li>
            <li>
              <a class="nav-link" href="about.html">ABOUT</a>
            </li>
          </ul>
        </div>
      </div>
    </nav>

    <main>
      <div class="container text-center" id="disclaimer-container">
        <div class="center flex-column d-flex" id="about">
            <h3>Team</h3>
            <div class="row">
                <div class="col-sm 12 col-md-4 justify-content-center align-items-center">
                    <img src="img/team/cat1.png" style="width: 100%; height: 100%;">
                    <p>Alisa Antonova</p>
                </div>
                <div class="col-sm 12 col-md-4 justify-content-center align-items-center">
                    <img src="img/team/cat2.png" style="width: 100%; height: 100%;">
                    <p>Elena Binotti</p>
                </div>
                <div class="col-sm 12 col-md-4 justify-content-center align-items-center">
                    <img src="img/team/kiryu.jpg" style="width: 100%; height: 100%;">
                    <p>Hubert Krzywonos</p>
                </div>
            </div>
        </div>
        <div class="row" id="disclaimer">
            <h1>About the Project</h1>
            <p>
                This website presents our approach to designing a digital museum exhibition. It is part of the final project
                for the "Information Modeling and Web Technologies" course in the Master’s Degree in Digital Humanities and Digital Knowledge
                program at the University of Bologna, under the supervision of Professor Fabio Vitali.
            </p>
            <p>
                The photographs included on this website have been carefully selected for their relevance to the showcased artifacts.
                Their presence here does not intend to replace their original locations or archives.
            </p>
            <p>
                All copyrights and related rights remain with their respective owners. The concept and layout of this project
                have been uniquely developed by the creators.
            </p>
            <p>
              For further insights into our research, design process, and methodologies, please visit our <a href="documentation.html">Documentation</a> page.
                        </p>
            <p>2025 © Unbuilt City Project</p>
        </div>
      </div>
    </main>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
      <footer class="site-footer text-center">
         <div>
            <p>&copy; 2025. Urban Dream — The Architectures of Tomorrow. All rights reserved.</p>
            <a href="https://github.com/KodeKronicles/urban_dream" target="_blank" class="github-link d-block">
            <i class="fab fa-github" style="font-size: 24px; color: #333;"></i>
            </a>
         </div>
      </footer>
  </body>
</html>