267 lines
10 KiB
HTML
267 lines
10 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<title></title>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||
</head>
|
||
<body>
|
||
<script src="./src/index.ts"></script>
|
||
<main>
|
||
<article>
|
||
<header class="--black">
|
||
<div class="teaser">
|
||
<div class="--center">
|
||
<object data="./src/assets/nls.svg" type="image/svg+xml"></object>
|
||
</div>
|
||
|
||
|
||
<div class="--paragraph --center">
|
||
<h1>Michael W. Czechowski</h1>
|
||
|
||
<div class="--secondary">
|
||
<p>
|
||
Charles and Ray Eames are counted among the most important figures of twentieth-century
|
||
design. Their work spans the fields of furniture design, filmmaking, photography and
|
||
exhibition design. Vitra is the sole authorised manufacturer of Eames products for Europe
|
||
and the Middle East. When you own an Eames product made by Vitra, you know it is an
|
||
original.
|
||
</p>
|
||
<p>
|
||
<a href="https://www.vitra.com/" target="_blank">
|
||
Full collection on vitra.com
|
||
</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<section class="--green">
|
||
<div class="teaser">
|
||
<div class="columns">
|
||
<div class="columns__item">
|
||
<img src="https://www.vitra.com/de-de/_storage/asset/2397344/storage/v_thumb_250x/33223561.jpg"
|
||
alt="Picture of Lounge Chair & Ottoman">
|
||
</div>
|
||
<div class="columns__item">
|
||
<h2>Software Developer</h2>
|
||
<h3 class="--secondary">PONS Langenscheidt GmbH</h3>
|
||
<p>
|
||
The Lounge Chair, created by Charles and Ray Eames in the 1950s, was designed with the aim
|
||
of combining an elegant appearance with ultimate comfort. It has been produced by Vitra
|
||
using virtually the same methods ever since, and is now recognised as a great classic of
|
||
twentieth-century furniture design. Offered in two sizes and various configurations with
|
||
different types of leather upholstery covers, wooden shells and bases, the Lounge Chair is
|
||
ideally complemented by the matching Ottoman.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="--blue">
|
||
<div class="teaser">
|
||
<div class="columns">
|
||
<div class="columns__item">
|
||
<img src="//www.vitra.com/de-de/_storage/asset/2397735/storage/v_thumb_250x/33148466.jpg"
|
||
alt="Picture of Lounge Chair Plywood Group LCW">
|
||
</div>
|
||
<div class="columns__item">
|
||
<h2>University Lecturer</h2>
|
||
<h3 class="--secondary">Duale Hochschule Badenwürttemberg, Stuttgart</h3>
|
||
<ul>
|
||
<li>2022 – 2021 · Social Engineering</li>
|
||
<li>2022 – 2021 · Social Engineering</li>
|
||
</ul>
|
||
<h3 class="--secondary">Leibniz-Fachhochschule, Hannover</h3>
|
||
<ul>
|
||
<li>2022 – 2021 · Social Engineering</li>
|
||
<li>2022 – 2021 · Social Engineering</li>
|
||
</ul>
|
||
<p>
|
||
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="--violet">
|
||
<div class="teaser">
|
||
<div class="columns">
|
||
<div class="columns__item">
|
||
<img src="//www.vitra.com/en-ie/_storage/asset/2397703/storage/v_thumb_250x/33148452.jpg"
|
||
alt="Picture of Plywood Group LCM">
|
||
</div>
|
||
<div class="columns__item">
|
||
<h2>Plywood Group LCM</h2>
|
||
<h3 class="--secondary">Charles & Ray Eames, 1945/1946</h3>
|
||
<p>
|
||
Due to the slender organic shapes of its seat and back shells, the LCM (Lounge Chair Metal)
|
||
by Charles and Ray Eames quickly acquired the nickname 'potato chip chair'.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="--purple">
|
||
<div class="teaser">
|
||
<div class="columns">
|
||
<div class="columns__item">
|
||
<img src="//www.vitra.com/en-ie/_storage/asset/1765634/storage/v_thumb_250x/22408057.jpg"
|
||
alt="Picture of Eames Plastic Armchair DAW">
|
||
</div>
|
||
<div class="columns__item">
|
||
<h2>Eames Plastic Armchair DAW</h2>
|
||
<h3 class="--secondary">Charles & Ray Eames, 1950</h3>
|
||
<p>
|
||
Today the Plastic Chairs by Charles and Ray Eames seem like archetypes of the genre of
|
||
chairs whose shell can be combined with diverse bases. The combination of the wooden base
|
||
with the plastic shell of the DAW (Dining Height Armchair Wood Base) produces a rich
|
||
contrast of materials. The seat shells are also available with a seat cushion or full
|
||
upholstery.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="--green">
|
||
<div class="teaser">
|
||
<div class="columns">
|
||
<div class="columns__item">
|
||
<img src="//www.vitra.com/en-ie/_storage/asset/1608035/storage/v_thumb_250x/19458579.jpg"
|
||
alt="Picture of Eames Plastic Armchair DAW">
|
||
</div>
|
||
<div class="columns__item">
|
||
<h2>Lobby Chair ES 108</h2>
|
||
<h3 class="--secondary">Charles & Ray Eames, 1960</h3>
|
||
<p>
|
||
Charles and Ray Eames originally designed the Lobby Chairs to furnish lobby areas in New
|
||
York City's Time & Life Building. Like all models of the Lobby Chair, the conference chair
|
||
ES 108 has luxuriant leather-covered cushions that offer excellent comfort. The upholstery
|
||
covers are available in different types of leather and in a wide range of colours.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="--blue">
|
||
<div class="teaser">
|
||
<div class="columns">
|
||
<div class="columns__item">
|
||
<img src="//www.vitra.com/en-ie/_storage/asset/2271518/storage/v_thumb_250x/31196004.jpg"
|
||
alt="Picture of Eames Fiberglass Side Chair DSW">
|
||
</div>
|
||
<div class="columns__item">
|
||
<h2>Eames Fiberglass Side Chair DSW</h2>
|
||
<h3 class="--secondary">Charles & Ray Eames, 1950</h3>
|
||
<p>
|
||
For the Dining Height Side Chair Wood Base (DSW), Charles and Ray Eames combined the
|
||
organically shaped seat shell with a four-legged wooden base. The pairing of plastic and
|
||
wood gives the classic design a certain warmth and casual appeal. The seat shells can be
|
||
fitted with seat cushions or full upholstery in a wide selection of fabric colours, enabling
|
||
a multitude of individual configurations.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="--violet">
|
||
<div class="teaser">
|
||
<div class="columns">
|
||
<div class="columns__item">
|
||
<img src="//www.vitra.com/en-ie/_storage/asset/1374562/storage/v_thumb_250x/33148698.jpg"
|
||
alt="Picture of Aluminium Chairs EA 115/116">
|
||
</div>
|
||
<div class="columns__item">
|
||
<h2>Aluminium Chairs EA 115/116</h2>
|
||
<h3 class="--secondary">Charles & Ray Eames, 1958</h3>
|
||
<p>
|
||
The <strong>Aluminium</strong> Chairs EA 115 and EA 116 offer superb comfort with their high
|
||
backrest. The seating height is designed so that users can easily rise from the chair. Both
|
||
versions are available with <strong>fabric</strong>, <strong>leather</strong> or <strong>mesh
|
||
fabric covers</strong> in a selection of colours. EA 116 has a swivel seat, while EA 115 has
|
||
a fixed base.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="--purple">
|
||
<div class="teaser">
|
||
<div class="columns">
|
||
<div class="columns__item">
|
||
<img src="//www.vitra.com/en-ie/_storage/asset/2555777/storage/v_thumb_250x/38178076.jpg"
|
||
alt="Picture of Soft Pad Chairs EA 217/219">
|
||
</div>
|
||
<div class="columns__item">
|
||
<h2>Soft Pad Chairs EA 217/219</h2>
|
||
<h3 class="--secondary">Charles & Ray Eames, 1969</h3>
|
||
<p>
|
||
The <strong>office chairs</strong> EA 217 and EA 219 by Charles and Ray Eames are a perfect
|
||
choice for the well-appointed home office. The tilt mechanism, which can be adjusted to the
|
||
user's weight, is paired with soft cushions to provide excellent comfort. The higher
|
||
backrest of EA 219 distinguishes it from the Soft Pad Chair EA 217.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<footer class="--black">
|
||
<section class="--paragraph --center">
|
||
<h2>Idea</h2>
|
||
<p>
|
||
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quaerat, quisquam. Explicabo id
|
||
consequuntur dolores asperiores, nulla est neque aliquid illo itaque soluta libero culpa
|
||
necessitatibus ad dolorem corrupti voluptates eos.
|
||
</p>
|
||
|
||
<h2>Author</h2>
|
||
<p>
|
||
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quaerat, quisquam. Explicabo id
|
||
consequuntur dolores asperiores, nulla est neque aliquid illo itaque soluta libero culpa
|
||
necessitatibus ad dolorem corrupti voluptates eos.
|
||
</p>
|
||
|
||
<h2>Disclaimer</h2>
|
||
<p>
|
||
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quaerat, quisquam. Explicabo id
|
||
consequuntur dolores asperiores, nulla est neque aliquid illo itaque soluta libero culpa
|
||
necessitatibus ad dolorem corrupti voluptates eos.
|
||
</p>
|
||
|
||
|
||
<!--
|
||
<p>
|
||
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quaerat, quisquam. Explicabo id consequuntur dolores asperiores, nulla est neque aliquid illo itaque soluta libero culpa necessitatibus ad dolorem corrupti voluptates eos.
|
||
</p>
|
||
|
||
<p>
|
||
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quaerat, quisquam. Explicabo id consequuntur dolores asperiores, nulla est neque aliquid illo itaque soluta libero culpa necessitatibus ad dolorem corrupti voluptates eos.
|
||
</p>
|
||
|
||
<p>
|
||
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quaerat, quisquam. Explicabo id consequuntur dolores asperiores, nulla est neque aliquid illo itaque soluta libero culpa necessitatibus ad dolorem corrupti voluptates eos.
|
||
</p>
|
||
|
||
<p>
|
||
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quaerat, quisquam. Explicabo id consequuntur dolores asperiores, nulla est neque aliquid illo itaque soluta libero culpa necessitatibus ad dolorem corrupti voluptates eos.
|
||
</p>
|
||
|
||
<p>
|
||
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quaerat, quisquam. Explicabo id consequuntur dolores asperiores, nulla est neque aliquid illo itaque soluta libero culpa necessitatibus ad dolorem corrupti voluptates eos.
|
||
</p> -->
|
||
</section>
|
||
</footer>
|
||
</article>
|
||
</main>
|
||
</body>
|
||
</html> |