-
Notifications
You must be signed in to change notification settings - Fork 0
/
architecture-gallery_Haifa-Residential.html
232 lines (209 loc) · 10.7 KB
/
architecture-gallery_Haifa-Residential.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
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
<!DOCTYPE html>
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-166090330-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-166090330-1');
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" type="text/javascript"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Atelier Even | Architecture Gallery</title>
<link rel="icon" type="image/png" href="img/favicon_io/android-chrome-192x192.png" sizes="192x192">
<link rel="apple-touch-icon" sizes="180x180" href="img/favicon_io/apple-touch-icon.png">
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/article.css">
</head>
<body>
<div class="navbar" id="navbar"></div>
<div class="row">
<img class="pagetitle" src="img/Architecture_Gallery.png" alt="Architecture_Gallery">
<br>
<div class="mainheadline">haifa residential</div>
<div class="subtitle my-2 uppercase">@ Erez Shani Architecture</div>
</div>
<section class="project-nav pb-2"></section>
<div class="row">
<div class="imageinrow">
<img name="img" class="imageinrow" data-modal="modal1"
src="img/Architecture_Gallery/Haifa-Residential/nw-color-1-rendered.jpg"
alt="Haifa-Residential/nw-color">
<img class=magnifying src="img/magnifying-glass-white1.svg">
</div>
<div id="modal1" class="modal">
<span class="close">⨯</span>
<img class="modal-content">
</div>
<div>
<float class="subtitle">Location:</float>
<float class="description">Haifa, Israel</float>
</div>
<div>
<float class="subtitle">Year:</float>
<float class="description">2014-2022</float>
</div>
<div>
<float class="subtitle">Project Area:</float>
<float class="description">1060 ㎡</float>
</div>
<div>
<float class="subtitle">Design Team:</float>
<float class="description">Orly Even, Erez Shani</float>
</div>
<div class="description">
<p>The project is located in Bat Galim (in Hebrew: Daughter of the Waves) neighborhood in Haifa, at the foot
of Mount Carmel on the Mediterranean coast. Bat Galim is one of the few neighborhoods in Israel whose
houses lie on the beach front, so the project is located less than 200 meters from the coast. The
neighborhood was established in the 1920’s as a garden suburb, designed by the Bauhaus architect Richard
Kaufmann.
</p>
<p>On the project site was a 2-floor building, built in the International style, whose deteriorated physical
condition required its demolition. With respect to its historic value and the unique character of the
neighborhood, the first architectural decision we took was to conserve 3 exterior walls of old
building’s original façade, and erect a new 5-floor building containing 6 apartments behind it. The gap
between the old façade and the new building encloses a patio, and the entrance to the new building is
made through the original façade and patio. Another dominant element is on the new buildings west
façade, facing the patio and street. 2/3rds of the façade are made with 5-10 cm spaced clinker rods,
exposing the floor lobbies, and further blurring the division between interior and exterior areas. A
metal bridge connects the 1st floor lobby to the Bauhaus-style balconies of the original building, as a
symbolic gesture.
</p>
</div>
<div class="subtitle"><u><a
href="https://www.talnisim.co.il/residential/project-one-gpg7y-bplbl-lyd68-fdkwt-327px-9akan-srlfj-mzmmn"
target="_blank">View the built project photos</a></u></div>
<div class="imageinrow">
<img name="img" class="imageinrow" data-modal="modal2"
src="img/Architecture_Gallery/Haifa-Residential/Before.png" alt="1920’s Building Before Demolition"
loading="lazy">
<img class=magnifying src="img/magnifying-glass-white.svg">
</div>
<div id="modal2" class="modal">
<span class="close">⨯</span>
<img class="modal-content">
</div>
<div class="imagecredit">1920’s Building Before Demolition, 2015, View from North-West</div>
<div class="imageinrow">
<img name="img" class="imageinrow" data-modal="modal3"
src="img/Architecture_Gallery/Haifa-Residential/west_elevation.jpg" alt="West façade" loading="lazy">
<img class=magnifying src="img/magnifying-glass-white1.svg">
</div>
<div id="modal3" class="modal">
<span class="close">⨯</span>
<img class="modal-content">
</div>
<div class="imagecredit">West façade</div>
<div class="imageinrow">
<img name="img" class="imageinrow" data-modal="modal4"
src="img/Architecture_Gallery/Haifa-Residential/IMG_9007.png" alt="Model: Idan Zilbershtein"
loading="lazy">
<img class=magnifying src="img/magnifying-glass-white.svg">
</div>
<div id="modal4" class="modal">
<span class="close">⨯</span>
<img class="modal-content">
</div>
<div class="imagecredit">Model: Idan Zilbershtein</div>
<div class="imageinrow">
<img name="img" class="imageinrow" data-modal="modal5"
src="img/Architecture_Gallery/Haifa-Residential/IMG_9009.png" alt="Model: Idan Zilbershtein"
loading="lazy">
<img class=magnifying src="img/magnifying-glass-white.svg">
</div>
<div id="modal5" class="modal">
<span class="close">⨯</span>
<img class="modal-content">
</div>
<div class="imagecredit">Model: Idan Zilbershtein</div>
<div class="imageinrow">
<img name="img" class="imageinrow" data-modal="modal6"
src="img/Architecture_Gallery/Haifa-Residential/Jonathan9_Plan-Ground[3.13]with landscape.png"
alt="Ground Floor Plan" loading="lazy">
<img class=magnifying src="img/magnifying-glass-white.svg">
</div>
<div id="modal6" class="modal">
<span class="close">⨯</span>
<img class="modal-content">
</div>
<div class="imagecredit">Ground Floor Plan</div>
<div class="imageinrow">
<img name="img" class="imageinrow" data-modal="modal7"
src="img/Architecture_Gallery/Haifa-Residential/Jonathan9_Plan-First.png" alt="First Floor Plan"
loading="lazy">
<img class=magnifying src="img/magnifying-glass-white.svg">
</div>
<div id="modal7" class="modal">
<span class="close">⨯</span>
<img class="modal-content">
</div>
<div class="imagecredit">First Floor Plan</div>
<div class="twoinrow">
<div class="imageinrow">
<img name="img" class="imageinrow" data-modal="modal8"
src="img/Architecture_Gallery/Haifa-Residential/Jonathan9_scheme.png" alt="Scheme" loading="lazy">
<img class=magnifying src="img/magnifying-glass-white.svg">
</div>
<div id="modal8" class="modal">
<span class="close">⨯</span>
<img class="modal-content">
</div>
</div>
<div class="twoinrow" style="float:right">
<div class="imageinrow">
<img name="img" class="imageinrow" data-modal="modal9"
src="img/Architecture_Gallery/Haifa-Residential/clinker.png">
<img class=magnifying src="img/magnifying-glass-white.svg" style="margin-bottom: 8%;" alt="clinker"
loading="lazy">
</div>
<div id="modal9" class="modal">
<span class="close">⨯</span>
<img class="modal-content">
</div>
</div>
<div class="imageinrow">
<img name="img" class="imageinrow" data-modal="modal10"
src="img/Architecture_Gallery/Haifa-Residential/patio1-color-1.jpg" alt="First Floor Plan"
loading="lazy">
<img class=magnifying src="img/magnifying-glass-white1.svg">
</div>
<div id="modal10" class="modal">
<span class="close">⨯</span>
<img class="modal-content">
</div>
<div class="imagecredit">Patio, First Floor Bridge</div>
<div class="imageinrow">
<img name="img" class="imageinrow" data-modal="modal11"
src="img/Architecture_Gallery/Haifa-Residential/duplex-color-1.jpg" alt="Rooftop Duplex, View from West"
loading="lazy">
<img class=magnifying src="img/magnifying-glass-white.svg">
</div>
<div id="modal11" class="modal">
<span class="close">⨯</span>
<img class="modal-content">
</div>
<div class="imagecredit">Rooftop Duplex, View from West</div>
<div class="imageinrow">
<img name="img" class="imageinrow" data-modal="modal12"
src="img/Architecture_Gallery/Haifa-Residential/IMG_5997.jpg" alt="Under Construction, July 2019"
loading="lazy">
<img class=magnifying src="img/magnifying-glass-white1.svg">
</div>
<div id="modal12" class="modal">
<span class="close">⨯</span>
<img class="modal-content">
</div>
<div class="imagecredit">Under Construction, July 2019</div>
<br>
<div style="text-align: right;">
<img src="img/Architecture_Gallery/erez-shani-logo.png" alt="erez-shani-logo" loading="lazy">
</div>
</div>
<section class="project-nav py-2"></section>
<footer class="footer" id="footer"></footer>
<script src="js/pages.js"></script>
</body>
</html>