AIC/about.html at master · ArtAccess/AIC · 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
<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">
    <title>Art Institute of Chicago Digital Exploration</title>

    <!-- our bootstrap css -->
    <link rel="stylesheet" type="text/css" href="bootstrap-4.4.1-dist/css/bootstrap.min.css">
    <!-- our custom css -->
    <link rel="stylesheet" type="text/css" href="styles.css">
    <!-- our js for the api call -->
    <script src="script.js"></script>
    <!-- third parties bootstrap js may need -->
    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
    <!-- our bootstrap js -->
    <script src="bootstrap-4.4.1-dist/js/bootstrap.min.js"></script>
    <!-- our font awesome icons -->
    <script src="fontawesome-free-5.12.1-web/js/all.js"></script>

</head>

<body>
    <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
        <a class="navbar-brand logo mb-0" href="index.html">
            Art Access <i class="fas fa-paint-brush"></i>
        </a>
        <!-- also a good icon option:
        <i class="fas fa-palette"></i> -->
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor01" aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarColor01">
            <ul class="navbar-nav mr-auto ml-3">
                <li class="nav-item">
                    <a class="nav-link" href="movements.html">Art Movements</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">About</a>
                </li>
            </ul>
        </div>
    </nav>
    <div class="container mt-5">
        <div class="mx-auto col-md-6 col-10 mt-3 mb-5">
            <h1 class="about">About Art Access</h1>
            <div class="mx-auto mt-5 about-body">

                <p>In a largely technology driven world, sometimes it can be easy to forget the importance of art in our lives. Without art we would be missing one of the crucial ways we can express our fears, hopes, and dreams, which is all too important in an increasingly chaotic world.
                </p>

                <p> Consuming and creating art is a universal human experience, but unfortunately it’s often more accessible to some than others, and not everyone has the time or resources to spend a day at a museum. The cost of tickets, transportation, parking, and time make the experiencing and learning more about art, not accessible to everyone. For people who have a genuine interest in studying about art-and-culture from around the world, having every piece of information on hand would be great.
                </p>
            </div>

        </div>
                <h3 class="about">
                    Art Access utilizes the Art Institute of Chicago’s API to collect artworks and make them explorable for you.
                </h3>
    </div>
</body>
</html>