<!DOCTYPE html>
<html>
  <head>  
    <title>Cibic Workshop</title>
<meta name="description" content="Cibic Workshop, founded by Aldo Cibic, the noted Italian architect, designer, researcher, ecologist and humanist, is a centre for commercial and social development projects in Architecture, Design, Interiors and future-focused research. Cibic, who was a founding member of the influential Memphis">
<meta property="og:title" content="Cibic Workshop">
<meta property="og:description" content="Cibic Workshop, founded by Aldo Cibic, the noted Italian architect, designer, researcher, ecologist and humanist, is a centre for commercial and social development projects in Architecture, Design, Interiors and future-focused research.  Cibic, who was a founding member of the influential Memphis group in the 1980s, is also the pioneer of the Rethinking Happiness movement.">
<meta property="og:image" content="https://www.cibicworkshop.com/?locale=enfavicons/share-facebook.png">
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="HandheldFriendly" content="true" />
    <meta name="format-detection" content="telephone=no">
    <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png">
    <link rel="icon" type="image/png" href="/favicons/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="/favicons/favicon-16x16.png" sizes="16x16">
    <link rel="manifest" href="/favicons/manifest.json">
    <link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#000000">
    <meta name="theme-color" content="#eab21b">

    <link rel="stylesheet" media="all" href="https://d1vix13g27tgo5.cloudfront.net/assets/application-afd72188ba38bbaa840a4afe9aa01f87bdcb9c96be7377a7150dc1e054846ac6.css" />
    
    <meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="B+Zwi16nwkRWb5BOAxwsSCHuGj529GgJjm9utpvqpID/MeSqLSwwUXfrU8Wdpe8TBau5IFl23n1evDAfZ8K1hQ==" />

    <script> window.LOCALE = "en" </script>
  

  </head>

  <body data-locale="en">

    <div pulse="cibicapp" class="cibicapp jsvp">
		
	<!-- APP LOADER -->
	<div pulse="initial_loader" class="cibicapp_initial_loader">

	<div class="cibicapp_loader loading base big"></div>

</div>

	<!-- INTRO -->
		<div class="cibicapp_intro" pulse="intro">
	
	<svg class="intro_bgsvg" width="320" height="560">
      <path root="svg" d=""></path>
    </svg>

	<h1 root="text"
		class="animation h3 fbold">
			<span class="cibic" sound-hov="cibicsound_ritratto_01">
				<span>C</span>
				<span class="animate" root="cibic">ibic</span>
			</span>
			<span class="intro_arrow" sound-hov="cibicsound_ritratto_02">&rarr;</span>
			<span class="workshop" sound-hov="cibicsound_ritratto_03">
				<span>W</span>
				<span class="animate shop">orkshop</span>
			</span>
			
			<div class="intro_phrase center h3 center fbook">
				<span class="h6">Aldo Cibic Workshop</span>
				<span class="h6"><a href="/domus.pdf" style="color:#ffffff" target="_blank">“100+ best architecture firms 2019”</a></span>
				<span class="h6"><a href="/domus_cn.pdf" style="color:#ffffff" target="_blank">2019 100+最佳建筑事务所榜单</a></span>
				<span class="h6"  style="color:#ffffff">Domus Magazine</span>
			</div>

		</h1>

	
</div>
	
	<!-- LEFT WHITE VIEW with welcome text and filters buttons -->
	<div class="cibicapp_view view-l welcome-view bgbase jsvp" root="welcome_view">
		
	<a href="https://spark.adobe.com/page/nfThIxKcCCeEE/" target="_blank" class="h4 cibicapp_row pointer fbold" >
		<div pulse="textwave" class="textwave cibic">
	<div class="textwave_animation bounce"
		 root="target"
		 data-initial="C &rarr; W"
		 data-final="Cibic &rarr; Workshop"
		 _onmouseenter="toFinal"
		 _onmouseleave="toInitial">
		C &rarr; W
	</div>	
</div>
	</a>

	<div class="cibicapp_filter-buttons cibicapp_row">
		
		<div class="h4 pointer" _onvclick="goToView" data-target="bio" sound-hov="cibicsound_click_01">
			<div pulse="textwave" class="textwave ">
	<div class="textwave_animation bounce"
		 root="target"
		 data-initial="About"
		 data-final="About"
		 _onmouseenter="toFinal"
		 _onmouseleave="toInitial">
		About
	</div>	
</div>
		</div>
		
		<div class="h4 pointer" _onvclick="goToView" data-target="alphabetical" sound-hov="cibicsound_click_01">
			<div pulse="textwave" class="textwave ">
	<div class="textwave_animation bounce"
		 root="target"
		 data-initial="A &rarr; Z"
		 data-final="A &rarr; Z"
		 _onmouseenter="toFinal"
		 _onmouseleave="toInitial">
		A &rarr; Z
	</div>	
</div>
		</div>
		
		<div class="h4 pointer" _onvclick="goToView" data-target="categories" sound-hov="cibicsound_click_02">
			<div pulse="textwave" class="textwave ">
	<div class="textwave_animation move"
		 root="target"
		 data-initial="Design &rarr; Architecture"
		 data-final="Design &rarr; Architecture"
		 _onmouseenter="toFinal"
		 _onmouseleave="toInitial">
		Design &rarr; Architecture
	</div>	
</div>
		</div>

		

		<div class="h4 pointer" _onvclick="goToView" data-target="books" sound-hov="cibicsound_click_01">
			<div pulse="textwave" class="textwave ">
	<div class="textwave_animation bounce"
		 root="target"
		 data-initial="Books &rarr; Press"
		 data-final="Books &rarr; Press"
		 _onmouseenter="toFinal"
		 _onmouseleave="toInitial">
		Books &rarr; Press
	</div>	
</div>
		</div>

		<br><br>
		<div class="h4"> <a href="https://www.instagram.com/aldocibic/" class="h4 pointer instagram" target="_blank" no-ajax>
			<img src="https://d1vix13g27tgo5.cloudfront.net/images/instagram-text.svg">
		</a> &#8212; <a href="http://www.incomplete.design/" class="h4 pointer instagram" target="_blank" no-ajax>
			(in)complete
		</a>
	</div>
	
		<!--
		<div class="h4 pointer" _onvclick="goToView" data-target="podcast">
		</div>
		-->

	</div>
		
	<div class="contact_links">
		<a href="/contact" class="h4 pointer cibicapp_row">
			<div pulse="textwave" class="textwave ">
	<div class="textwave_animation bounce"
		 root="target"
		 data-initial="Contact"
		 data-final="Contact"
		 _onmouseenter="toFinal"
		 _onmouseleave="toInitial">
		Contact
	</div>	
</div>
		</a>
		<div class="h4 pointer cibicapp_row slash">
			/
		</div>
		<a href="" _onvclick="goToView" data-target="clients" class="h4 pointer cibicapp_row">
			<div pulse="textwave" class="textwave ">
	<div class="textwave_animation bounce"
		 root="target"
		 data-initial="Clients"
		 data-final="Clients"
		 _onmouseenter="toFinal"
		 _onmouseleave="toInitial">
		Clients
	</div>	
</div>
		</a><br>
		<a href="/en" class="h6" no-ajax>EN</a> / <a href="/cn" class="h6"  no-ajax>中文</a>
	</div>

</div>

	<!-- FILTERS VIEWS -->
	<div class="cibicapp_view view-r filters-view bgtext jsvp" pulse="filters">

	<button
		class="filters_close pointer h4"
		root="close"
		_onvclick="closeCollection"
		sound-hov="cibicsound_click_01"
	>&larr;</button>

	<button class="filters_close mobile pointer h4" _onvclick="closeFiltersMobile"></button>

	<div class="filters_mobile_bar h1 h3-m" root="mobile_top_bar">
		<button class="filters_mobile_close pointer h4" _onvclick="closeMobileCollection">&larr;</button>
		<span root="mobile_bar_info" class="h3-m"></span>
	</div>

	<!-- FILTERS -->

	<div root="filter_views" class="cibicapp_filters_views">

		<!-- BIO -->
		<div root="bio" class="cibicapp_filters_view jsvp bio flex filters_extended">
			<div class="cibicapp_row padding bio_page">
				<h2 class="h4">About</h2>
				<div class="bio_page_buttons">
					<button class="h5 filters_hov"
							root="btn"
							sound-hov="cibicsound_ritratto_01"
							data-target="aldo-cibic"
							_onvclick="openBio">
						Aldo&nbsp;Cibic - <span class="h7">Founder</span>
					</button>
					<br>
					<button class="h5 filters_hov"
							root="btn"
							sound-hov="cibicsound_ritratto_02"
							data-target="jo-dejardin"
							_onvclick="openBio">
						Jo&nbsp;Dejardin - <span class="h7">Partner</span>
					</button>
					<br>
					<button class="h5 filters_hov"
							root="btn"
							sound-hov="cibicsound_ritratto_03"
							data-target="chuck-felton"
							_onvclick="openBio">
						Chuck&nbsp;Felton - <span class="h7">Senior Architect</span>
					</button>
					<br>
					<button class="h5 filters_hov"
							root="btn"
							sound-hov="cibicsound_ritratto_00"
							data-target="dongchen-li"
							_onvclick="openBio">
						Dongchen&nbsp;Li - <span class="h7">Partner</span>
					</button>
					<br>
					<button class="h5 filters_hov"
							root="btn"
							sound-hov="cibicsound_ritratto_01"
							data-target="diego-lucchini"
							_onvclick="openBio">
						Diego&nbsp;Lucchini - <span class="h7">Designer</span>
					</button>
					<br>
			</div>
				<p class="h7">Founded by Aldo Cibic in the late Eighties, Cibic→Workshop is one of the best known Italian architecture and design firms. Cibic has worked in many parts of the world for over thirty years.<br><br>
The studio is a composite reality that by choice and vocation handles projects of diverse nature ranging from architecture to interiors, design and multimedia, up to environmental development, new services and concept activities. The Workshop is a structure that includes a group of architects, interior designers, graphic and product designers, and also enjoys the services of a network of international collaborators from a variety of professional backgrounds.<br><br>
Cibic →Workshop collaborates on an ongoing basis with an international network of universities, research centres and business incubators for the development of new design methods.<br><br>
In 2020 Cibic →Workshop opened a new office in Shanghai, with a focus on creating meaningful and culturally relevant objects, spaces and communities, both public and private, through addressing the issues we see as most important to society today.<br><br>

Key Areas of work:<br>
Accessible beauty for domestic spaces<br>
Communal Landscapes creating a sense of community and responsibility for shared spaces and environments<br>
The New Old, new design from old materials
</p>
			</div>
		</div>

		<!-- WELCOME TEXT -->
		<div root="welcome_text" class="cibicapp_filters_view jsvp bio flex flex-center filters_extended h5">
			<div class="cibicapp_row center h4">
					<button
						class="h3 filters_hov"
						root="btn"
						data-order="categories"
						data-value="DESIGN"
						_onvclick="goToCollection">
						Design
					</button>
					<br>
					<button
						class="h3 filters_hov"
						root="btn"
						data-order="categories"
						data-value="INTERIORS"
						_onvclick="goToCollection">
						Interiors
					</button>
					<br>
					<button
						class="h3 filters_hov"
						root="btn"
						data-order="categories"
						data-value="ARCHITECTURE"
						_onvclick="goToCollection">
						Architecture
					</button>
					<br>
					<button
						class="h3 filters_hov"
						root="btn"
						data-order="categories"
						data-value="RESEARCH"
						_onvclick="goToCollection">
						Research
					</button>
					<br>
			</div>
		</div>

		<!-- ALPHABETICAL -->
		<div root="alphabetical" class="cibicapp_filters_view jsvp flex flex-center">
			<div class="cibicapp_row center">
					<button
						class="h1 h1-md upcase filters_hov "
						_onvclick="goToCollection"
						data-order="alphabetical"
						root="btn"
						data-present="true"
						
						sound-pitch="10"
						data-value="a">
						a
					</button>
					<button
						class="h1 h1-md upcase filters_hov "
						_onvclick="goToCollection"
						data-order="alphabetical"
						root="btn"
						data-present="true"
						
						sound-pitch="11"
						data-value="b">
						b
					</button>
					<button
						class="h1 h1-md upcase filters_hov "
						_onvclick="goToCollection"
						data-order="alphabetical"
						root="btn"
						data-present="true"
						
						sound-pitch="12"
						data-value="c">
						c
					</button>
					<button
						class="h1 h1-md upcase filters_hov "
						_onvclick="goToCollection"
						data-order="alphabetical"
						root="btn"
						data-present="true"
						
						sound-pitch="13"
						data-value="d">
						d
					</button>
					<button
						class="h1 h1-md upcase filters_hov "
						_onvclick="goToCollection"
						data-order="alphabetical"
						root="btn"
						data-present="true"
						
						sound-pitch="14"
						data-value="e">
						e
					</button>
					<button
						class="h1 h1-md upcase filters_hov "
						_onvclick="goToCollection"
						data-order="alphabetical"
						root="btn"
						data-present="true"
						
						sound-pitch="15"
						data-value="f">
						f
					</button>
					<button
						class="h1 h1-md upcase filters_hov "
						_onvclick="goToCollection"
						data-order="alphabetical"
						root="btn"
						data-present="true"
						
						sound-pitch="16"
						data-value="g">
						g
					</button>
					<button
						class="h1 h1-md upcase filters_hov "
						_onvclick="goToCollection"
						data-order="alphabetical"
						root="btn"
						data-present="true"
						
						sound-pitch="17"
						data-value="h">
						h
					</button>
					<button
						class="h1 h1-md upcase filters_hov "
						_onvclick="goToCollection"
						data-order="alphabetical"
						root="btn"
						data-present="true"
						
						sound-pitch="18"
						data-value="i">
						i
					</button>
					<button
						class="h1 h1-md upcase filters_hov not-present"
						_onvclick="goToCollection"
						data-order="alphabetical"
						root="btn"
						data-present="false"
						sound-click="cibicsound_error"
						sound-pitch="19"
						data-value="j">
						j
					</button>
					<button
						class="h1 h1-md upcase filters_hov "
						_onvclick="goToCollection"
						data-order="alphabetical"
						root="btn"
						data-present="true"
						
						sound-pitch="20"
						data-value="k">
						k
					</button>
					<button
						class="h1 h1-md upcase filters_hov "
						_onvclick="goToCollection"
						data-order="alphabetical"
						root="btn"
						data-present="true"
						
						sound-pitch="21"
						data-value="l">
						l
					</button>
					<button
						class="h1 h1-md upcase filters_hov "
						_onvclick="goToCollection"
						data-order="alphabetical"
						root="btn"
						data-present="true"
						
						sound-pitch="22"
						data-value="m">
						m
					</button>
					<button
						class="h1 h1-md upcase filters_hov "
						_onvclick="goToCollection"
						data-order="alphabetical"
						root="btn"
						data-present="true"
						
						sound-pitch="23"
						data-value="n">
						n
					</button>
					<button
						class="h1 h1-md upcase filters_hov "
						_onvclick="goToCollection"
						data-order="alphabetical"
						root="btn"
						data-present="true"
						
						sound-pitch="24"
						data-value="o">
						o
					</button>
					<button
						class="h1 h1-md upcase filters_hov "
						_onvclick="goToCollection"
						data-order="alphabetical"
						root="btn"
						data-present="true"
						
						sound-pitch="25"
						data-value="p">
						p
					</button>
					<button
						class="h1 h1-md upcase filters_hov not-present"
						_onvclick="goToCollection"
						data-order="alphabetical"
						root="btn"
						data-present="false"
						sound-click="cibicsound_error"
						sound-pitch="26"
						data-value="q">
						q
					</button>
					<button
						class="h1 h1-md upcase filters_hov "
						_onvclick="goToCollection"
						data-order="alphabetical"
						root="btn"
						data-present="true"
						
						sound-pitch="27"
						data-value="r">
						r
					</button>
					<button
						class="h1 h1-md upcase filters_hov "
						_onvclick="goToCollection"
						data-order="alphabetical"
						root="btn"
						data-present="true"
						
						sound-pitch="28"
						data-value="s">
						s
					</button>
					<button
						class="h1 h1-md upcase filters_hov "
						_onvclick="goToCollection"
						data-order="alphabetical"
						root="btn"
						data-present="true"
						
						sound-pitch="29"
						data-value="t">
						t
					</button>
					<button
						class="h1 h1-md upcase filters_hov "
						_onvclick="goToCollection"
						data-order="alphabetical"
						root="btn"
						data-present="true"
						
						sound-pitch="30"
						data-value="u">
						u
					</button>
					<button
						class="h1 h1-md upcase filters_hov "
						_onvclick="goToCollection"
						data-order="alphabetical"
						root="btn"
						data-present="true"
						
						sound-pitch="31"
						data-value="v">
						v
					</button>
					<button
						class="h1 h1-md upcase filters_hov "
						_onvclick="goToCollection"
						data-order="alphabetical"
						root="btn"
						data-present="true"
						
						sound-pitch="32"
						data-value="w">
						w
					</button>
					<button
						class="h1 h1-md upcase filters_hov not-present"
						_onvclick="goToCollection"
						data-order="alphabetical"
						root="btn"
						data-present="false"
						sound-click="cibicsound_error"
						sound-pitch="33"
						data-value="x">
						x
					</button>
					<button
						class="h1 h1-md upcase filters_hov "
						_onvclick="goToCollection"
						data-order="alphabetical"
						root="btn"
						data-present="true"
						
						sound-pitch="34"
						data-value="y">
						y
					</button>
					<button
						class="h1 h1-md upcase filters_hov "
						_onvclick="goToCollection"
						data-order="alphabetical"
						root="btn"
						data-present="true"
						
						sound-pitch="35"
						data-value="z">
						z
					</button>
			</div>
		</div>

		<!-- Design Architecture -->
		<div root="categories" class="cibicapp_filters_view jsvp flex flex-center filters_extended">
			<div class="cibicapp_row padding center">
					<button
						class="h3 filters_hov"
						root="btn"
						data-order="categories"
						data-value="DESIGN"
						_onvclick="goToCollection">
						Design
					</button>
					<br>
					<button
						class="h3 filters_hov"
						root="btn"
						data-order="categories"
						data-value="INTERIORS"
						_onvclick="goToCollection">
						Interiors
					</button>
					<br>
					<button
						class="h3 filters_hov"
						root="btn"
						data-order="categories"
						data-value="ARCHITECTURE"
						_onvclick="goToCollection">
						Architecture
					</button>
					<br>
					<button
						class="h3 filters_hov"
						root="btn"
						data-order="categories"
						data-value="RESEARCH"
						_onvclick="goToCollection">
						Research
					</button>
					<br>
			</div>
		</div>

		<!-- NEAR FAR -->
		<div root="location" class="cibicapp_filters_view jsvp flex flex-center">
			<div class="cibicapp_row padding center h2">
				<div>
					Allow<br>Position <br><br>
					<button class="filters_hov" _onvclick="openGeolocation">YES</button>/&nbsp;<button class="filters_hov" _onvclick="openGeoWithoutLocation">NO</button>
				</div>
			</div>
		</div>

		<!-- Rethink Happiness -->
		<div root="rethinking" class="cibicapp_filters_view jsvp flex flex-center">
			<div class="cibicapp_row padding center">
				<a href="https://www.incomplete.design" target="_blank" no-ajax>
			
				</a>
			</div>
		</div>

		<!-- BY YEAR -->
		<div root="year" class="cibicapp_filters_view jsvp flex flex-center">
			<div class="cibicapp_row center">
					<button
						class="h2 upcase filters_hov not-present"
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="false"
						sound-click="cibicsound_error"
						data-value="2027">
						27
					</button>
					<button
						class="h2 upcase filters_hov "
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="true"
						
						data-value="2026">
						26
					</button>
					<button
						class="h2 upcase filters_hov "
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="true"
						
						data-value="2025">
						25
					</button>
					<button
						class="h2 upcase filters_hov "
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="true"
						
						data-value="2024">
						24
					</button>
					<button
						class="h2 upcase filters_hov "
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="true"
						
						data-value="2023">
						23
					</button>
					<button
						class="h2 upcase filters_hov "
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="true"
						
						data-value="2022">
						22
					</button>
					<button
						class="h2 upcase filters_hov "
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="true"
						
						data-value="2021">
						21
					</button>
					<button
						class="h2 upcase filters_hov "
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="true"
						
						data-value="2020">
						20
					</button>
					<button
						class="h2 upcase filters_hov "
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="true"
						
						data-value="2019">
						19
					</button>
					<button
						class="h2 upcase filters_hov "
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="true"
						
						data-value="2018">
						18
					</button>
					<button
						class="h2 upcase filters_hov "
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="true"
						
						data-value="2017">
						17
					</button>
					<button
						class="h2 upcase filters_hov "
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="true"
						
						data-value="2016">
						16
					</button>
					<button
						class="h2 upcase filters_hov "
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="true"
						
						data-value="2015">
						15
					</button>
					<button
						class="h2 upcase filters_hov "
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="true"
						
						data-value="2014">
						14
					</button>
					<button
						class="h2 upcase filters_hov "
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="true"
						
						data-value="2013">
						13
					</button>
					<button
						class="h2 upcase filters_hov "
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="true"
						
						data-value="2012">
						12
					</button>
					<button
						class="h2 upcase filters_hov "
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="true"
						
						data-value="2011">
						11
					</button>
					<button
						class="h2 upcase filters_hov "
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="true"
						
						data-value="2010">
						10
					</button>
					<button
						class="h2 upcase filters_hov "
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="true"
						
						data-value="2009">
						09
					</button>
					<button
						class="h2 upcase filters_hov "
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="true"
						
						data-value="2008">
						08
					</button>
					<button
						class="h2 upcase filters_hov "
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="true"
						
						data-value="2007">
						07
					</button>
					<button
						class="h2 upcase filters_hov "
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="true"
						
						data-value="2006">
						06
					</button>
					<button
						class="h2 upcase filters_hov "
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="true"
						
						data-value="2005">
						05
					</button>
					<button
						class="h2 upcase filters_hov "
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="true"
						
						data-value="2004">
						04
					</button>
					<button
						class="h2 upcase filters_hov "
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="true"
						
						data-value="2003">
						03
					</button>
					<button
						class="h2 upcase filters_hov "
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="true"
						
						data-value="2002">
						02
					</button>
					<button
						class="h2 upcase filters_hov "
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="true"
						
						data-value="2001">
						01
					</button>
					<button
						class="h2 upcase filters_hov "
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="true"
						
						data-value="2000">
						00
					</button>
					<button
						class="h2 upcase filters_hov "
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="true"
						
						data-value="1999">
						99
					</button>
					<button
						class="h2 upcase filters_hov "
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="true"
						
						data-value="1998">
						98
					</button>
					<button
						class="h2 upcase filters_hov "
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="true"
						
						data-value="1997">
						97
					</button>
					<button
						class="h2 upcase filters_hov not-present"
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="false"
						sound-click="cibicsound_error"
						data-value="1996">
						96
					</button>
					<button
						class="h2 upcase filters_hov "
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="true"
						
						data-value="1995">
						95
					</button>
					<button
						class="h2 upcase filters_hov "
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="true"
						
						data-value="1994">
						94
					</button>
					<button
						class="h2 upcase filters_hov not-present"
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="false"
						sound-click="cibicsound_error"
						data-value="1993">
						93
					</button>
					<button
						class="h2 upcase filters_hov "
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="true"
						
						data-value="1992">
						92
					</button>
					<button
						class="h2 upcase filters_hov "
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="true"
						
						data-value="1991">
						91
					</button>
					<button
						class="h2 upcase filters_hov not-present"
						_onvclick="goToCollection"
						data-order="year"
						root="btn"
						data-present="false"
						sound-click="cibicsound_error"
						data-value="1990">
						90
					</button>
			</div>
		</div>

		<!-- Workshops and presentation -->
		<div root="presentation" class="cibicapp_filters_view jsvp flex flex-center">
			<div class="cibicapp_row center h2">
					<span>There are no presentations</span><br>
			</div>
		</div>

		<!-- Rethink Happiness -->
		<div root="books" class="cibicapp_filters_view jsvp flex flex-center">
			<div class="cibicapp_row padding center">
				<button
					class="h3 filters_hov"
					root="btn"
					data-order="categories"
					data-type="publication"
					data-title="Books"
					_onvclick="goToPublications">
					Books
				</button>
				<br>
				<button
					class="h3 filters_hov"
					root="btn"
					data-order="categories"
					data-type="presentation"
					data-title="press"
					_onvclick="goToPublications">
					Press
				</button>
			</div>
		</div>

		<div root="clients" class="cibicapp_filters_view jsvp bio flex flex-center filters_extended">
			<div class="cibicapp_row padding bio_page">
				<h2 class="h4">Clients</h2>
				
				<p class="h6">Generali Assicurazioni<br>
					Risanamento<br>
					La Rinascente<br>
					Fondazione Cariverona<br>
					Staff International / Diesel<br>
					Selfridges<br>
					Excelsior Coin <br>
					Tim Telecom<br>
					Medusa Cineplex<br>
					Autogrill<br>
					British Telecom<br>
					Whirpool<br>
					Saatchi&Saatchi<br>
					UNA Hotels<br>
					Marazzi Group<br>
					La Biennale di Venezia<br>
					Abet Laminati<br>
				</p>
			</div>
		</div>
		<!--
		Rethink Happiness
		<div root="podcast" class="cibicapp_filters_view jsvp flex flex-center">
		</div>
		-->

	</div>

	<!-- SVG FOR MOTION BLUR EFFECT -->
	<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="filters svg-filter">
	<defs>
		<filter id="blur">
			<feGaussianBlur in="SourceGraphic" stdDeviation="0,12" />
		</filter>
	</defs>
</svg>

</div>

	
	<!-- COLLECTION VIEW -->
	<div class="cibic_collection" pulse="collection">

	<div class="cibic_collection_loader">
	</div>

	<div class="collection_scroller" root="scroller">

	<div class="collection_container" root="container">

		<template name="article">
			<a href="/en/article/{{ index }}"
			   class="cibic_collection_article pointer {{ extended }}"
			   root="article"
			   data-index="{{ index }}">		
				
				<div class="collection_article_image" style="background-image: url('{{ image }}')"></div>
				<div class="article_hover">
					<p class="h5">{{ title }} <br> <span class="collection_arrow">&rarr;</span> </p>
				</div>
	
			</a>
		</template>

	</div>

	</div>

</div>

	<!-- SINGLE VIEW -->
	<div class="cibicapp_single jsvp" pulse="single">

	<div class="single_fixed_info pointer" root="info">

		<a href="/en" class="h4 cbase single_back" root="back" sound-hov="cibicsound_click_01">&larr;</a>

		<div class="h4 cbase csaccent pointer single_big_title noselect" _onvclick="showContent" root="title_container">
			<div pulse="textwave" class="textwave ">
	<div class="textwave_animation bounce"
		 root="target"
		 data-initial="Project"
		 data-final="Project title text"
		 _onmouseenter="toFinal"
		 _onmouseleave="toInitial">
		Project
	</div>	
</div>
			<br>
			<h3 class="h6 caccent noselect" root="date"></h3>
			<br>
			<p class="h6 caccent noselect single_mobile_category lhmin-m" root="mobile_category"></p>
		</div>

	</div>

	<div class="single_scroller" root="single_scroller">

		<div class="single_coverimage" root="cover_image">
			<img root="cover_image_img" src="" _onclick="zoomMobileImage">
			<button class="cover_cta" root="cover_cta">
				<img src="/images/arrow_bottom.svg">
			</button>
		</div>

		<div class="cibicapp_single_container" root="content">

			<div class="cibicapp_single_view view-l bgtext" root="left">

				<h2 class="cibicapp_single_title selbase">
					<span class="h8 h6-m" root="category"></span>
				</h2>

				<div class="cibicapp_single_scroller p" root="scroller">

					<div class="p cibicapp_single_text">
						
						<p root="description" class="h6-m h7-w selbase caccent-link">
							The sculpture, represented by a large fountain cleverly illuminated by Luceplan, consists of a large tank and a central wall on which ten elephant heads are fixed, through which water flows out.Made of ceramic, the plastic shapes of the animals recall the ancient tradition where the water source was expressed through the depiction of wild animals.Water and ceramic, two closely connected elements: the mixture of clay, sand and natural substances gives rise to the porcelain stoneware thanks to the precise mixing with water.<br><br>

							The central structure that receives the ceramic shapes is entirely covered with Slimtech, the latest in ceramic materials. The large slabs, only 3.5mm thick and characterized by oversized formats up to a maximum of 	3 m x 1 m, in the milk shade version, cover the tank providing a cement effect.<br> Slimtech in the LeaLab version is visible on both sides of the vertical block: the new Lea Ceramiche project that makes it possible to print any kind of image on the laminated porcelain slab: the delicate patterns designed by Cibicworkshop lend movement to the surface to create a three-dimensional effect.<br><br>

							Elephountain experiments the multiple applications of ultra-thin slab.<br>
							The e06 spotlights by Luceplan accent the fountain and panels with a few touches of warm light, to underscore 	and enhance the qualities of the materials in an almost theatrical atmosphere.<br>
						</p>
					</div>

					<div class="cibicapp_single_credits p selinvert">
						<span class="cibicapp_single_credits_title selinvert fbold">Credits </span>
						<div class="credits_bg bgbase selinvert" root="credits"></div>
					</div>

				</div>
			</div>

			<div class="cibicapp_single_view view-r bgaccent jsvp" root="slider">

				<div class="slider " pulse="slider"  >

	<div pulse="loader" class="cibicapp_loader">
</div>

	<div class="slider_photo" root="photo">
		<img src="" root="img">
	</div>

	<div class="slider_controls" root="controls">
		<button class="slider_prev" root="prev" _onvclick="prev">
			<svg version="1.1" 
  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" 
  x="0px" y="0px" width="9.48px" height="4.23px" viewBox="0 0 9.48 4.23" enable-background="new 0 0 9.48 4.23" 
  xml:space="preserve"> 
<defs> 
</defs> 
<g> 
 <path fill="#1D1D1B" d="M9.48,2.12L6.96,4.23V2.54H0V1.71h6.96V0L9.48,2.12z" style="transform: scaleX(-1) translateX(-100%)"/> 
</g> 
</svg>
		</button>
		<button class="slider_next" root="next" _onvclick="next">
			<svg version="1.1" 
  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" 
  x="0px" y="0px" width="9.48px" height="4.23px" viewBox="0 0 9.48 4.23" enable-background="new 0 0 9.48 4.23" 
  xml:space="preserve"> 
<defs> 
</defs> 
<g> 
 <path fill="#1D1D1B" d="M9.48,2.12L6.96,4.23V2.54H0V1.71h6.96V0L9.48,2.12z" style="transform: scaleX(-1) translateX(-100%)"/> 
</g> 
</svg>
		</button>
	</div>

</div>

				<div class="slider_mobile" root="slider_mobile"></div>

				<button class="cibicapp_single_fullscreen ctext" root="full_btn" _onvclick="toggleFullscreen"></button>

			</div>

		</div>

	</div>
	
	<div class="zoom_mobile_image" root="mobile_zoom_container">
		<div class="zoom_mobile_image_scroll" root="mobile_zoom_scroll">
			<img root="mobile_zoom_img">
		</div>
		<button class="close" _onclick="closeMobileZoom"></button>
	</div>

</div>

	<!-- CONTACT VIEW -->
	<div class="cibicapp_contact bginvert" pulse="contact">
	
	

	<p class="h6 bold cbase" root="container">
		<a href="/en" class="contact_close pointer h4 cbase" root="close" sound-hov="cibicsound_click_01">&rarr;</a>
		<span class="fbold" root="title">CIBIC &rarr; WORKSHOP </span><br>
		Via Elia Lombardini,&nbsp;22<br>
		20143, Milano – Italy
		<br>
		<a href="mailto:info@cibicworkshop.com" class="cbase" no-ajax>info@cibicworkshop.com</a>
		<br><br>
		<span class="fbold">Shanghai</span><br>
		NICE COMMUNE 2F. <br>
		Siping Rd lane 1028 No. 1024<br>
		Yangpu district<br>
	Shanghai – China 200082<br>
		<a href="mailto:info@cibicworkshop.com" class="cbase" no-ajax>info@cibicworkshop.com</a>

	</p>


	<span class="h8 cbase contact_credits">All Rights Reserved // Design & Coding <a href="http://display.xxx" class="caccent inline-bl" no-ajax target="_blank">display.xxx</a></span>

	
</div>

	<!-- RETHINKING HAPPINES VIDEO COMPONENT -->

	<!-- GEOLOCATION VIDEO COMPONENT -->
	<div class="cibicapp_geolocation" pulse="geolocation">
	
	<button class="geolocation_close h4 caccent" _onvclick="close">&larr;</button>

	<div class="geolocation_map" root="map_container"></div>

</div>

	<!-- PRESENTATION -->
	<div class="cibicapp_presentation" pulse="presentation" data="[]">

	<div class="presentation_fixed_info" root="info">
		<button class="h4" _onvclick="close">&larr;</button>
		<div>
			<h2 class="h4 caccent" root="title"></h2>
			<br>
			<h3 class="h6" root="date"></h3>
		</div>
	</div>
	

</div>

	<!-- PUBLICATIONS -->
	<div class="cibic_collection" pulse="publications">

	<div class="cibic_collection_loader"></div>

	<div class="collection_scroller" root="scroller">

	<div class="collection_container" root="container">

		<template name="article">

			<a href="{{ link }}"
			   target="_blank"
			   class="cibic_collection_article pointer"
			   root="article"
			   no-ajax>		
				
				<div class="collection_article_image" style="background-image: url('{{ image }}')"></div>
				
				<div class="article_hover">
					<p class="h5">{{ title }} <br> <span class="collection_arrow">&rarr;</span> </p>
				</div>

			</a>

		</template>

		<template name="article_notavailable">

			<div class="cibic_collection_article"
			   root="article">		
				
				<div class="collection_article_image" style="background-image: url('{{ image }}')"></div>
				
				<div class="article_hover">
					<p class="h5">{{ title }} <br> <span class="h8">Not available online</span> </p>
				</div>
				
			</div>

		</template>

	</div>

	</div>

</div>

	<!-- BIO -->
	<div class="cibicapp_bio jsvp" pulse="bio">

	<div class="bio_view_container" root="bio_views_container">

		<div class="bio_view pointer" style="background-image: url('https://d1vix13g27tgo5.cloudfront.net/bio/CibicWorkshopUp.jpg')">
	
			<button class="bio_back h4" _onvclick="close">
				<img src="/images/arrow-text.svg" class="back_img">
			</button>

			<button class="bio_ctrl prev h4" _onvclick="prevBg">
				<img src="/images/arrow-text.svg">
			</button>
			<button class="bio_ctrl next h4" _onvclick="next">
				<img src="/images/arrow-text.svg">
			</button>
		</div>


			<div class="bio_view jsvp" root="aldo-cibic">

				<div class="bio_side left bginvert nopadding-m">
					<img data-src="https://d1vix13g27tgo5.cloudfront.net/uploads/bio/image/1/big_aldo.jpg">
				</div>

				<div class="bio_side right bgbase">

					<button class="bio_back h4" _onvclick="close">
						<img src="/images/arrow-text.svg" class="back_img">
					</button>

					<div class="bio_text">
						<h2 class="h4">Aldo Cibic</h2>
						<br>
						<h3 class="h6 caccent">Founder</h3>
						<br>
						<p class="p bio_body h7">
							Aldo Cibic was born in Schio, Vicenza, Italy in 1955, and quickly developed a self-directed interest in the world of design. <br/>In 1981, as a partner in Sottsass Associati, he was a founding member of Memphis, an artists’ collective that was to mark an epoch-making transition in the universe of design and architecture. By vocation and inclination an innovator, one who has never favoured generic labels nor stylistic excesses, Cibic adopted "experimentation as praxis”. <br/>In the late 1980s he launched “Standard” (1991), his first self- produced collection. <br/>At the same time, he became a teacher at the Domus Academy and set up research activities with various schools, while developing his ideas around the "design of services". His projects, such as "The Solid Side" (1995) and "New Stories New Design" (2002), fostered a dynamic relationship between people and space and offered a new mode of designing places based on social interactions. He continued in this vein in subsequent years with "Microrealities" (2004) and "Rethinking Happiness" (2010). Both were presented at the Venice Architecture Biennale, and both originated contemporary narratives aimed at multiplying opportunities for meetings, exchanges and sharing in community life. In 2015 he curated the Venice Architecture Biennale of the Arts & Craft exhibition at the Venice pavilion. <br/>In 1989 he founded the Cibic Workshop, not only a design studio, but a multidisciplinary research centre. Cibic Workshop strongly focuses on alternative sustainable project types aimed at enhancing local areas and defining new cultural, emotional and environmental awareness of public space.  <br/><br/>Aldo Cibic is Honorary Professor at the Tongji University, Shanghai. <br/>In 2023 he was awarded the honor of Knight of the Order of Merit of the Italian Republic.<br/>In 2023 he received the “Magnolia Silver Award” from the Shanghai municipality, in recognition of his contribution to the city's development and international exchanges.<br/>In 2021 he has been appointed Honorary Professor of Urban Studies at the Shanghai Academy of Social Sciences.<br/>In 2019 he has been selected as High-End Foreign Expert by the State Administration of Foreign Experts Affairs of China.<br/>His design pieces and drawings are exhibited in the permanent collections of the Stedelijk Museum in Amsterdam, the Groninger Museum, the CCA (Canadian Center for Architecture) in Montreal, the Museum of Fine Arts in Boston, the Victoria and Albert Museum in London, the Triennale Museum of Italian Design in Milan and the Centre Pompidou in Paris. <br/>Aldo Cibic has been included by the architecture magazine Domus in the guide to the world's best architects “100+ best architecture firms 2019”. Inter alia, Domus editors Alessandro Mendini and Joseph Grima put forward a selection in favour of giving a voice to practices that show how “it may be possible for social architecture to really bloom in the future”.
						</p>
					</div>
				</div>

				<button class="bio_ctrl prev h4" _onvclick="prev">
					<img src="/images/arrow-text.svg">
				</button>
				<button class="bio_ctrl next h4" _onvclick="next">
					<img src="/images/arrow-text.svg">
				</button>

			</div>


			<div class="bio_view jsvp" root="jo-dejardin">

				<div class="bio_side left bginvert nopadding-m">
					<img data-src="https://d1vix13g27tgo5.cloudfront.net/uploads/bio/image/4/big_Jo_portrait.jpeg">
				</div>

				<div class="bio_side right bgbase">

					<button class="bio_back h4" _onvclick="close">
						<img src="/images/arrow-text.svg" class="back_img">
					</button>

					<div class="bio_text">
						<h2 class="h4">Jo Dejardin</h2>
						<br>
						<h3 class="h6 caccent">Partner</h3>
						<br>
						<p class="p bio_body h7">
							Joseph Dejardin is an architect, born in the small village of Wing in the midlands of the UK. He studied at the Royal College of Art and University College London.<br/><br/>Prior to joining Cibic Workshop, Joseph Dejardin founded Dejardin Design Office in 2017 in London, UK. He has a wide range of experience, having led numerous projects of a variety of scales in the UK, China, and across the world. These include master planning, refurbishments, retail fitouts, interiors and many fashion shows and exhibitions. Joseph has previously worked with Herzog & de Meuron and Pernilla Ohrstedt Studio, amongst others. <br/>
						</p>
					</div>
				</div>

				<button class="bio_ctrl prev h4" _onvclick="prev">
					<img src="/images/arrow-text.svg">
				</button>
				<button class="bio_ctrl next h4" _onvclick="next">
					<img src="/images/arrow-text.svg">
				</button>

			</div>


			<div class="bio_view jsvp" root="chuck-felton">

				<div class="bio_side left bginvert nopadding-m">
					<img data-src="https://d1vix13g27tgo5.cloudfront.net/uploads/bio/image/5/big_ChuckFelton.jpg">
				</div>

				<div class="bio_side right bgbase">

					<button class="bio_back h4" _onvclick="close">
						<img src="/images/arrow-text.svg" class="back_img">
					</button>

					<div class="bio_text">
						<h2 class="h4">Chuck Felton</h2>
						<br>
						<h3 class="h6 caccent">Senior Architect</h3>
						<br>
						<p class="p bio_body h7">
							Born in New York City in 1958, Chuck received a Bachelor of Science degree from Yale University in 1980 and a Master of Architecture from Columbia University School of Architecture and Urban Planning in 1984. During his graduate studies he worked for Steven Holl Architects and Robert Stern Architects.  His practice in NYC included working on public, commercial and residential architectural projects, in addition to design consultancies with the high-tech and aerospace industries. He’s also designed scenography for film, theater, and the performing arts.  Since 1997 Chuck has been working with Aldo Cibic in Milan. They remain partners in CibicWorkshop - a multi-disciplinary studio integrating Design, Architecture, Landscaping and Urbanism. His academic responsibilities include: Teaching as Associate Professor at the College of the City of New York and Domus Academy in Milan, and guest lecturer or instructor at: Columbia University, Pratt Institute, Parsons School of Design, The New School for Social Research, California State University at Florence, IUAV and Politecnico di Milano.
						</p>
					</div>
				</div>

				<button class="bio_ctrl prev h4" _onvclick="prev">
					<img src="/images/arrow-text.svg">
				</button>
				<button class="bio_ctrl next h4" _onvclick="next">
					<img src="/images/arrow-text.svg">
				</button>

			</div>


			<div class="bio_view jsvp" root="dongchen-li">

				<div class="bio_side left bginvert nopadding-m">
					<img data-src="https://d1vix13g27tgo5.cloudfront.net/uploads/bio/image/38/big_WechatIMG2555.jpg">
				</div>

				<div class="bio_side right bgbase">

					<button class="bio_back h4" _onvclick="close">
						<img src="/images/arrow-text.svg" class="back_img">
					</button>

					<div class="bio_text">
						<h2 class="h4">Dongchen Li</h2>
						<br>
						<h3 class="h6 caccent">Partner</h3>
						<br>
						<p class="p bio_body h7">
							Dongchen Li, a spatial designer, studied at the University of the Arts London.<br/>Before joining CibicWorkshop, he participated in a variety of cultural and commercial space projects, including cultural and retail spaces for the Aston Martin brand, gaining hands-on experience across multiple spatial typologies.<br/>After meeting Aldo Cibic in 2018, Dongchen officially joined CibicWorkshop and began a long-term collaboration.<br/>He has since been involved in the design and execution of numerous projects, including art-driven interiors, residential works, exhibitions, and urban renewal initiatives, that have been featured in professional publications such as AD, Ideat, ELLE DECORATION, and Architecture Journal China.<br/>From assisting in design and proposal development to managing project implementation, he has progressively led the complete realization of multiple works, and is now a partner at the studio.
						</p>
					</div>
				</div>

				<button class="bio_ctrl prev h4" _onvclick="prev">
					<img src="/images/arrow-text.svg">
				</button>
				<button class="bio_ctrl next h4" _onvclick="next">
					<img src="/images/arrow-text.svg">
				</button>

			</div>


			<div class="bio_view jsvp" root="diego-lucchini">

				<div class="bio_side left bginvert nopadding-m">
					<img data-src="https://d1vix13g27tgo5.cloudfront.net/bio/DiegoLucchini.jpg">
				</div>

				<div class="bio_side right bgbase">

					<button class="bio_back h4" _onvclick="close">
						<img src="/images/arrow-text.svg" class="back_img">
					</button>

					<div class="bio_text">
						<h2 class="h4">Diego Lucchini</h2>
						<br>
						<h3 class="h6 caccent">Designer</h3>
						<br>
						<p class="p bio_body h7">
							Diego Lucchini, is a designer, happily raised amongst nature and friends in the small village of Chiuppano in the North East of Italy.<br/> <br/>During his high school years, he discovered an interest in the paradoxical disciplines of maths, and rule-breaking, which he devoted himself to liberally.  Later, during his Bachelors degree in industrial design at IUAV, he began to develop a genuine realization of the pleasure of studying for its own sake, and became dedicated to work that is a pleasure to do, as well as to produce.<br/> <br/>This approach continued at Ecal, Ecole cantonale d'art de Lausanne, where he obtained the Masters degree in Design de produit in 2012.  He now practices happiness and design back in his native Italy, working alongside Aldo Cibic on a variety of projects.
						</p>
					</div>
				</div>

				<button class="bio_ctrl prev h4" _onvclick="prev">
					<img src="/images/arrow-text.svg">
				</button>
				<button class="bio_ctrl next h4" _onvclick="next">
					<img src="/images/arrow-text.svg">
				</button>

			</div>


		<div class="bio_view pointer" style="background-image: url('https://d1vix13g27tgo5.cloudfront.net/bio/CibicWorkshop.jpg')">
			
			<button class="bio_back h4" _onvclick="close">
				<img src="/images/arrow-text.svg" class="back_img">
			</button>

			<button class="bio_ctrl prev h4" _onvclick="prev">
				<img src="/images/arrow-text.svg">
			</button>
			<button class="bio_ctrl next h4" _onvclick="nextBg">
				<img src="/images/arrow-text.svg">
			</button>
		</div>

	</div>

</div>

	
</div>


    <script src="https://d1vix13g27tgo5.cloudfront.net/assets/application-f6c0ae1828c7672e0f9cc63dc3edffc005a9969b3c9ba9a51cf3789d4ab2aee4.js"></script>

    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
    
      ga('create', 'UA-86403495-1', 'auto');
      ga('send', 'pageview');
    </script>

  </body>

</html>
