dh201/index.html at master · savannahlake/dh201 · 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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!DOCTYPE html>
<html  >
<head>
  <!-- Site made with Mobirise Website Builder v4.11.4, https://mobirise.com -->
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="generator" content="Mobirise v4.11.4, mobirise.com">
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
  <link rel="shortcut icon" href="assets/images/logo.png" type="image/x-icon">
  <meta name="description" content="">

  <title>Home</title>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,700">
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i">
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic&subset=latin">
  <link rel="stylesheet" href="assets/tether/tether.min.css">
  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="assets/dropdown/css/style.css">
  <link rel="stylesheet" href="assets/animatecss/animate.min.css">
  <link rel="stylesheet" href="assets/theme/css/style.css">
  <link rel="preload" as="style" href="assets/mobirise/css/mbr-additional.css"><link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">


</head>
<body>
  <section id="menu-3" data-rv-view="0">

    <nav class="navbar navbar-dropdown transparent bg-color">
        <div class="container">

            <div class="mbr-table">

                <div class="mbr-table-cell">

                    <button class="navbar-toggler pull-xs-right hidden-md-up" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar">
                        <div class="hamburger-icon"></div>
                    </button>

                    <ul class="nav-dropdown collapse pull-xs-right nav navbar-nav navbar-toggleable-sm" id="exCollapsingNavbar"><li class="nav-item">  <a class="nav-link link" href="index.html">HOME</a>     </li><li class="nav-item"> <a class="nav-link link" href="about.html" aria-expanded="false">ABOUT</a></li><li class="nav-item dropdown"><a class="nav-link link dropdown-toggle" href="https://mobirise.com/" aria-expanded="false" data-toggle="dropdown-submenu">VISUALIZATIONS</a><div class="dropdown-menu"><a class="dropdown-item" href="https://mobirise.com/" aria-expanded="false">Mapping Artists</a><a class="dropdown-item" href="page3.html" aria-expanded="false">Acquistion Trends</a><a class="dropdown-item" href="page4.html" aria-expanded="false">Items on View</a><a class="dropdown-item" href="page5.html" aria-expanded="false">The Ambiguity of Nationality</a></div></li></ul>
                    <button hidden="" class="navbar-toggler navbar-close" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar">
                        <div class="close-icon"></div>
                    </button>

                </div>
            </div>

        </div>
    </nav>

</section>

<section class="engine"><a href="https://mobirise.info/l">free web templates</a></section><section class="mbr-section mbr-section-hero mbr-section-full mbr-section-with-arrow mbr-parallax-background mbr-after-navbar" id="header1-1" data-rv-view="2" style="background-image: url(assets/images/mbr-3-1920x1280.jpg);">


    <div class="mbr-table-cell">

        <div class="container">
            <div class="row">
                <div class="mbr-section col-md-10 col-md-offset-1 text-xs-center">

                    <h1 class="mbr-section-title display-1">CREATIVITY + CONTEXT</h1>
                    <p class="mbr-section-lead lead"><br>The Carnegie Museum of Art aims to present "artworks from around the world to inspire, sustain, and provoke discussion, and to engage and reflect multiple audiences." This project investigates one aspect of this effort, exploring international representation within the museum's contemporary art collection.</p>
                    <div class="mbr-section-btn"><a class="btn btn-lg btn-danger" href="about.html">ABOUT THE PROJECT</a> <a class="btn btn-lg btn-black-outline btn-black" href="index.html#features3-2">DATA VISUALIZATIONS</a></div>
                </div>
            </div>
        </div>
    </div>

    <div class="mbr-arrow mbr-arrow-floating" aria-hidden="true"><a href="#features3-2"><i class="mbr-arrow-icon"></i></a></div>

</section>

<section class="mbr-cards mbr-section mbr-section-nopadding" id="features3-2" data-rv-view="5" style="background-color: rgb(255, 255, 255);">


    <div class="mbr-cards-row row">
        <div class="mbr-cards-col col-xs-12 col-lg-3" style="padding-top: 80px; padding-bottom: 80px;">
            <div class="container">
              <div class="card cart-block">
                  <div class="card-img"><img src="assets/images/preview-filler-600x337.png" class="card-img-top"></div>
                  <div class="card-block">
                    <h4 class="card-title">Mapping Artists</h4>
                    <h5 class="card-subtitle">What are the artists' nationalities?</h5>
                    <p class="card-text">Bootstrap 4 has been noted as one of the most reliable and proven frameworks and Mobirise has been equipped to develop websites using this framework.</p>
                    <div class="card-btn"><a href="page2.html" class="btn btn-danger">MORE</a></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="mbr-cards-col col-xs-12 col-lg-3" style="padding-top: 80px; padding-bottom: 80px;">
            <div class="container">
                <div class="card cart-block">
                    <div class="card-img"><img src="assets/images/preview-filler-600x337.png" class="card-img-top"></div>
                    <div class="card-block">
                        <h4 class="card-title">Acquistion Trends</h4>
                        <h5 class="card-subtitle">What is purchased and what is donated?</h5>
                        <p class="card-text">One of Bootstrap 4's big points is responsiveness and Mobirise makes effective use of this by generating highly responsive website for you.</p>
                        <div class="card-btn"><a href="page3.html" class="btn btn-danger">MORE</a></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="mbr-cards-col col-xs-12 col-lg-3" style="padding-top: 80px; padding-bottom: 80px;">
            <div class="container">
                <div class="card cart-block">
                    <div class="card-img"><img src="assets/images/preview-filler-600x337.png" class="card-img-top"></div>
                    <div class="card-block">
                        <h4 class="card-title">Items on View</h4>
                        <h5 class="card-subtitle">Who is on view at the museum?</h5>
                        <p class="card-text">Google has a highly exhaustive list of fonts compiled into its web font platform and Mobirise makes it easy for you to use them on your website easily and freely.</p>
                        <div class="card-btn"><a href="page4.html" class="btn btn-danger">MORE</a></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="mbr-cards-col col-xs-12 col-lg-3" style="padding-top: 80px; padding-bottom: 80px;">
            <div class="container">
                <div class="card cart-block">
                    <div class="card-img"><img src="assets/images/preview-filler-600x337.png" class="card-img-top"></div>
                    <div class="card-block">
                        <h4 class="card-title">The Ambiguity of Nationality</h4>
                        <h5 class="card-subtitle">What can and can't be captured in the data?</h5>
                        <p class="card-text">Mobirise gives you the freedom to develop as many websites as you like given the fact that it is a desktop app desktop app.</p>
                        <div class="card-btn"><a href="page5.html" class="btn btn-danger">MORE</a></div>
                    </div>
                </div>
            </div>
        </div>


    </div>
</section>

<footer class="mbr-small-footer mbr-section mbr-section-nopadding" id="footer1-4" data-rv-view="8" style="background-color: rgb(193, 193, 193); padding-top: 1.75rem; padding-bottom: 1.75rem;">

    <div class="container text-xs-center">
        <p>Copyright (c) 2019 Savannah Lake.</p>
    </div>
</footer>


  <script src="assets/web/assets/jquery/jquery.min.js"></script>
  <script src="assets/tether/tether.min.js"></script>
  <script src="assets/bootstrap/js/bootstrap.min.js"></script>
  <script src="assets/jarallax/jarallax.js"></script>
  <script src="assets/smooth-scroll/smooth-scroll.js"></script>
  <script src="assets/dropdown/js/script.min.js"></script>
  <script src="assets/touch-swipe/jquery.touch-swipe.min.js"></script>
  <script src="assets/viewport-checker/jquery.viewportchecker.js"></script>
  <script src="assets/theme/js/script.js"></script>


  <input name="animation" type="hidden">
  </body>
</html>