AIC/movements.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
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
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
<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 Movements</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>
        <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.html">About</a>
                </li>
            </ul>
        </div>
    </nav>
    <!-- body div -->
    <div class="container mt-5">
        <h1>Movements</h1>
        <p>Movements are styles of art that occur during specific periods of time.</p>

        <div class="card bg-light mb-3" style="max-width: 60rem;">
            <div class="card-header"></div>
            <div class="row no-gutters">
                <div class="col-md-4 my-auto mx-auto">
                    <img src="https://www.theartstory.org/images20/new_design/bio_box/bio_box_abstract_expressionism.jpg?1" class="img-fluid" alt="...">
                </div>
                <div class="col-md-8">
                    <div class="card-body">
                        <h5 class="card-title">Abstract Expressionism - 1940s</h5>
                        <p class="card-text">Abstract expressionism is a post–World War II art movement in American painting, developed in New York in the 1940s. It was the first specifically American movement to achieve international influence and put New York City at the
                            center of the western art world, a role formerly filled by Paris.</p>
                        <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
                    </div>
                </div>
            </div>
        </div>


        <div class="card bg-light mb-3" style="max-width: 60rem;">

            <div class="card-header"></div>

            <div class="row no-gutters">
                <div class="col-md-4 my-auto mx-auto">
                    <img src="https://hsvmuseum.org/wp-content/uploads/2017/08/Mucha-web.png" class="img-fluid" alt="...">
                </div>
                <div class="col-md-8">
                    <div class="card-body">
                        <h5 class="card-title">Art Noveau - 1890-1910</h5>
                        <p class="card-text">Art Nouveau is an international style of art, architecture and applied art, especially the decorative arts, known in different languages by different names: Jugendstil in German, Stile Liberty in Italian, Modernismo catalán in
                            Spanish, etc. In English it is also known as the Modern Style (not to be confused with Modernism and Modern architecture). The style was most popular between 1890 and 1910. It was a reaction against the academic art, eclecticism
                            and historicism of 19th century architecture and decoration. It was often inspired by natural forms such as the sinuous curves of plants and flowers. Other characteristics of Art Nouveau were a sense of dynamism and movement,
                            often given by asymmetry or whiplash lines, and the use of modern materials, particularly iron, glass, ceramics and later concrete, to create unusual forms and larger open spaces. </p>
                        <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
                    </div>
                </div>
            </div>

        </div>

        <div class="card bg-light mb-3" style="max-width: 60rem;">
            <div class="card-header"></div>
            <div class="row no-gutters">
                <div class="col-md-4 my-auto mx-auto">
                    <img src="https://d2jv9003bew7ag.cloudfront.net/uploads/Italian-Futurism-Fortunato-Depero-Skyscrapers-and-Tunels.-Image-via-exhibitions.guggenheim.com_-1.jpg" class="img-fluid" alt="...">
                </div>
                <div class="col-md-8">
                    <div class="card-body">
                        <h5 class="card-title">Avant-garde - 19th century</h5>
                        <p class="card-text">The avant-garde from French, "advance guard" are people or works that are experimental, radical, or unorthodox with respect to art, culture, or society. It is frequently characterized by aesthetic innovation and initial unacceptability.</p>
                        <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
                    </div>
                </div>
            </div>
        </div>

        <div class="card bg-light mb-3" style="max-width: 60rem;">
            <div class="card-header"></div>

            <div class="row no-gutters">
                <div class="col-md-4 my-auto mx-auto">
                    <img src=" https://img.theculturetrip.com/768x432/wp-content/uploads/2016/05/the_abduction_of_the_sabine_women__met_museum_of_art_46-1601.jpg" class="img-fluid" alt="...">
                </div>
                <div class="col-md-8">
                    <div class="card-body">
                        <h5 class="card-title">Baroque - Early 17th century to 1740</h5>
                        <p class="card-text">The Baroque is a style of architecture, music, dance, painting, sculpture and other arts that flourished in Europe from the early 17th century until the 1740s. In the territories of the Spanish and Portuguese empires including
                            the Iberian Peninsula it continued, together with new styles, until the first decade of the 1800s. It followed Renaissance art and Mannerism and preceded the Rococo (in the past often referred to as "late Baroque") and Neoclassical
                            styles. It was encouraged by the Catholic Church as a means to counter the simplicity and austerity of Protestant architecture, art and music, though Lutheran Baroque art developed in parts of Europe as well.
                        </p>
                        <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
                    </div>
                </div>
            </div>
        </div>

        <div class="card bg-light mb-3" style="max-width: 60rem;">
            <div class="card-header"></div>
            <div class="row no-gutters">
                <div class="col-md-4 my-auto mx-auto">
                    <img src="https://imgix.ranker.com/user_node_img/520/10382885/original/girl-before-a-mirror-artwork-photo-u2?w=650&q=50&fm=pjpg&fit=crop&crop=faces " class="img-fluid" alt="...">
                </div>
                <div class="col-md-8">
                    <div class="card-body">
                        <h5 class="card-title">Cubism - Early 20th century</h5>
                        <p class="card-text"> Cubism is an early-20th-century avant-garde art movement that revolutionized European painting and sculpture, and inspired related movements in music, literature and architecture. Cubism has been considered the most influential
                            art movement of the 20th century. The term is broadly used in association with a wide variety of art produced in Paris (Montmartre and Montparnasse) or near Paris (Puteaux) during the 1910s and throughout the 1920s.</p>
                        <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
                    </div>
                </div>
            </div>
        </div>

        <div class="card bg-light mb-3" style="max-width: 60rem;">
            <div class="card-header"></div>
            <div class="row no-gutters">
                <div class="col-md-4 my-auto mx-auto">
                    <img src="https://d2jv9003bew7ag.cloudfront.net/uploads/Marcel-Duchamp-LHOOQ-1919.jpg" class="img-fluid" alt="...">
                </div>
                <div class="col-md-8">
                    <div class="card-body">
                        <h5 class="card-title">Dadaism - Early 20th century (1915)</h5>
                        <p class="card-text"> Dadaism is an avant-garde intellectual movement that started around World War 1. Although not at first an art movement, it did influence art greatly for a time. The movement was heavily influenced by the war in Europe. Its artists
                            rejected modern capitalist society. They used nonsense, and protest in their works.</p>
                        <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
                    </div>
                </div>
            </div>
        </div>

        <div class="card bg-light mb-3" style="max-width: 60rem;">
            <div class="card-header"></div>
            <div class="row no-gutters">
                <div class="col-md-4 my-auto mx-auto">
                    <img src="https://oceanmhs.org/wp-content/uploads/2018/01/starrynight.jpg" class="img-fluid" alt="...">
                </div>
                <div class="col-md-8">
                    <div class="card-body">
                        <h5 class="card-title">Expressionism - 1912</h5>
                        <p class="card-text">Expressionism is a modernist movement, initially in poetry and painting, originating in Germany at the beginning of the 20th century. Its typical trait is to present the world solely from a subjective perspective, distorting it
                            radically for emotional effect in order to evoke moods or ideas.</p>
                        <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
                    </div>
                </div>
            </div>
        </div>

        <div class="card bg-light mb-3" style="max-width: 60rem;">
            <div class="card-header"></div>
            <div class="row no-gutters">
                <div class="col-md-4 my-auto mx-auto">
                    <img src="https://www.theartwolf.com/articles/impressionism/seurat-jatte.jpg" class="img-fluid" alt="...">
                </div>
                <div class="col-md-8">
                    <div class="card-body">
                        <h5 class="card-title">Impressionism - 1870s-1880s</h5>
                        <p class="card-text">Impressionism is a 19th-century art movement characterized by relatively small, thin, yet visible brush strokes, open composition, emphasis on accurate depiction of light in its changing qualities (often accentuating the effects
                            of the passage of time), ordinary subject matter, inclusion of movement as a crucial element of human perception and experience, and unusual visual angles. Impressionism originated with a group of Paris-based artists whose
                            independent exhibitions brought them to prominence during the 1870s and 1880s.</p>
                        <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
                    </div>
                </div>
            </div>
        </div>

        <div class="card bg-light mb-3" style="max-width: 60rem;">
            <div class="card-header"></div>
            <div class="row no-gutters">
                <div class="col-md-4 my-auto mx-auto">
                    <img src="https://dimg.donga.com/egc/CDB/ENGLISH/Article/15/13/29/55/1513295535487.jpg" class="img-fluid" alt="...">
                </div>
                <div class="col-md-8">
                    <div class="card-body">
                        <h5 class="card-title">Pop Art - Mid to late 1950s</h5>
                        <p class="card-text">Pop art is an art movement that emerged in the United Kingdom and the United States during the mid- to late-1950s. The movement presented a challenge to traditions of fine art by including imagery from popular and mass culture,
                            such as advertising, comic books and mundane mass-produced cultural objects. One of its aims is to use images of popular (as opposed to elitist) culture in art, emphasizing the banal or kitschy elements of any culture, most
                            often through the use of irony. It is also associated with the artists' use of mechanical means of reproduction or rendering techniques. In pop art, material is sometimes visually removed from its known context, isolated, or
                            combined with unrelated material. </p>
                        <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
                    </div>
                </div>
            </div>

        </div>

        <div class="card bg-light mb-3" style="max-width: 60rem;">
            <div class="card-header"></div>
            <div class="row no-gutters">
                <div class="col-md-4 my-auto mx-auto">
                    <img src="https://imgix.ranker.com/node_img/118/2340533/original/vincent-van-gogh-writers-photo-1?w=650&q=50&fm=pjpg&fit=crop&crop=faces" class="img-fluid" alt="...">
                </div>
                <div class="col-md-8">
                    <div class="card-body">
                        <h5 class="card-title">Post-Impressionism - 1886-1905</h5>
                        <p class="card-text">Post-Impressionism is a predominantly French art movement that developed roughly between 1886 and 1905, from the last Impressionist exhibition to the birth of Fauvism. Post-Impressionism emerged as a reaction against Impressionists'
                            concern for the naturalistic depiction of light and colour.
                        </p>
                        <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
                    </div>
                </div>
            </div>
        </div>

        <div class="card bg-light mb-3" style="max-width: 60rem;">
            <div class="card-header"></div>
            <div class="row no-gutters">
                <div class="col-md-4 my-auto mx-auto">
                    <img src="https://mymodernmet.com/wp/wp-content/uploads/2018/04/rococo-art-1.jpg" class="img-fluid" alt="...">
                </div>
                <div class="col-md-8">
                    <div class="card-body">
                        <h5 class="card-title">Rococo - 1730s</h5>
                        <p class="card-text">Rococo, less commonly roccoco or Late Baroque, is an exceptionally ornamental and theatrical style of architecture, art and decoration which combines asymmetry, scrolling curves, gilding, white and pastel colors, sculpted molding,
                            and trompe l'oeil frescoes to create surprise and the illusion of motion and drama. It is often described as the final expression of the Baroque movement. </p>
                        <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
                    </div>
                </div>
            </div>
        </div>

        <div class="card bg-light mb-3" style="max-width: 60rem;">
            <div class="card-header"></div>
            <div class="row no-gutters">
                <div class="col-md-4 my-auto mx-auto">
                    <img src="https://allthatsinteresting.com/wordpress/wp-content/uploads/2012/01/the-son-of-man.jpg" class="img-fluid" alt="...">
                </div>
                <div class="col-md-8">
                    <div class="card-body">
                        <h5 class="card-title">Surrealism - 1920s-1950s</h5>
                        <p class="card-text">Surrealism is a cultural movement that started in 1917,[1][2] and is best known for its visual artworks and writings. Artists painted unnerving, illogical scenes, sometimes with photographic precision, creating strange creatures
                            from everyday objects, and developing painting techniques that allowed the unconscious to express itself.[3] Its aim was, according to Breton, to "resolve the previously contradictory conditions of dream and reality into an
                            absolute reality, a super-reality", or surreality.
                        </p>
                        <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
                    </div>
                </div>
            </div>
        </div>


    </div>
</body>

</html>