-
Notifications
You must be signed in to change notification settings - Fork 0
/
article.html
107 lines (92 loc) · 4.39 KB
/
article.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="frontend/libraries/bootstrap/css/bootstrap.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Assistant:wght@200;300;400;500;600;700;800&family=Crete+Round:ital@0;1&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="frontend/styles/main.css">
</head>
<body>
<!-- Navbar -->
<div class="container">
<nav class="navbar navbar-expand navbar-light" style="background-color: #0F0E20;">
<div class="navbar-nav ml-auto mr-auto">
<a href="index.html" class="navbar-brand">
<img src="frontend/images/Worldlib.png">
</a>
</div>
</nav>
</div>
<!-- Header -->
<header class=" header1 text-center">
<div class="container">
<h2 class="">
OPEN THE DOOR
</h2>
<h3 class="mb-5">
9eme Concept
</h3>
</div>
</header>
<!-- main -->
<main>
<section class="section-content1" id="content">
<div class="container">
<div class="row section-place justify-content-lg-center">
<!-- amerika -->
<div class="col-sm-12 col-md-12 col-lg-12">
</div>
</div>
<p class="col-sm-10 col-md-10 col-lg-10">For two weeks in the spring of 2013, twelve professional artists from France and Texas each turned one side of a door into a work of art.
They are part of a groundbreaking public art project called OPEN THE DOOR, originated by the Texan-French Alliance for the Arts and the Paris art collective, 9eme Concept. With these
collaborative works of art and other events, we seek to break down social barriers and cultural stereotypes while focusing on intercultural understanding.
60 doors were created and are being installed in 19 locations around Houston . Since the beginning of 2013, around sixty unique doors were produced and are being installed in
nineteen locations around the city of Houston. The locations are highlighted on a map that serves as a « Cultural Trail » and guide the public to all the OPEN THE DOOR events pointing to the doors as well as the diverse cultural local neighborhoods around Houston. French and American musicians, dancers, storytellers, etc. will perform at each location. Opening receptions for the installations will feature speakers who will expand upon the ideals and goals of OPEN THE DOOR.
</p>
<div class="col-sm-12 col-md-12 col-lg-12">
<div class="card-country text-center d-flex flex-column"
style="background-image: url('frontend/images/amerika.jpg');">
</div>
<p class="text-center mt-1">Open The Door Houston, 9eme Concept, 2013/2013, Dari koleksi: 9eme Concept</P>
<div class="card-country text-center d-flex flex-column"
style="background-image: url('frontend/images/amerika.jpg');">
</div>
<p class="text-center mb-2">Open The Door Houston, 9eme Concept, 2013/2013, Dari koleksi: 9eme Concept</P>
<div class="card-country text-center d-flex flex-column"
style="background-image: url('frontend/images/amerika.jpg');">
</div>
<p class="text-center mt-1">Open The Door Houston, 9eme Concept, 2013/2013, Dari koleksi: 9eme Concept</P>
</div>
</div>
</div>
</section>
</main>
<!-- footer -->
<footer>
<div class="container">
<div class="footer-section">
<h3>Ready to get started?</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</p>
<div class="mt-4">
<a href="" class="btn btn-view-details px-4 py-2">
Get Started
</a>
</div>
</div>
</div>
<div class="mt-5">
<div class="row justify-content-center align-items-center">
<div class="footer-copyright col-auto">
2021 Copyright Worldlib - All right reserved - Made in medan
</div>
</div>
</div>
</footer>
<script src="frontend/libraries/jquery/jquery-3.5.1.min.js"></script>
<script src="frontend/libraries/bootstrap/js/bootstrap.js"></script>
</body>
</html>