-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
210 lines (199 loc) · 12.3 KB
/
about.html
File metadata and controls
210 lines (199 loc) · 12.3 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<link rel="stylesheet" href="css/about.css" type="text/css">
<link rel="stylesheet" href="new font awesome/fontawesome-free-5.15.1-web/fontawesome-free-5.15.1-web/css/all.css">
<link rel="stylesheet" href="new font awesome/fontawesome-free-5.15.1-web/fontawesome-free-5.15.1-web/css/all.min.css">
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.css">
<title>About</title>
</head>
<body>
<section class="container-fluid p-0">
<nav class="col-md-12 sticky-top navbar-toggleable-sm navbar-expand-lg navaben bg-dark text-white">
<div class="container">
<div class="row">
<div class=" col-sm-9 col-md-5">
<h4 class="pl-5"><span><img src="image/spiral-2790215_640.png" alt="" width="30px" height="30px"></span> Landmark</h4>
</div>
<div class=" col-sm-3 col-md-7">
<button class="navbar-toggler" data-toggle="collapse" data-target="#mainNav">
<span class="navbar-toggler-icon">
<i class="fas fa-bars"></i>
</span>
</button>
<div class="collapse navbar-collapse" id="mainNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" href="home.html" target="_self"><span class="text-white">Home</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html" target="_self"><span class="text-white">About us</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="production.html"><span class="text-white">Productions</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="mastering.html"><span class="text-white">Mastering</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html"><span class="text-white">Contact us</span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</nav>
<section class="container-fluid p-0">
<div id="carouselExampleCaptions" class="carousel slide my-carousel" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="image/audience-1853662_1920.jpg" class="d-block w-100" alt="..." height="500px">
<div class="carousel-caption d-none d-md-block">
<h4>ABOUT US</h4>
</div>
</div>
</div>
</div>
</section>
<section class="container-fluid">
<div class="row">
<div class="col-10 offset-md-1 pt-5">
<div class="row">
<div class="col-md-4 pl-5">
<h1>The Power</h1>
<h1>House</h1>
</div>
<div class="col-md-8">
<h5 class="metroboom">
From the moment it opened, Metropolis has always been a unique studio.
</h5>
<p>
In 2019 the Landmark team had the good fortune to encounter the Chiswick Power House, a massive and beautiful building commissioned in 1900 to house the London Tram System. At the time of its design, the Power House was a showplace of engineering technology and its designer strove to create a building of great majesty and beauty, a building that despite being neglected and unused for many years lost none of its ability to impress those lucky enough to see its massive empty hallways.
</p>
<p>
Today we cannot help feeling that it was fate that chose us to restore this showpiece of design and engineering nearly 100 years after its original construction. It has always been our philosophy to strive to create a unique environment for others who share our love of music. Between the many professionals who work together at today’s complex we have enormous experience of working in the greatest recording environments in the world,
and we know that technology has become so sophisticated in our industry that it needs to be balanced by the human touch. There is a vital need in recording, mixing and mastering great music to balance the demands of technology with a warm and supportive atmosphere and an environment that encourages people to relax, to connect with other artists and to be creative amongst others dedicated to our profession.
</p>
<p>
We believe that we have managed to create a complex that is highly atmospheric and combines a profusion of natural daylight from the vast Power House windows, with a warmth of natural materials and the unique and brilliant designs of our architect Julian Powell-Tuck. Nothing in metropolis has been taken for granted and we have spent many years reviewing every aspect of the way a top international studio works to design a unique complex that has no comparison anywhere in the world.
</p>
<p>
Our complex of recording, mixing and mastering suites is designed around a massive and airy 20 metre high atrium filled with platforms and walkways. This gives the producers, engineers and artists a new freedom to avoid the claustrophobic atmosphere of conventional studio life. In addition, the Power House contains a 50 space security car park and 19 residential apartments. The ability to park within the building together with the outstanding quality of the Metropolis bar put the complex into a different league to any other studio in London in terms of quality of service.
</p>
<p>
The real measure of a great studio complex however is not just in the quality of the building and its equipment but in the expertise of its staff. The Metropolis management spent years recruiting the best professionals from the UK recording industry, all of whom were drawn to the commitment to uncompromising quality.
</p>
<div class="pt-5">
<a href=""><span id="bebo">PRODUCTIONS</span></a>
<a href=""><span id="bebo" class="ml-2">MASTERING</span></a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="container-fluid">
<div class="col-10 offset-md-1 pt-5">
<div class="row">
<div class="col-md-6">
<div class="card text-center">
<img src="image/classical-music-1838390_640.jpg" alt="">
</div>
</div>
<div class="col-md-6">
<div class="card text-center">
<img src="image/girl-842719_640.jpg" alt="">
</div>
</div>
</div>
</div>
</section>
<section class="container-fluid">
<div class="col-10 offset-md-1 pt-5">
<div class="row">
<div class="col-md-2">
<div class="card">
<img src="image/podcast new.jpg" alt="">
</div>
</div>
<div class="col-md-2">
<div class="card">
<img src="image/crop 1n.jpg" alt="">
</div>
</div>
<div class="col-md-2">
<div class="card">
<img src="image/crop 2n.jpg" alt="">
</div>
</div>
<div class="col-md-2">
<div class="card">
<img src="image/podcast new.jpg" alt="">
</div>
</div>
<div class="col-md-2">
<div class="card">
<img src="image/crop 5n.jpg" alt="">
</div>
</div>
<div class="col-md-2">
<div class="card">
<img src="image/crop 2n.jpg" alt="">
</div>
</div>
</div>
</div>
</section>
<section class="container-fluid bg-dark text-white mt-5">
<div class="col-10 offset-md-1 pt-5">
<h3><span class="pr-1"><img src="image/spiral-2790215_640.png" alt="" width="30px" height="30px"></span>Landmark</h3>
<div class="row">
<div class="col-md-3">
<p><h6>Landmark</h6></p>
<p>The Power House</p>
<p>50 Awolowo Street</p>
<p>London W4</p>
<p>Tel. (+44) 0208 742 1111</p>
<ul class="nav">
<li class="nav-item laba"><i class="fab fa-amazon fa-lg"></i></li>
<li class="nav-item laba"><i class="fab fa-apple fa-lg"></i></li>
<li class="nav-item laba"><i class="fab fa-dropbox fa-lg"></i></li>
<li class="nav-item laba"><i class="fab fa-twitter fa-lg"></i></li>
<li class="nav-item laba"><i class="fab fa-facebook fa-lg"></i></li>
</ul>
</div>
<div class="col-md-3">
<a href=""><p>News</p></a>
<a href=""><p>About</p></a>
<a href=""><p>Studios</p></a>
<a href=""><p>Mastering</p></a>
<a href=""><p>Engineers</p></a>
</div>
<div class="col-md-3">
<a href=""><p>Facilities</p></a>
<a href=""><p>Events</p></a>
<a href=""><p>Partners</p></a>
<a href=""><p>Contracts</p></a>
<a href=""><p>Legal & Privacy</p></a>
</div>
<div class="col-md-3">
<p>Subscribe to our newsletter</p>
<form class="form-inline">
<input class="form-control mr-sm-2" type="search" placeholder="Your email" aria-label="Search">
<button class="btn btn-info my-2 my-sm-0" type="submit">Search</button>
</form>
</div>
</div>
</div>
</section>
</section>
<script src="node_modules/jquery/dist/jquery.slim.min.js"></script>
<script src="node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>