-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
195 lines (122 loc) · 6.04 KB
/
index.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
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
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta name="description" content="Maker and Restorer of Fine String Instruments">
<title>Andrea Spada</title>
<link rel="stylesheet" href="/assets/css/main.css" />
<noscript><link rel="stylesheet" href="/assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload-0 is-preload-1">
<!-- Wrapper -->
<div id="wrapper">
<article id="home" class="panel special">
<div class="image">
<img src="/images/pic01.jpg" alt="" data-position="center center" />
</div>
<div class="content">
<div class="inner">
<header>
<h1>Andrea Spada</h1>
<p>Maker and Restorer<br />
of Fine String Instruments</p>
</header>
<nav id="nav">
<ul class="actions stacked special animated spinY">
<li><a href="#about" class="button">About me</a></li>
<li><a href="#my-shop" class="button">My Shop</a></li>
<li><a href="#contact" class="button">Contact</a></li>
</ul>
</nav>
<ul class="icons">
<li><a href="https://www.facebook.com/liuteriadautore" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="https://www.instagram.com/andrea.spada.liutaio/" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="mailto:[email protected]" class="icon solid fa-envelope"><span class="label">Email</span></a></li>
</ul>
</div>
</div>
</article>
<article id="about" class="panel secondary">
<div class="image">
<img src="/images/pic03.jpg" alt="" data-position="center center" />
</div>
<div class="content">
<ul class="actions animated spinX">
<li><a href="#" class="button small back">Back</a></li>
</ul>
<div class="inner">
<header>
<h2>About me</h2>
<p><br/>
</p>
</header>
<p>I'm born in Italy, Faenza, where I started playing the cello and bass guitar. It is also where I accomplished my fine arts studies at the international school for artistical ceramic.
This gave me a solid background on renaissance arts, as well as a quite deep understanding of sculpture, drawing and painting techniques.</p>
<p>My artistical biases are strongly rooted on the common grounds of the renaissance thoughts: pytagorean and natural mathematical principles, sacred geometry, alchemical simbology and alikes: in fact, I live luthiery not as a duty, but as a way for the self trascendence.</p>
<p>Those probably are the reasons for my preferences for the old school workflow: using almost only traditional hand tools, like gouges, handplanes and dividers, with very few technological departures (a bandsaw, a drill press, and my CAD), I try for a personal, artistically true and solidly honest approach.</p>
</div>
</div>
</article>
<article id="my-shop" class="panel secondary">
<div class="image">
<img src="/images/pic02.jpg" alt="" data-position="center center" />
</div>
<div class="content">
<ul class="actions animated spinX">
<li><a href="#" class="button small back">Back</a></li>
</ul>
<div class="inner">
<header>
<h2>My Shop</h2>
<p>I work with violins, violas, cellos, basses, viols, violones and lutes.</p>
</header>
<p>Being a professional double bassist myself, with a quite large experience in both orchestral and contemporary repertoire, my first professional focus was the Double Bass; however, I work with the whole family of violins and viols, both as a maker and a restorer. And yes, as a player too.</p>
<p>I created many <a href="https://www.facebook.com/pg/liuteriadautore/photos/?tab=albums&ref=page_internal">models</a> of basses, for a wide range of aesthetic and musical environments and I created also a kind of portable bass, which I dubbed <a href="https://www.facebook.com/pg/contrabassetto/photos/?tab=albums&ref=page_internal">contrabassetto</a>. I'm working now on a portable strings family concept - <a href="https://www.facebook.com/reductio.liuteriadautore/?view_public_for=1168211266688479">
<strong>Reductio</strong>®</a> - aimed for the needs of contemporary musicians.</p>
<p>My second favourite instrument, as a maker, is the viola... I had the chance to be a close friend, and apprentice, of a great master, Nilton Camargo, which was an outstanding violas maker. He shared many deep insights in regard his love and understanding of the violas mechanic, and helped me outlining and conceiving my <a href="https://www.facebook.com/liuteriadautore/photos/a.694579387273130/694579417273127/?type=3&theater">first one</a>, a personal modernization of an outstanding Gasparo da Salò model for a <a href="https://www.ashmoleanprints.com/image/1056157/gasparo-gasparo-da-salo-bertolotti-lira-da-braccio-1561">Lira da Braccio</a>...</p>
</div>
</div>
</article>
<article id="contact" class="panel secondary">
<div class="image">
<img src="/images/pic04.jpg" alt="" data-position="bottom center" />
</div>
<div class="content">
<ul class="actions animated spinX">
<li><a href="#" class="button small back">Back</a></li>
</ul>
<div class="inner">
<header>
<h2>Contact</h2>
</header>
<form action="https://formspree.io/f/xvovwwdy" method="POST">
<div class="fields">
<div class="field half">
<input type="text" name="name" placeholder="Your name" id="name">
</div>
<div class="field half">
<input type="email" name="_replyto" placeholder="Your email" id="email">
</div>
<div class="field">
<textarea name="message" rowd="6" placeholder="Write here your message"></textarea>
</div>
</div>
<button type="submit">Send</button>
</form>
</div>
</div>
</article>
<!-- Footer -->
<footer id="footer">
<p class="copyright">© Liuteria d'Autore</p>
</footer>
</div>
<!-- Scripts -->
<script src="/assets/js/jquery.min.js"></script>
<script src="/assets/js/browser.min.js"></script>
<script src="/assets/js/breakpoints.min.js"></script>
<script src="/assets/js/util.js"></script>
<script src="/assets/js/main.js"></script>
</body>
</html>