-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathzoo.html
92 lines (83 loc) · 4.7 KB
/
zoo.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
<!DOCTYPE html>
<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">
<title>Inês Castanheira</title>
<!-- Bootstrap -->
<link href="css/bootstrap-4.3.1.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-3.3.1.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/popper.min.js"></script>
<script src="js/bootstrap-4.3.1.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"
integrity="sha256-T0Vest3yCU7pafRw9r+settMBX6JkKN06dqBnpQ8d30="
crossorigin="anonymous"></script>
<script src="https://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script src="js/jquery.ui.touch-punch.min.js"></script>
<script type="text/JavaScript">
$(document).ready(function() {
$( ".draggable" ).draggable();
});
</script>
</head>
<body>
<nav class="navbar"> <a class="navbar-brand" href="index.html">Inês Castanheira</a> </nav>
<div class="entry">
<div class="project_content">
<div class="project_header">
<div class="project_title">Parque Zootrónico</div>
</div>
<img src="images/zoo/zoo2.jpg" height="1500" width="2250" class="img-fluid" alt="">
<img src="images/zoo/zoo1.jpg" height="1500" width="2250" class="img-fluid" alt="">
<div class="texto"> <br>
“Parque Zootrónico” is exhibition that comprehends a collection of authorial electronic music instruments built by portuguese contemporary artists. Rather than sounds they produce, this collection focus on the designs and aesthetics of these custom machines, some of which modified, new designs or re-cased. The exhibition was curated by Inês Castanheira and Pedro Augusto as an invitation of Atelier Logicofobista.<br>
<br>
Exhibition at Atelier Logicofobista, Porto 2020 <br><br>
List of Artists:
<br>
Luis Mendonça, Diogo Moreda, Inês Castanheira, Mariana Sardon, Pedro Augusto, Ruca Bourbon, Luis Eustaquio, Cesario Alves, Tiago Frois, Gonçalo Duarte, Ines Tartaruga Agua, Miguel Pipa, Sonoscopia, Vacalhoun</div> <br>
<img src="images/zoo/zoo9.jpg" height="1500" width="2250" class="img-fluid" alt="">
<div id="carouselzoo1" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active"> <img class="d-block w-100" src="images/zoo/zoo13.jpg"
alt="First slide"> </div>
<div class="carousel-item"> <img class="d-block w-100" src="images/zoo/zoo4.jpg"
alt="Third slide"> </div>
<div class="carousel-item"> <img class="d-block w-100" src="images/zoo/zoo7.jpg"
alt="Third slide"> </div>
<div class="carousel-item"> <img class="d-block w-100" src="images/zoo/zoo8.jpg"
alt="Third slide"> </div>
<div class="carousel-item"> <img class="d-block w-100" src="images/zoo/zoo6.jpg"
alt="Third slide"> </div>
<div class="carousel-item"> <img class="d-block w-100" src="images/zoo/zoo10.jpg"
alt="Third slide"> </div>
<div class="carousel-item"> <img class="d-block w-100" src="images/zoo/zoo11.jpg"
alt="Third slide"> </div>
<div class="carousel-item"> <img class="d-block w-100" src="images/zoo/zoo12.jpg"
alt="Third slide"> </div>
<div class="carousel-item"> <img class="d-block w-100" src="images/zoo/zoo15.jpg"
alt="Third slide"> </div>
<div class="carousel-item"> <img class="d-block w-100" src="images/zoo/zoo13.jpg"
alt="Third slide"> </div>
<div class="carousel-item"> <img class="d-block w-100" src="images/zoo/zoo14.jpg"
alt="Third slide"> </div>
<div class="carousel-item"> <img class="d-block w-100" src="images/zoo/zoo5.jpg"
alt="Third slide"> </div>
<div class="carousel-item"> <img class="d-block w-100" src="images/zoo/zoo16.jpg"
alt="Third slide"> </div>
<div class="carousel-item"> <img class="d-block w-100" src="images/zoo/zoo3.jpg"
alt="Third slide"> </div>
</div>
<div class="arrows"> <a class="carousel-control-prev" href="#carouselzoo1" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true">◁ </span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselzoo1" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"> ▷</span> <span class="sr-only">Next</span> </a></div>
</div>
<br>
</div>
</div>
<br>
<br>
</body>
</html>