site v2: generated pages, vendor, fonts, 3d
Thomas Joise
2 weeks ago
parent
daff8950c8
commit
65afcf29ac
@ -0,0 +1,103 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Page not found — Art.n Architects</title>
|
||||
<meta name="description" content="Page not found.">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/404.html">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="Page not found — Art.n Architects">
|
||||
<meta property="og:description" content="Page not found.">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/404.html">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/og.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="wrap lost">
|
||||
<span class="eyebrow">page not found</span>
|
||||
<h1>404</h1>
|
||||
<p>This page was never drawn — or it has been filed elsewhere.</p>
|
||||
<p><a class="btn" href="/">back to the start</a></p>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/studio/"><link rel="canonical" href="https://www.artnouveau.in/studio/"><title>Moved</title></head><body><p>Moved to <a href="/studio/">/studio/</a>.</p></body></html>
|
||||
Binary file not shown.
@ -0,0 +1,277 @@
|
||||
/* ============================================================
|
||||
Art.n Architects — artnouveau.in
|
||||
Quiet-luxury editorial design: warm paper, Cormorant Garamond
|
||||
statements, Archivo body, hairline rules, generous whitespace.
|
||||
One stylesheet for every page.
|
||||
============================================================ */
|
||||
|
||||
/* ---------- fonts (self-hosted; faces generated from Google Fonts subsets) ---------- */
|
||||
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:300;font-display:swap;src:url(../fonts/cormorant-italic-300-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
|
||||
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/cormorant-italic-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
|
||||
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/cormorant-normal-300-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
|
||||
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/cormorant-normal-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
|
||||
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/cormorant-normal-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
|
||||
@font-face{font-family:'Archivo';font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/archivo-normal-300-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
|
||||
@font-face{font-family:'Archivo';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/archivo-normal-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
|
||||
@font-face{font-family:'Archivo';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/archivo-normal-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
|
||||
|
||||
/* ---------- tokens / base ---------- */
|
||||
:root{
|
||||
--paper:#F4F1EA; --ink:#1C1A16; --mid:#6E695F; --hair:#DAD5C8; --card:#EAE6DC;
|
||||
--clay:#7A4A32;
|
||||
--serif:'Cormorant Garamond',Georgia,serif;
|
||||
--sans:'Archivo',system-ui,sans-serif;
|
||||
--pad:clamp(20px,4.5vw,72px); --max:1560px;
|
||||
}
|
||||
*{margin:0;padding:0;box-sizing:border-box}
|
||||
html{scroll-behavior:smooth}
|
||||
body{
|
||||
background:var(--paper);color:var(--ink);
|
||||
font-family:var(--sans);font-weight:300;font-size:15.5px;line-height:1.75;
|
||||
-webkit-font-smoothing:antialiased;
|
||||
}
|
||||
::selection{background:var(--ink);color:var(--paper)}
|
||||
img{display:block;max-width:100%;height:auto}
|
||||
a{color:inherit;text-decoration:none}
|
||||
.wrap{max-width:var(--max);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
|
||||
.eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:400;color:var(--mid)}
|
||||
.serif{font-family:var(--serif)}
|
||||
.u{background:linear-gradient(to right,currentColor,currentColor) no-repeat left bottom / 0 1px;padding-bottom:3px;transition:background-size .5s cubic-bezier(.2,.6,.2,1)}
|
||||
a:hover .u,a:focus-visible .u{background-size:100% 1px}
|
||||
:focus-visible{outline:1px solid var(--ink);outline-offset:4px}
|
||||
.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--ink);color:var(--paper);padding:10px 18px;font-size:12px;letter-spacing:.1em}
|
||||
.skip:focus{left:0}
|
||||
.hairline{border:none;border-top:1px solid var(--hair)}
|
||||
|
||||
/* page-transition veil */
|
||||
.veil-page{position:fixed;inset:0;z-index:80;background:var(--paper);pointer-events:none;
|
||||
transform:scaleY(0);transform-origin:top}
|
||||
.veil-page::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--ink)}
|
||||
|
||||
/* ---------- header ---------- */
|
||||
header.site{position:fixed;inset:0 0 auto 0;z-index:20;transition:background .35s,border-color .35s;border-bottom:1px solid transparent}
|
||||
header.site.scrolled{background:rgba(244,241,234,.92);border-bottom-color:var(--hair);backdrop-filter:blur(10px)}
|
||||
.nav{max-width:var(--max);margin:0 auto;padding:22px var(--pad);display:flex;align-items:center;justify-content:space-between}
|
||||
.wordmark{font-family:var(--serif);font-weight:500;font-size:19px;letter-spacing:.04em}
|
||||
.wordmark span{color:var(--clay)}
|
||||
.nav ul{display:flex;gap:34px;list-style:none}
|
||||
.nav ul a{font-size:12.5px;letter-spacing:.06em;color:var(--mid);text-transform:lowercase}
|
||||
.nav ul a:hover,.nav ul a[aria-current="page"]{color:var(--ink)}
|
||||
.nav ul a[aria-current="page"]{border-bottom:1px solid var(--ink);padding-bottom:3px}
|
||||
.menu-label{display:none;background:none;border:none;cursor:pointer;font-family:inherit;color:var(--ink);font-size:12.5px;letter-spacing:.08em;text-transform:lowercase;padding:14px 16px;margin:-14px -16px}
|
||||
.menu-overlay{position:fixed;inset:0;z-index:60;background:var(--paper);display:none;flex-direction:column;justify-content:center;padding:var(--pad)}
|
||||
.menu-overlay.open{display:flex}
|
||||
.menu-overlay a{font-family:var(--serif);font-size:clamp(32px,9vw,46px);font-weight:400;line-height:2;border-bottom:1px solid var(--hair);text-transform:lowercase}
|
||||
.menu-close{position:absolute;top:22px;right:var(--pad);background:none;border:none;cursor:pointer;font-family:inherit;color:var(--ink);font-size:12.5px;letter-spacing:.08em;text-transform:lowercase;padding:14px 16px;margin:-14px -16px}
|
||||
|
||||
/* ---------- home: statement hero ---------- */
|
||||
.hero-quiet{min-height:92svh;display:flex;flex-direction:column;justify-content:center;padding-top:110px}
|
||||
.hero-quiet h1{font-family:var(--serif);font-weight:300;font-size:clamp(42px,7vw,104px);line-height:1.08;letter-spacing:.005em;max-width:14ch}
|
||||
.hero-quiet h1 em{font-style:italic;font-weight:300}
|
||||
.hero-quiet h1 .line{display:block;overflow:hidden}
|
||||
.hero-quiet h1 .line>span{display:inline-block}
|
||||
.hero-quiet .meta{margin-top:40px;display:flex;gap:26px;flex-wrap:wrap;align-items:baseline}
|
||||
.hero-scroll{margin-top:auto;padding-bottom:30px}
|
||||
|
||||
/* full-bleed image panel */
|
||||
.panel-full{position:relative;height:96svh;min-height:520px;overflow:hidden;background:var(--card)}
|
||||
.panel-full .photo{position:absolute;inset:-9% 0}
|
||||
.panel-full img{width:100%;height:100%;object-fit:cover}
|
||||
.panel-full .cap{position:absolute;left:var(--pad);bottom:26px;z-index:2;color:#fff;mix-blend-mode:difference;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
|
||||
|
||||
/* statement blocks */
|
||||
.statement{padding-top:clamp(100px,14vw,220px);padding-bottom:clamp(100px,14vw,220px)}
|
||||
.statement .eyebrow{display:block;margin-bottom:34px}
|
||||
.statement p.big{font-family:var(--serif);font-weight:300;font-size:clamp(26px,3.6vw,52px);line-height:1.3;max-width:26ch}
|
||||
.statement p.big em{font-style:italic}
|
||||
.statement .sub{margin-top:36px;max-width:52ch;color:var(--mid)}
|
||||
.statement .sub p{margin-bottom:14px}
|
||||
|
||||
/* ---------- editorial project flow (home + listings) ---------- */
|
||||
.flow{display:grid;grid-template-columns:repeat(12,1fr);column-gap:clamp(20px,3vw,56px)}
|
||||
.piece{display:block;margin-bottom:clamp(90px,11vw,180px)}
|
||||
.piece figure{margin:0}
|
||||
.piece .ph{overflow:hidden;background:var(--card)}
|
||||
.piece .ph img{width:100%;height:112%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.6,.2,1)}
|
||||
.piece:hover .ph img{transform:scale(1.025)}
|
||||
.piece figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:18px;margin-top:18px}
|
||||
.piece .name{font-family:var(--serif);font-size:clamp(19px,1.9vw,26px);font-weight:400}
|
||||
.piece .where{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mid)}
|
||||
/* repeating 6-slot editorial cycle */
|
||||
.flow .piece:nth-child(6n+1){grid-column:1/9}
|
||||
.flow .piece:nth-child(6n+1) .ph{aspect-ratio:3/2}
|
||||
.flow .piece:nth-child(6n+2){grid-column:9/13;padding-top:clamp(90px,12vw,220px)}
|
||||
.flow .piece:nth-child(6n+2) .ph{aspect-ratio:3/4}
|
||||
.flow .piece:nth-child(6n+3){grid-column:2/7;padding-top:clamp(20px,3vw,60px)}
|
||||
.flow .piece:nth-child(6n+3) .ph{aspect-ratio:4/5}
|
||||
.flow .piece:nth-child(6n+4){grid-column:8/13}
|
||||
.flow .piece:nth-child(6n+4) .ph{aspect-ratio:4/3}
|
||||
.flow .piece:nth-child(6n+5){grid-column:3/11}
|
||||
.flow .piece:nth-child(6n+5) .ph{aspect-ratio:16/9}
|
||||
.flow .piece:nth-child(6n+6){grid-column:1/6}
|
||||
.flow .piece:nth-child(6n+6) .ph{aspect-ratio:4/5}
|
||||
.view-all{padding-bottom:clamp(90px,11vw,170px)}
|
||||
.view-all a{font-family:var(--serif);font-size:clamp(20px,2.2vw,30px);font-style:italic}
|
||||
|
||||
/* ---------- page head (interior pages) ---------- */
|
||||
.page-head{padding-top:clamp(150px,20vh,240px);padding-bottom:clamp(50px,7vw,110px)}
|
||||
.page-head .eyebrow{display:block;margin-bottom:26px}
|
||||
.page-head h1{font-family:var(--serif);font-weight:300;font-size:clamp(40px,6vw,88px);line-height:1.1;max-width:16ch}
|
||||
.page-head h1 em{font-style:italic}
|
||||
.page-head .lede{margin-top:30px;max-width:54ch;color:var(--mid)}
|
||||
.filters{display:flex;gap:26px;flex-wrap:wrap;margin-top:40px;border-top:1px solid var(--hair);padding-top:22px}
|
||||
.filters a{font-size:12.5px;letter-spacing:.06em;text-transform:lowercase;color:var(--mid);padding-bottom:3px}
|
||||
.filters a:hover{color:var(--ink)}
|
||||
.filters a[aria-current="page"]{color:var(--ink);border-bottom:1px solid var(--ink)}
|
||||
|
||||
/* ---------- project detail ---------- */
|
||||
.proj-hero{padding-top:clamp(130px,16vh,200px)}
|
||||
.proj-hero .ph{overflow:hidden;background:var(--card);aspect-ratio:16/9;max-height:82svh}
|
||||
.proj-hero .ph img{width:100%;height:100%;object-fit:cover}
|
||||
.proj-title{padding-top:clamp(40px,6vw,80px);padding-bottom:clamp(40px,6vw,80px)}
|
||||
.proj-title h1{font-family:var(--serif);font-weight:300;font-size:clamp(36px,5vw,72px);line-height:1.12;max-width:18ch}
|
||||
.proj-title .eyebrow{display:block;margin-bottom:20px}
|
||||
.proj-cols{display:grid;grid-template-columns:4fr 7fr;gap:clamp(36px,6vw,110px);padding-bottom:clamp(70px,9vw,130px)}
|
||||
.spec{list-style:none;border-top:1px solid var(--hair)}
|
||||
.spec li{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--hair);padding:15px 2px}
|
||||
.spec .k{font-size:11px;letter-spacing:.2em;color:var(--mid);text-transform:uppercase;padding-top:4px}
|
||||
.spec .v{font-size:14.5px;text-align:right}
|
||||
.proj-blurb p{font-family:var(--serif);font-weight:300;font-size:clamp(21px,2.2vw,30px);line-height:1.5;max-width:32ch}
|
||||
.gallery{columns:2;column-gap:clamp(20px,2.6vw,44px)}
|
||||
.gallery a{display:block;break-inside:avoid;margin-bottom:clamp(20px,2.6vw,44px);background:var(--card)}
|
||||
.gallery img{width:100%;transition:opacity .5s}
|
||||
.gallery a:hover img{opacity:.94}
|
||||
.proj-nav{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--hair);padding-top:clamp(30px,4vw,48px);margin-top:clamp(60px,7vw,100px);padding-bottom:clamp(80px,9vw,130px)}
|
||||
.proj-nav a{max-width:46%}
|
||||
.proj-nav .eyebrow{display:block;margin-bottom:10px}
|
||||
.proj-nav .name{font-family:var(--serif);font-size:clamp(18px,2vw,26px)}
|
||||
.proj-nav .next{text-align:right;margin-left:auto}
|
||||
|
||||
/* ---------- principal / duo feature ---------- */
|
||||
.people{padding-bottom:clamp(90px,12vw,180px)}
|
||||
.person{display:grid;grid-template-columns:5fr 7fr;gap:clamp(36px,5vw,96px);align-items:start;border-top:1px solid var(--hair);padding-top:clamp(44px,6vw,80px);margin-bottom:clamp(60px,8vw,120px)}
|
||||
.person .ph{overflow:hidden;background:var(--card);aspect-ratio:4/5;max-width:420px}
|
||||
.person .ph img{width:100%;height:100%;object-fit:cover}
|
||||
.person h3{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3vw,40px);margin-bottom:6px}
|
||||
.person .role{display:block;margin-bottom:26px}
|
||||
.person p{color:var(--mid);margin-bottom:16px;max-width:56ch}
|
||||
|
||||
/* team grid */
|
||||
.team{padding-bottom:clamp(90px,12vw,170px)}
|
||||
.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:clamp(18px,2.4vw,36px)}
|
||||
.team-grid figure{margin:0}
|
||||
.team-grid .ph{overflow:hidden;background:var(--card);aspect-ratio:1/1}
|
||||
.team-grid img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.02);transition:filter .5s}
|
||||
.team-grid figure:hover img{filter:grayscale(0)}
|
||||
.team-grid figcaption{margin-top:12px}
|
||||
.team-grid .nm{font-size:13.5px;font-weight:400;display:block}
|
||||
.team-grid .rl{font-size:10.5px;letter-spacing:.14em;color:var(--mid);text-transform:uppercase}
|
||||
|
||||
/* ---------- process page / steps ---------- */
|
||||
.steps{counter-reset:step;padding-bottom:clamp(80px,10vw,150px)}
|
||||
.step{display:grid;grid-template-columns:2fr 4fr 6fr;gap:clamp(24px,4vw,72px);border-top:1px solid var(--hair);padding:clamp(34px,5vw,60px) 0}
|
||||
.step .no{font-family:var(--serif);font-weight:300;font-size:clamp(30px,3.6vw,52px);color:var(--mid)}
|
||||
.step h3{font-family:var(--serif);font-weight:400;font-size:clamp(22px,2.4vw,32px)}
|
||||
.step p{color:var(--mid);max-width:52ch}
|
||||
|
||||
/* ---------- 3D section ---------- */
|
||||
.threed{padding-bottom:clamp(90px,12vw,180px)}
|
||||
.threed-row{display:grid;grid-template-columns:7fr 5fr;gap:clamp(36px,5vw,96px);align-items:center}
|
||||
model-viewer{width:100%;height:min(58vh,520px);background:var(--card);--poster-color:var(--card)}
|
||||
.threed h3{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.6vw,36px);margin-bottom:18px}
|
||||
.threed p{color:var(--mid);max-width:44ch;margin-bottom:16px}
|
||||
.threed .note{font-size:12.5px;color:var(--mid);border-left:1px solid var(--clay);padding-left:16px}
|
||||
|
||||
/* ---------- studio / addresses row ---------- */
|
||||
.studio-row{display:grid;grid-template-columns:7fr 5fr;gap:clamp(36px,5vw,96px);align-items:center;padding-bottom:clamp(90px,12vw,180px)}
|
||||
.studio-row .ph{overflow:hidden;background:var(--card);aspect-ratio:4/3}
|
||||
.studio-row img{width:100%;height:112%;object-fit:cover}
|
||||
.studio-row h3{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.6vw,36px);margin-bottom:18px}
|
||||
.studio-row p{color:var(--mid);max-width:46ch;margin-bottom:16px}
|
||||
.studio-row .addr{font-size:13.5px;color:var(--mid);line-height:1.9}
|
||||
|
||||
/* story block (studio page) */
|
||||
.story{display:grid;grid-template-columns:5fr 7fr;gap:clamp(36px,5vw,96px);align-items:start;padding-bottom:clamp(80px,10vw,150px)}
|
||||
.story .ph{overflow:hidden;background:var(--card);aspect-ratio:4/3}
|
||||
.story .ph img{width:100%;height:112%;object-fit:cover}
|
||||
.story h2{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.8vw,38px);margin-bottom:22px;line-height:1.3}
|
||||
.story p{color:var(--mid);margin-bottom:16px;max-width:56ch}
|
||||
.story p b{color:var(--ink);font-weight:400}
|
||||
|
||||
/* ---------- contact ---------- */
|
||||
.offices{padding-bottom:clamp(60px,8vw,110px)}
|
||||
.office{display:grid;grid-template-columns:3fr 5fr 4fr;gap:clamp(20px,3vw,56px);border-top:1px solid var(--hair);padding:clamp(30px,4vw,50px) 0;align-items:baseline}
|
||||
.office h2{font-family:var(--serif);font-weight:400;font-size:clamp(22px,2.4vw,32px)}
|
||||
.office p{color:var(--mid);font-size:14.5px;line-height:1.9}
|
||||
.office .links{display:flex;flex-direction:column;gap:8px;font-size:14.5px}
|
||||
.office .links a:hover{color:var(--clay)}
|
||||
.reach{display:flex;flex-direction:column;padding-bottom:clamp(90px,12vw,170px)}
|
||||
.reach a{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-top:1px solid var(--hair);padding:clamp(24px,3.4vw,40px) 0}
|
||||
.reach a:last-child{border-bottom:1px solid var(--hair)}
|
||||
.reach .k{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--mid)}
|
||||
.reach .v{font-family:var(--serif);font-size:clamp(20px,3vw,40px);font-weight:300;text-align:right;word-break:break-word;transition:color .4s}
|
||||
.reach a:hover .v{color:var(--clay);font-style:italic}
|
||||
|
||||
/* ---------- CTA band ---------- */
|
||||
.cta{padding:clamp(90px,13vw,200px) 0}
|
||||
.cta .inner{display:flex;flex-direction:column;align-items:flex-start;gap:34px}
|
||||
.cta h2{font-family:var(--serif);font-weight:300;font-size:clamp(32px,5vw,72px);line-height:1.15;max-width:18ch}
|
||||
.cta h2 em{font-style:italic}
|
||||
.btn{display:inline-block;border:1px solid var(--ink);padding:16px 34px;font-size:12px;letter-spacing:.14em;text-transform:lowercase;transition:background .4s,color .4s}
|
||||
.btn:hover,.btn:focus-visible{background:var(--ink);color:var(--paper)}
|
||||
.cta .actions{display:flex;gap:16px;flex-wrap:wrap}
|
||||
|
||||
/* ---------- footer ---------- */
|
||||
footer.site{border-top:1px solid var(--hair);padding:clamp(50px,7vw,90px) 0 36px}
|
||||
.foot-top{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:baseline;margin-bottom:clamp(44px,6vw,80px)}
|
||||
.foot-top .wordmark{font-size:clamp(26px,3.4vw,44px)}
|
||||
.foot-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(24px,3.4vw,60px)}
|
||||
.foot-cols .eyebrow{display:block;margin-bottom:14px}
|
||||
.foot-cols p,.foot-cols a{font-size:13.5px;line-height:2;color:var(--mid)}
|
||||
.foot-cols a{display:inline-block}
|
||||
.foot-cols a:hover{color:var(--ink)}
|
||||
.foot-base{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:clamp(44px,6vw,70px)}
|
||||
.foot-base p{font-size:11.5px;letter-spacing:.06em;color:var(--mid)}
|
||||
|
||||
/* ---------- 404 ---------- */
|
||||
.lost{min-height:66vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:22px}
|
||||
.lost h1{font-family:var(--serif);font-weight:300;font-style:italic;font-size:clamp(70px,15vw,190px);line-height:1}
|
||||
.lost p{color:var(--mid)}
|
||||
|
||||
/* ---------- GLightbox skin ---------- */
|
||||
.glightbox-clean .gslide-media{box-shadow:none;background:var(--paper)}
|
||||
.goverlay{background:rgba(28,26,22,.94)}
|
||||
.glightbox-clean .gnext,.glightbox-clean .gprev,.glightbox-clean .gclose{background:none}
|
||||
|
||||
/* ---------- reveals get a resting state only when JS is running ---------- */
|
||||
html.js .reveal{opacity:0;transform:translateY(26px)}
|
||||
html.js .reveal.is-in{opacity:1;transform:none;transition:opacity 1s cubic-bezier(.2,.6,.2,1),transform 1s cubic-bezier(.2,.6,.2,1)}
|
||||
|
||||
/* ---------- motion prefs / responsive ---------- */
|
||||
@media (prefers-reduced-motion:reduce){
|
||||
html{scroll-behavior:auto}
|
||||
.veil-page{display:none}
|
||||
html.js .reveal{opacity:1;transform:none}
|
||||
}
|
||||
@media (max-width:1060px){
|
||||
.proj-cols{grid-template-columns:1fr}
|
||||
.person{grid-template-columns:1fr}
|
||||
.person .ph{max-width:340px}
|
||||
.step{grid-template-columns:1fr;gap:10px}
|
||||
.office{grid-template-columns:1fr;gap:8px}
|
||||
}
|
||||
@media (max-width:860px){
|
||||
.nav ul{display:none}
|
||||
.menu-label{display:block}
|
||||
.flow{display:block}
|
||||
.flow .piece{padding-top:0!important;margin-bottom:64px}
|
||||
.threed-row,.studio-row,.story{grid-template-columns:1fr}
|
||||
.foot-cols{grid-template-columns:1fr 1fr}
|
||||
.gallery{columns:1}
|
||||
.proj-nav a{max-width:100%}
|
||||
.hero-quiet{min-height:86svh}
|
||||
.panel-full{height:64svh;min-height:380px}
|
||||
}
|
||||
@media (max-width:560px){
|
||||
.foot-cols{grid-template-columns:1fr}
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,156 @@
|
||||
/* Art.n Architects — shared site JS (quiet edition).
|
||||
GSAP + ScrollTrigger + Lenis, all vendored locally. Every feature is
|
||||
guarded by element existence so one file serves every page. */
|
||||
(function () {
|
||||
'use strict';
|
||||
document.documentElement.classList.add('js');
|
||||
var reduce = matchMedia('(prefers-reduced-motion: reduce)').matches;
|
||||
var mobile = matchMedia('(max-width: 860px)').matches;
|
||||
|
||||
/* ---------- header ---------- */
|
||||
var hdr = document.querySelector('header.site');
|
||||
if (hdr) {
|
||||
var onScroll = function () { hdr.classList.toggle('scrolled', window.scrollY > 40); };
|
||||
addEventListener('scroll', onScroll, { passive: true }); onScroll();
|
||||
}
|
||||
|
||||
/* ---------- mobile menu ---------- */
|
||||
var menu = document.getElementById('site-menu');
|
||||
var menuBtn = document.querySelector('.menu-label');
|
||||
var closeBtn = document.querySelector('.menu-close');
|
||||
if (menu && menuBtn && closeBtn) {
|
||||
var setMenu = function (open) {
|
||||
menu.hidden = !open; menu.classList.toggle('open', open);
|
||||
menuBtn.setAttribute('aria-expanded', String(open));
|
||||
if (open) closeBtn.focus(); else menuBtn.focus();
|
||||
};
|
||||
menuBtn.addEventListener('click', function () { setMenu(true); });
|
||||
closeBtn.addEventListener('click', function () { setMenu(false); });
|
||||
menu.addEventListener('click', function (e) { if (e.target.tagName === 'A') setMenu(false); });
|
||||
addEventListener('keydown', function (e) { if (e.key === 'Escape' && !menu.hidden) setMenu(false); });
|
||||
}
|
||||
|
||||
/* ---------- reveals (CSS does the easing; IO adds the class) ---------- */
|
||||
var revealEls = document.querySelectorAll('.reveal');
|
||||
if (revealEls.length) {
|
||||
if (reduce || !('IntersectionObserver' in window)) {
|
||||
revealEls.forEach(function (el) { el.classList.add('is-in'); });
|
||||
} else {
|
||||
var ro = new IntersectionObserver(function (entries) {
|
||||
entries.forEach(function (e) {
|
||||
if (e.isIntersecting) { e.target.classList.add('is-in'); ro.unobserve(e.target); }
|
||||
});
|
||||
}, { rootMargin: '0px 0px -8% 0px' });
|
||||
revealEls.forEach(function (el) { ro.observe(el); });
|
||||
}
|
||||
}
|
||||
|
||||
/* ---------- page-transition veil ---------- */
|
||||
var veil = document.querySelector('.veil-page');
|
||||
if (veil && !reduce && window.gsap) {
|
||||
if (sessionStorage.getItem('an-veil') === '1') {
|
||||
sessionStorage.removeItem('an-veil');
|
||||
gsap.fromTo(veil, { scaleY: 1, transformOrigin: 'bottom' },
|
||||
{ scaleY: 0, duration: .6, ease: 'power3.inOut', delay: .05 });
|
||||
}
|
||||
document.addEventListener('click', function (e) {
|
||||
if (e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;
|
||||
var a = e.target.closest('a');
|
||||
if (!a || a.target === '_blank' || a.hasAttribute('download')) return;
|
||||
var href = a.getAttribute('href') || '';
|
||||
if (!href || href[0] === '#' || /^(https?:)?\/\//.test(href) && a.host !== location.host) return;
|
||||
if (/^(mailto|tel|javascript):/.test(href)) return;
|
||||
if (a.pathname === location.pathname && a.hash) return;
|
||||
e.preventDefault();
|
||||
sessionStorage.setItem('an-veil', '1');
|
||||
gsap.fromTo(veil, { scaleY: 0, transformOrigin: 'top' }, {
|
||||
scaleY: 1, duration: .5, ease: 'power3.in',
|
||||
onComplete: function () { location.href = a.href; }
|
||||
});
|
||||
});
|
||||
addEventListener('pageshow', function (e) { if (e.persisted) gsap.set(veil, { scaleY: 0 }); });
|
||||
}
|
||||
|
||||
if (!window.gsap || reduce) return; // fully usable without motion below this line
|
||||
gsap.registerPlugin(ScrollTrigger);
|
||||
|
||||
/* ---------- Lenis inertial scroll ---------- */
|
||||
if (window.Lenis && !mobile) {
|
||||
var lenis = new Lenis({ lerp: 0.085 });
|
||||
lenis.on('scroll', ScrollTrigger.update);
|
||||
gsap.ticker.add(function (t) { lenis.raf(t * 1000); });
|
||||
gsap.ticker.lagSmoothing(0);
|
||||
}
|
||||
|
||||
/* ---------- hero statement: lines rise once ---------- */
|
||||
var heroLines = document.querySelectorAll('.hero-quiet h1 .line > span');
|
||||
if (heroLines.length) {
|
||||
gsap.from(heroLines, {
|
||||
yPercent: 112, duration: 1.2, ease: 'power4.out',
|
||||
stagger: .12, delay: .2
|
||||
});
|
||||
gsap.from('.hero-quiet .meta', { opacity: 0, y: 14, duration: 1, delay: 1, ease: 'power2.out' });
|
||||
}
|
||||
|
||||
/* ---------- slow parallax on full-bleed panels & tagged imagery ---------- */
|
||||
document.querySelectorAll('.panel-full .photo').forEach(function (ph) {
|
||||
gsap.fromTo(ph, { yPercent: -7 }, {
|
||||
yPercent: 7, ease: 'none',
|
||||
scrollTrigger: { trigger: ph.parentNode, start: 'top bottom', end: 'bottom top', scrub: true }
|
||||
});
|
||||
});
|
||||
document.querySelectorAll('[data-inner]').forEach(function (img) {
|
||||
gsap.fromTo(img, { yPercent: -7 }, {
|
||||
yPercent: 0, ease: 'none',
|
||||
scrollTrigger: { trigger: img, start: 'top bottom', end: 'bottom top', scrub: true }
|
||||
});
|
||||
});
|
||||
|
||||
/* ---------- gallery items drift in ---------- */
|
||||
var gItems = document.querySelectorAll('.gallery a');
|
||||
if (gItems.length) {
|
||||
gsap.set(gItems, { opacity: 0, y: 30 });
|
||||
ScrollTrigger.batch(gItems, {
|
||||
start: 'top 92%',
|
||||
onEnter: function (batch) {
|
||||
gsap.to(batch, { opacity: 1, y: 0, duration: 1, ease: 'power2.out', stagger: .09 });
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/* ---------- scroll-scrubbed model orbit (loads model-viewer on approach) ---------- */
|
||||
var mv = document.querySelector('model-viewer[data-orbit-scrub]');
|
||||
if (mv) {
|
||||
var mvLoaded = false;
|
||||
var loadMV = function () {
|
||||
if (mvLoaded) return; mvLoaded = true;
|
||||
var s = document.createElement('script');
|
||||
s.type = 'module'; s.src = '/assets/vendor/model-viewer.min.js';
|
||||
document.head.appendChild(s);
|
||||
};
|
||||
if ('IntersectionObserver' in window) {
|
||||
var io = new IntersectionObserver(function (entries) {
|
||||
if (entries.some(function (e) { return e.isIntersecting; })) { loadMV(); io.disconnect(); }
|
||||
}, { rootMargin: '800px 0px' });
|
||||
io.observe(mv);
|
||||
} else loadMV();
|
||||
var section = mv.closest('section') || mv;
|
||||
var state = { theta: -30 };
|
||||
gsap.to(state, {
|
||||
theta: 330, ease: 'none',
|
||||
scrollTrigger: { trigger: section, start: 'top 85%', end: 'bottom 15%', scrub: 1 },
|
||||
onUpdate: function () {
|
||||
mv.setAttribute('camera-orbit', state.theta.toFixed(1) + 'deg 76deg auto');
|
||||
}
|
||||
});
|
||||
ScrollTrigger.create({
|
||||
trigger: section, start: 'top 85%', end: 'bottom 15%',
|
||||
onToggle: function (self) { if (self.isActive) mv.removeAttribute('auto-rotate'); else mv.setAttribute('auto-rotate', ''); }
|
||||
});
|
||||
}
|
||||
|
||||
/* ---------- GLightbox (project galleries) ---------- */
|
||||
if (window.GLightbox && document.querySelector('.glightbox')) {
|
||||
GLightbox({ selector: '.glightbox', touchNavigation: true, loop: true });
|
||||
}
|
||||
})();
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/contact/"><link rel="canonical" href="https://www.artnouveau.in/contact/"><title>Moved</title></head><body><p>Moved to <a href="/contact/">/contact/</a>.</p></body></html>
|
||||
@ -0,0 +1,138 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Contact — Art.n Architects</title>
|
||||
<meta name="description" content="Contact Art.n Architects — Changanacherry 0481 241 2848 · Kochi 0484 234 1067 · artnove@gmail.com · WhatsApp +91 94471 12848.">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/contact/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="Contact — Art.n Architects">
|
||||
<meta property="og:description" content="Contact Art.n Architects — Changanacherry 0481 241 2848 · Kochi 0484 234 1067 · artnove@gmail.com · WhatsApp +91 94471 12848.">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/contact/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/og.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"ProfessionalService","name":"Art.n Architects","url":"https://www.artnouveau.in","email":"artnove@gmail.com","telephone":"+91 0481 241 2848","address":[{"@type":"PostalAddress","streetAddress":"Georges, Near Kavil Temple, Puzhuvathu","addressLocality":"Changanacherry","addressRegion":"Kerala","addressCountry":"IN"},{"@type":"PostalAddress","streetAddress":"L6K, Nippon Q1 Mall, NH Bypass","addressLocality":"Vennala","addressRegion":"Kerala","addressCountry":"IN"}]}</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/" aria-current="page">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="page-head wrap">
|
||||
<span class="eyebrow reveal">Contact</span>
|
||||
<h1 class="reveal">A first conversation <em>costs nothing.</em></h1>
|
||||
<p class="lede reveal">Bring a site, a brief, or just an idea — it usually starts with a sketch.</p>
|
||||
</section>
|
||||
<section class="wrap offices">
|
||||
<div class="office reveal">
|
||||
<h2>Changanacherry Studio</h2>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101</p>
|
||||
<div class="links">
|
||||
<a href="tel:+914812412848">0481 241 2848</a>
|
||||
<a href="https://www.google.com/maps/search/?api=1&query=Art.n+Architects+Puzhuvathu+Changanacherry" rel="noopener" target="_blank"><span class="u">Open in Google Maps</span></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="office reveal">
|
||||
<h2>Kochi Office</h2>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028</p>
|
||||
<div class="links">
|
||||
<a href="tel:+914842341067">0484 234 1067</a>
|
||||
<a href="https://www.google.com/maps/search/?api=1&query=Nippon+Q1+Mall+Vennala+Kochi" rel="noopener" target="_blank"><span class="u">Open in Google Maps</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="wrap reach">
|
||||
<a class="reveal" href="mailto:artnove@gmail.com">
|
||||
<span class="k">email</span>
|
||||
<span class="v">artnove@gmail.com</span>
|
||||
</a>
|
||||
<a class="reveal" href="https://wa.me/919447112848" rel="noopener">
|
||||
<span class="k">whatsapp</span>
|
||||
<span class="v">+91 94471 12848</span>
|
||||
</a>
|
||||
<a class="reveal" href="https://instagram.com/art.n.architects" rel="noopener">
|
||||
<span class="k">instagram</span>
|
||||
<span class="v">@art.n.architects</span>
|
||||
</a>
|
||||
<a class="reveal" href="https://tender.artnouveau.in/#/auth/login" rel="noopener">
|
||||
<span class="k">contractors</span>
|
||||
<span class="v">Tender portal</span>
|
||||
</a>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,216 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Art.n Architects — Architecture, Interiors & Project Management, Kerala</title>
|
||||
<meta name="description" content="Architecture, interior design and project management studio in Changanacherry and Kochi, Kerala, since 2002.">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="Art.n Architects — Architecture, Interiors & Project Management, Kerala">
|
||||
<meta property="og:description" content="Architecture, interior design and project management studio in Changanacherry and Kochi, Kerala, since 2002.">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/projects/p-t-thampi-residence/01-1200.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Art.n Architects","url":"https://www.artnouveau.in","email":"artnove@gmail.com","foundingDate":"2002","sameAs":["https://instagram.com/art.n.architects","https://www.facebook.com/art.n.architects"],"address":[{"@type":"PostalAddress","streetAddress":"Georges, Near Kavil Temple, Puzhuvathu","addressLocality":"Changanacherry","addressRegion":"Kerala","addressCountry":"IN"},{"@type":"PostalAddress","streetAddress":"L6K, Nippon Q1 Mall, NH Bypass","addressLocality":"Vennala","addressRegion":"Kerala","addressCountry":"IN"}]}</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="hero-quiet wrap" aria-label="Art.n Architects">
|
||||
<h1>
|
||||
<span class="line"><span>Buildings with</span></span>
|
||||
<span class="line"><span>a quiet sense</span></span>
|
||||
<span class="line"><span>of <em>belonging.</em></span></span>
|
||||
</h1>
|
||||
<div class="meta">
|
||||
<span class="eyebrow">Architecture · Interiors · Project Management</span>
|
||||
<span class="eyebrow">Changanacherry & Kochi — since 2002</span>
|
||||
</div>
|
||||
<p class="hero-scroll eyebrow" aria-hidden="true">scroll</p>
|
||||
</section>
|
||||
|
||||
<section class="panel-full" aria-label="P. T. Thampi Residence">
|
||||
<div class="photo"><picture><source type="image/webp" srcset="/assets/img/projects/p-t-thampi-residence/01-800.webp 800w, /assets/img/projects/p-t-thampi-residence/01-1600.webp 1600w" sizes="100vw"><img src="/assets/img/projects/p-t-thampi-residence/01-1200.jpg" width="1200" height="662" alt="The Thampi residence at dusk, its pitched clay-tile roofs and verandahs lit from within above a landscaped, lamp-lined garden." decoding="async" fetchpriority="high"></picture></div>
|
||||
<p class="cap">P. T. Thampi Residence — Kumily</p>
|
||||
</section>
|
||||
|
||||
<section class="statement wrap">
|
||||
<span class="eyebrow reveal">The practice</span>
|
||||
<p class="big reveal">Every project begins as a simple intention — a place that is right for its people, its climate and its time. <em>We design it, detail it, and stay until it is delivered.</em></p>
|
||||
<div class="sub reveal">
|
||||
<p>Art.n Architects is an architecture, interior design and project management
|
||||
studio working from Changanacherry and Kochi since 2002 — residences,
|
||||
hospitality, healthcare and public buildings across Kerala.</p>
|
||||
<p><a href="/studio/"><span class="u">Meet the studio</span></a></p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="wrap" aria-label="Selected work">
|
||||
<div class="flow">
|
||||
<a class="piece reveal" href="/projects/pamba-heritage-villa/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/pamba-heritage-villa/01-800.webp 800w, /assets/img/projects/pamba-heritage-villa/01-1600.webp 1000w" sizes="(max-width:860px) 100vw, 66vw"><img src="/assets/img/projects/pamba-heritage-villa/01-1200.jpg" width="1000" height="750" alt="The Pamba Heritage Villa seen from the water, its tiered clay-tile roofs and timber verandahs rising behind a stone embankment lined with coconut palms." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Pamba Heritage Villa</span><span class="where">Nedumudi</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/orion-county/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/orion-county/01-800.webp 800w, /assets/img/projects/orion-county/01-1600.webp 1282w" sizes="(max-width:860px) 100vw, 33vw"><img src="/assets/img/projects/orion-county/01-1200.jpg" width="1200" height="801" alt="Resort building with red tiled roofs reflected in a still lake, backed by green tea-covered hills in soft morning light." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Orion County</span><span class="where">Idukki</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/green-dine/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/green-dine/02-800.webp 800w, /assets/img/projects/green-dine/02-1600.webp 1600w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/green-dine/02-1200.jpg" width="1200" height="800" alt="Restaurant dining room with dark-wood tables under globe pendant lights and full-height glazing opening to green foliage." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Green Dine</span><span class="where">Edakkunnam, Mundakkayam</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/chokramudi-resort/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/chokramudi-resort/01-800.webp 800w, /assets/img/projects/chokramudi-resort/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/chokramudi-resort/01-1200.jpg" width="1080" height="720" alt="A row of tiled-roof resort cottages stepping along a terraced hillside above a forested valley, with a pool and landscaped path alongside." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Chokramudi Resort</span><span class="where">Bison Valley, Idukki</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/jayakumar-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/jayakumar-residence/05-800.webp 800w, /assets/img/projects/jayakumar-residence/05-1600.webp 1080w" sizes="(max-width:860px) 100vw, 66vw"><img src="/assets/img/projects/jayakumar-residence/05-1200.jpg" width="1080" height="1620" alt="Two-storey white house with grey tiled roofs and stone-clad bays behind a broad cobbled forecourt lined with palms, a vehicle parked under the porch." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Jayakumar Residence</span><span class="where">Kanjirappally</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/spice-forest/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/spice-forest/08-800.webp 720w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/spice-forest/08-1200.jpg" width="720" height="1080" alt="A timber pavilion glowing with warm light at dusk, set among bare trees on a misty hillside." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Spice Forest</span><span class="where">Vandiperiyar</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<p class="view-all reveal"><a href="/projects/"><span class="u">See all 33 projects</span></a></p>
|
||||
</section>
|
||||
|
||||
<section class="threed wrap" id="threed">
|
||||
<div class="threed-row">
|
||||
<div class="reveal">
|
||||
<model-viewer
|
||||
src="/assets/3d/massing.glb"
|
||||
alt="Conceptual massing model of a Kerala residence"
|
||||
camera-controls auto-rotate rotation-per-second="10deg"
|
||||
shadow-intensity="1" exposure="1.05"
|
||||
data-orbit-scrub
|
||||
loading="lazy" reveal="auto">
|
||||
</model-viewer>
|
||||
</div>
|
||||
<div class="reveal">
|
||||
<span class="eyebrow" style="display:block;margin-bottom:20px">From the board</span>
|
||||
<h3>Walk around the drawing.</h3>
|
||||
<p>Drag the model — or simply keep scrolling and watch it turn. This is the
|
||||
massing study of a Kerala residence, the stage where every project begins
|
||||
before a single wall goes up.</p>
|
||||
<p class="note">Signature projects receive their own models here, exported
|
||||
straight from the studio's working files.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="studio-row wrap">
|
||||
<a class="ph reveal" href="/studio/"><picture><source type="image/webp" srcset="/assets/img/projects/artn-studio/04-800.webp 800w, /assets/img/projects/artn-studio/04-1600.webp 1304w" sizes="(max-width:860px) 100vw, 58vw"><img src="/assets/img/projects/artn-studio/04-1200.jpg" width="1200" height="905" alt="Inside the Art.n Architects studio" decoding="async" loading="lazy" data-inner></picture></a>
|
||||
<div class="reveal">
|
||||
<span class="eyebrow" style="display:block;margin-bottom:20px">The studio</span>
|
||||
<h3>One studio, drawing to handover.</h3>
|
||||
<p>Architecture, interiors and project management under one roof — so what is
|
||||
designed is what gets built. <a href="/process/"><span class="u">How we work</span></a></p>
|
||||
<p class="addr">
|
||||
Georges, Near Kavil Temple, Puzhuvathu, Changanacherry, Kerala 686 101<br>
|
||||
L6K, Nippon Q1 Mall, NH Bypass, Vennala, Kochi, Kerala 682 028
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">A site, a brief, or just a first idea — <em>bring it to the table.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/projects/achayans-cafe/"><link rel="canonical" href="https://www.artnouveau.in/projects/achayans-cafe/"><title>Moved</title></head><body><p>Moved to <a href="/projects/achayans-cafe/">/projects/achayans-cafe/</a>.</p></body></html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/projects/tony-kallukalam/"><link rel="canonical" href="https://www.artnouveau.in/projects/tony-kallukalam/"><title>Moved</title></head><body><p>Moved to <a href="/projects/tony-kallukalam/">/projects/tony-kallukalam/</a>.</p></body></html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/projects/indu-vinod-residence/"><link rel="canonical" href="https://www.artnouveau.in/projects/indu-vinod-residence/"><title>Moved</title></head><body><p>Moved to <a href="/projects/indu-vinod-residence/">/projects/indu-vinod-residence/</a>.</p></body></html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/projects/green-dine/"><link rel="canonical" href="https://www.artnouveau.in/projects/green-dine/"><title>Moved</title></head><body><p>Moved to <a href="/projects/green-dine/">/projects/green-dine/</a>.</p></body></html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/projects/lifeline-hospital/"><link rel="canonical" href="https://www.artnouveau.in/projects/lifeline-hospital/"><title>Moved</title></head><body><p>Moved to <a href="/projects/lifeline-hospital/">/projects/lifeline-hospital/</a>.</p></body></html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/projects/mappilasherry-tharavadu/"><link rel="canonical" href="https://www.artnouveau.in/projects/mappilasherry-tharavadu/"><title>Moved</title></head><body><p>Moved to <a href="/projects/mappilasherry-tharavadu/">/projects/mappilasherry-tharavadu/</a>.</p></body></html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/projects/p-t-thampi-residence/"><link rel="canonical" href="https://www.artnouveau.in/projects/p-t-thampi-residence/"><title>Moved</title></head><body><p>Moved to <a href="/projects/p-t-thampi-residence/">/projects/p-t-thampi-residence/</a>.</p></body></html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/projects/sb-indoor-stadium/"><link rel="canonical" href="https://www.artnouveau.in/projects/sb-indoor-stadium/"><title>Moved</title></head><body><p>Moved to <a href="/projects/sb-indoor-stadium/">/projects/sb-indoor-stadium/</a>.</p></body></html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/projects/sb-souvenir-shop/"><link rel="canonical" href="https://www.artnouveau.in/projects/sb-souvenir-shop/"><title>Moved</title></head><body><p>Moved to <a href="/projects/sb-souvenir-shop/">/projects/sb-souvenir-shop/</a>.</p></body></html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/projects/vsaffron-regency/"><link rel="canonical" href="https://www.artnouveau.in/projects/vsaffron-regency/"><title>Moved</title></head><body><p>Moved to <a href="/projects/vsaffron-regency/">/projects/vsaffron-regency/</a>.</p></body></html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/projects/artn-studio/"><link rel="canonical" href="https://www.artnouveau.in/projects/artn-studio/"><title>Moved</title></head><body><p>Moved to <a href="/projects/artn-studio/">/projects/artn-studio/</a>.</p></body></html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/projects/baby-john-residence/"><link rel="canonical" href="https://www.artnouveau.in/projects/baby-john-residence/"><title>Moved</title></head><body><p>Moved to <a href="/projects/baby-john-residence/">/projects/baby-john-residence/</a>.</p></body></html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/projects/bar-council/"><link rel="canonical" href="https://www.artnouveau.in/projects/bar-council/"><title>Moved</title></head><body><p>Moved to <a href="/projects/bar-council/">/projects/bar-council/</a>.</p></body></html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/projects/biju-cherian-residence/"><link rel="canonical" href="https://www.artnouveau.in/projects/biju-cherian-residence/"><title>Moved</title></head><body><p>Moved to <a href="/projects/biju-cherian-residence/">/projects/biju-cherian-residence/</a>.</p></body></html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/projects/chokramudi-resort/"><link rel="canonical" href="https://www.artnouveau.in/projects/chokramudi-resort/"><title>Moved</title></head><body><p>Moved to <a href="/projects/chokramudi-resort/">/projects/chokramudi-resort/</a>.</p></body></html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/projects/chamathil-resort/"><link rel="canonical" href="https://www.artnouveau.in/projects/chamathil-resort/"><title>Moved</title></head><body><p>Moved to <a href="/projects/chamathil-resort/">/projects/chamathil-resort/</a>.</p></body></html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/projects/pamba-heritage-villa/"><link rel="canonical" href="https://www.artnouveau.in/projects/pamba-heritage-villa/"><title>Moved</title></head><body><p>Moved to <a href="/projects/pamba-heritage-villa/">/projects/pamba-heritage-villa/</a>.</p></body></html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/projects/jameson-jacob-residence/"><link rel="canonical" href="https://www.artnouveau.in/projects/jameson-jacob-residence/"><title>Moved</title></head><body><p>Moved to <a href="/projects/jameson-jacob-residence/">/projects/jameson-jacob-residence/</a>.</p></body></html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/projects/jaya-krishnan-residence/"><link rel="canonical" href="https://www.artnouveau.in/projects/jaya-krishnan-residence/"><title>Moved</title></head><body><p>Moved to <a href="/projects/jaya-krishnan-residence/">/projects/jaya-krishnan-residence/</a>.</p></body></html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/projects/jayakumar-residence/"><link rel="canonical" href="https://www.artnouveau.in/projects/jayakumar-residence/"><title>Moved</title></head><body><p>Moved to <a href="/projects/jayakumar-residence/">/projects/jayakumar-residence/</a>.</p></body></html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/projects/jayanthi-residence/"><link rel="canonical" href="https://www.artnouveau.in/projects/jayanthi-residence/"><title>Moved</title></head><body><p>Moved to <a href="/projects/jayanthi-residence/">/projects/jayanthi-residence/</a>.</p></body></html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/projects/life-planners/"><link rel="canonical" href="https://www.artnouveau.in/projects/life-planners/"><title>Moved</title></head><body><p>Moved to <a href="/projects/life-planners/">/projects/life-planners/</a>.</p></body></html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/projects/orion-county/"><link rel="canonical" href="https://www.artnouveau.in/projects/orion-county/"><title>Moved</title></head><body><p>Moved to <a href="/projects/orion-county/">/projects/orion-county/</a>.</p></body></html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/projects/p-c-mathew-residence/"><link rel="canonical" href="https://www.artnouveau.in/projects/p-c-mathew-residence/"><title>Moved</title></head><body><p>Moved to <a href="/projects/p-c-mathew-residence/">/projects/p-c-mathew-residence/</a>.</p></body></html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/projects/rajeev-varghese-residence/"><link rel="canonical" href="https://www.artnouveau.in/projects/rajeev-varghese-residence/"><title>Moved</title></head><body><p>Moved to <a href="/projects/rajeev-varghese-residence/">/projects/rajeev-varghese-residence/</a>.</p></body></html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/projects/santhosh-scaria-residence/"><link rel="canonical" href="https://www.artnouveau.in/projects/santhosh-scaria-residence/"><title>Moved</title></head><body><p>Moved to <a href="/projects/santhosh-scaria-residence/">/projects/santhosh-scaria-residence/</a>.</p></body></html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/projects/spice-forest/"><link rel="canonical" href="https://www.artnouveau.in/projects/spice-forest/"><title>Moved</title></head><body><p>Moved to <a href="/projects/spice-forest/">/projects/spice-forest/</a>.</p></body></html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/projects/mohammed-yusuf/"><link rel="canonical" href="https://www.artnouveau.in/projects/mohammed-yusuf/"><title>Moved</title></head><body><p>Moved to <a href="/projects/mohammed-yusuf/">/projects/mohammed-yusuf/</a>.</p></body></html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/projects/sherry-residence/"><link rel="canonical" href="https://www.artnouveau.in/projects/sherry-residence/"><title>Moved</title></head><body><p>Moved to <a href="/projects/sherry-residence/">/projects/sherry-residence/</a>.</p></body></html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/projects/st-sebastian-hospital/"><link rel="canonical" href="https://www.artnouveau.in/projects/st-sebastian-hospital/"><title>Moved</title></head><body><p>Moved to <a href="/projects/st-sebastian-hospital/">/projects/st-sebastian-hospital/</a>.</p></body></html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/projects/sunil-varghese-residence/"><link rel="canonical" href="https://www.artnouveau.in/projects/sunil-varghese-residence/"><title>Moved</title></head><body><p>Moved to <a href="/projects/sunil-varghese-residence/">/projects/sunil-varghese-residence/</a>.</p></body></html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/projects/thomas-t-residence/"><link rel="canonical" href="https://www.artnouveau.in/projects/thomas-t-residence/"><title>Moved</title></head><body><p>Moved to <a href="/projects/thomas-t-residence/">/projects/thomas-t-residence/</a>.</p></body></html>
|
||||
@ -0,0 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/projects/toggy-residence/"><link rel="canonical" href="https://www.artnouveau.in/projects/toggy-residence/"><title>Moved</title></head><body><p>Moved to <a href="/projects/toggy-residence/">/projects/toggy-residence/</a>.</p></body></html>
|
||||
@ -0,0 +1,207 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Achayan's Café — Hospitality, Alappuzha — Art.n Architects</title>
|
||||
<meta name="description" content="A café in Alappuzha where a covered side passage carries a large hand-painted portrait mural and Malayalam lettering in warm ochre tones, lit by wall la…">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/projects/achayans-cafe/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="Achayan's Café — Hospitality, Alappuzha — Art.n Architects">
|
||||
<meta property="og:description" content="A café in Alappuzha where a covered side passage carries a large hand-painted portrait mural and Malayalam lettering in warm ochre tones, lit by wall la…">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/projects/achayans-cafe/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/projects/achayans-cafe/01-1200.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
<link rel="stylesheet" href="/assets/vendor/glightbox.min.css">
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Projects","item":"https://www.artnouveau.in/projects/"},{"@type":"ListItem","position":2,"name":"Achayan's Café","item":"https://www.artnouveau.in/projects/achayans-cafe/"}]}</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/" aria-current="page">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="proj-hero wrap">
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/achayans-cafe/01-800.webp 800w, /assets/img/projects/achayans-cafe/01-1600.webp 1080w" sizes="92vw"><img src="/assets/img/projects/achayans-cafe/01-1200.jpg" width="1080" height="720" alt="A covered café side passage at dusk with a large hand-painted portrait mural and Malayalam calligraphy, potted saplings and brick paving." decoding="async" fetchpriority="high"></picture></div>
|
||||
</section>
|
||||
<section class="proj-title wrap">
|
||||
<span class="eyebrow">Hospitality — Alappuzha</span>
|
||||
<h1>Achayan's Café</h1>
|
||||
</section>
|
||||
<div class="wrap">
|
||||
<div class="proj-cols">
|
||||
<ul class="spec reveal">
|
||||
<li><span class="k">Category</span><span class="v">Hospitality</span></li>
|
||||
<li><span class="k">Client</span><span class="v">Heavenly Cups</span></li>
|
||||
<li><span class="k">Year</span><span class="v">2023</span></li>
|
||||
<li><span class="k">Place</span><span class="v">Alappuzha</span></li>
|
||||
<li><span class="k">Scope</span><span class="v">Architecture · Interiors</span></li>
|
||||
</ul>
|
||||
<div class="proj-blurb reveal">
|
||||
<p>A café in Alappuzha where a covered side passage carries a large hand-painted portrait mural and Malayalam lettering in warm ochre tones, lit by wall lanterns above brick paving. Inside, teak tables sit against patterned encaustic-tile wainscoting and doodle-covered walls under a web of exposed-bulb industrial fittings, with arched steel windows and a white jali screen framing the space.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery">
|
||||
<a href="/assets/img/projects/achayans-cafe/02-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Achayan's Café — 02">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/achayans-cafe/02-800.webp 800w, /assets/img/projects/achayans-cafe/02-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/achayans-cafe/02-1200.jpg" width="1080" height="720" alt="Achayan's Café — photograph 2" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/achayans-cafe/03-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Achayan's Café — 03">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/achayans-cafe/03-800.webp 800w, /assets/img/projects/achayans-cafe/03-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/achayans-cafe/03-1200.jpg" width="1080" height="720" alt="Achayan's Café — photograph 3" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/achayans-cafe/04-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Achayan's Café — 04">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/achayans-cafe/04-800.webp 800w, /assets/img/projects/achayans-cafe/04-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/achayans-cafe/04-1200.jpg" width="1080" height="767" alt="Achayan's Café — photograph 4" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/achayans-cafe/05-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Achayan's Café — 05">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/achayans-cafe/05-800.webp 800w, /assets/img/projects/achayans-cafe/05-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/achayans-cafe/05-1200.jpg" width="1080" height="819" alt="Achayan's Café — photograph 5" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/achayans-cafe/06-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Achayan's Café — 06">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/achayans-cafe/06-800.webp 800w, /assets/img/projects/achayans-cafe/06-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/achayans-cafe/06-1200.jpg" width="1080" height="720" alt="Achayan's Café — photograph 6" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/achayans-cafe/07-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Achayan's Café — 07">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/achayans-cafe/07-800.webp 720w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/achayans-cafe/07-1200.jpg" width="720" height="1080" alt="Achayan's Café — photograph 7" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/achayans-cafe/08-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Achayan's Café — 08">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/achayans-cafe/08-800.webp 720w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/achayans-cafe/08-1200.jpg" width="720" height="1080" alt="Achayan's Café — photograph 8" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/achayans-cafe/09-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Achayan's Café — 09">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/achayans-cafe/09-800.webp 800w, /assets/img/projects/achayans-cafe/09-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/achayans-cafe/09-1200.jpg" width="1080" height="720" alt="Achayan's Café — photograph 9" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/achayans-cafe/10-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Achayan's Café — 10">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/achayans-cafe/10-800.webp 720w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/achayans-cafe/10-1200.jpg" width="720" height="1080" alt="Achayan's Café — photograph 10" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/achayans-cafe/11-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Achayan's Café — 11">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/achayans-cafe/11-800.webp 800w, /assets/img/projects/achayans-cafe/11-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/achayans-cafe/11-1200.jpg" width="1080" height="720" alt="Achayan's Café — photograph 11" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/achayans-cafe/12-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Achayan's Café — 12">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/achayans-cafe/12-800.webp 800w, /assets/img/projects/achayans-cafe/12-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/achayans-cafe/12-1200.jpg" width="1080" height="720" alt="Achayan's Café — photograph 12" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/achayans-cafe/13-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Achayan's Café — 13">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/achayans-cafe/13-800.webp 799w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/achayans-cafe/13-1200.jpg" width="799" height="1080" alt="Achayan's Café — photograph 13" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/achayans-cafe/14-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Achayan's Café — 14">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/achayans-cafe/14-800.webp 800w, /assets/img/projects/achayans-cafe/14-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/achayans-cafe/14-1200.jpg" width="1080" height="870" alt="Achayan's Café — photograph 14" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/achayans-cafe/15-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Achayan's Café — 15">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/achayans-cafe/15-800.webp 720w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/achayans-cafe/15-1200.jpg" width="720" height="1080" alt="Achayan's Café — photograph 15" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/achayans-cafe/16-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Achayan's Café — 16">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/achayans-cafe/16-800.webp 720w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/achayans-cafe/16-1200.jpg" width="720" height="1080" alt="Achayan's Café — photograph 16" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/achayans-cafe/17-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Achayan's Café — 17">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/achayans-cafe/17-800.webp 720w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/achayans-cafe/17-1200.jpg" width="720" height="1080" alt="Achayan's Café — photograph 17" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/achayans-cafe/18-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Achayan's Café — 18">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/achayans-cafe/18-800.webp 800w, /assets/img/projects/achayans-cafe/18-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/achayans-cafe/18-1200.jpg" width="1080" height="720" alt="Achayan's Café — photograph 18" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/achayans-cafe/19-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Achayan's Café — 19">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/achayans-cafe/19-800.webp 800w, /assets/img/projects/achayans-cafe/19-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/achayans-cafe/19-1200.jpg" width="1080" height="720" alt="Achayan's Café — photograph 19" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/achayans-cafe/20-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Achayan's Café — 20">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/achayans-cafe/20-800.webp 720w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/achayans-cafe/20-1200.jpg" width="720" height="1080" alt="Achayan's Café — photograph 20" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/achayans-cafe/21-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Achayan's Café — 21">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/achayans-cafe/21-800.webp 720w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/achayans-cafe/21-1200.jpg" width="720" height="1080" alt="Achayan's Café — photograph 21" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/achayans-cafe/22-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Achayan's Café — 22">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/achayans-cafe/22-800.webp 800w, /assets/img/projects/achayans-cafe/22-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/achayans-cafe/22-1200.jpg" width="1080" height="720" alt="Achayan's Café — photograph 22" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/achayans-cafe/23-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Achayan's Café — 23">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/achayans-cafe/23-800.webp 800w, /assets/img/projects/achayans-cafe/23-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/achayans-cafe/23-1200.jpg" width="1080" height="720" alt="Achayan's Café — photograph 23" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/achayans-cafe/24-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Achayan's Café — 24">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/achayans-cafe/24-800.webp 800w, /assets/img/projects/achayans-cafe/24-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/achayans-cafe/24-1200.jpg" width="1080" height="720" alt="Achayan's Café — photograph 24" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/achayans-cafe/25-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Achayan's Café — 25">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/achayans-cafe/25-800.webp 800w, /assets/img/projects/achayans-cafe/25-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/achayans-cafe/25-1200.jpg" width="1080" height="720" alt="Achayan's Café — photograph 25" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav class="proj-nav" aria-label="More projects">
|
||||
<a href="/projects/vsaffron-regency/"><span class="eyebrow">previous</span><span class="name u">Vsaffron Regency</span></a>
|
||||
<a class="next" href="/projects/artn-studio/"><span class="eyebrow">next</span><span class="name u">Art.n Studio</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">Planning something like this? <em>Let us draw it with you.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/vendor/glightbox.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,314 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Architecture projects — Art.n Architects</title>
|
||||
<meta name="description" content="Architecture portfolio of Art.n Architects: residences, resorts, hospitals and institutional buildings across Kerala.">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/projects/architecture/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="Architecture projects — Art.n Architects">
|
||||
<meta property="og:description" content="Architecture portfolio of Art.n Architects: residences, resorts, hospitals and institutional buildings across Kerala.">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/projects/architecture/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/og.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/" aria-current="page">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="page-head wrap">
|
||||
<span class="eyebrow reveal">32 projects</span>
|
||||
<h1 class="reveal">Architecture</h1>
|
||||
<p class="lede reveal">Buildings designed from the ground up — concept, statutory drawings and detail for Kerala's climate and way of living.</p>
|
||||
<div class="filters reveal">
|
||||
<a href="/projects/">all work</a>
|
||||
<a href="/projects/architecture/" aria-current="page">architecture</a>
|
||||
<a href="/projects/interiors/">interiors</a>
|
||||
<a href="/projects/pmc/">project management</a>
|
||||
</div>
|
||||
</section>
|
||||
<section class="wrap">
|
||||
<div class="flow">
|
||||
<a class="piece reveal" href="/projects/achayans-cafe/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/achayans-cafe/01-800.webp 800w, /assets/img/projects/achayans-cafe/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 66vw"><img src="/assets/img/projects/achayans-cafe/01-1200.jpg" width="1080" height="720" alt="A covered café side passage at dusk with a large hand-painted portrait mural and Malayalam calligraphy, potted saplings and brick paving." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Achayan's Café</span><span class="where">Alappuzha</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/artn-studio/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/artn-studio/10-800.webp 800w, /assets/img/projects/artn-studio/10-1600.webp 820w" sizes="(max-width:860px) 100vw, 33vw"><img src="/assets/img/projects/artn-studio/10-1200.jpg" width="820" height="545" alt="Our studio's daylit entrance hall with glass-walled cabins, a folded white staircase against an exposed-brick wall and a polished terrazzo floor." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Art.n Studio</span><span class="where">Changanacherry</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/baby-john-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/08-800.webp 719w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/baby-john-residence/08-1200.jpg" width="719" height="1080" alt="A bright double-height living hall with grey sofas, a black floating staircase and a glass-railed upper gallery under tall sliding windows." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Baby John Residence</span><span class="where">Residential</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/bar-council/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/bar-council/01-800.webp 800w, /assets/img/projects/bar-council/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/bar-council/01-1200.jpg" width="1080" height="608" alt="Render of a slim multi-storey white institutional building with vertical fins, an entrance canopy and an Indian flag at the front court." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Bar Council of Kerala</span><span class="where">Ernakulam</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/biju-cherian-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/biju-cherian-residence/06-800.webp 800w, /assets/img/projects/biju-cherian-residence/06-1600.webp 1600w" sizes="(max-width:860px) 100vw, 66vw"><img src="/assets/img/projects/biju-cherian-residence/06-1200.jpg" width="1200" height="675" alt="Dusk render of a two-storey Kerala-style house with layered clay-tile gables and exposed-brick walls behind a landscaped garden." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Biju Cherian Residence</span><span class="where">Pathanadu</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/chamathil-resort/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/chamathil-resort/04-800.webp 800w, /assets/img/projects/chamathil-resort/04-1600.webp 1600w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/chamathil-resort/04-1200.jpg" width="1200" height="675" alt="Render of a multi-storey hillside resort with an angular white portal-frame roof and diamond-shaped green living-wall panels across a glazed facade." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Chamathil Resort</span><span class="where">Thiruvananthapuram</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/chokramudi-resort/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/chokramudi-resort/01-800.webp 800w, /assets/img/projects/chokramudi-resort/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 66vw"><img src="/assets/img/projects/chokramudi-resort/01-1200.jpg" width="1080" height="720" alt="A row of tiled-roof resort cottages stepping along a terraced hillside above a forested valley, with a pool and landscaped path alongside." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Chokramudi Resort</span><span class="where">Bison Valley, Idukki</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/green-dine/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/green-dine/02-800.webp 800w, /assets/img/projects/green-dine/02-1600.webp 1600w" sizes="(max-width:860px) 100vw, 33vw"><img src="/assets/img/projects/green-dine/02-1200.jpg" width="1200" height="800" alt="Restaurant dining room with dark-wood tables under globe pendant lights and full-height glazing opening to green foliage." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Green Dine</span><span class="where">Edakkunnam, Mundakkayam</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/indu-vinod-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/indu-vinod-residence/01-800.webp 800w, /assets/img/projects/indu-vinod-residence/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/indu-vinod-residence/01-1200.jpg" width="1080" height="608" alt="Architectural rendering of a two-storey house with white walls, exposed-brick piers and a timber-trussed gable, a car parked under the side carport." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Indu & Vinod Residence</span><span class="where">Kottayam</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/jameson-jacob-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/jameson-jacob-residence/01-800.webp 800w, /assets/img/projects/jameson-jacob-residence/01-1600.webp 820w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/jameson-jacob-residence/01-1200.jpg" width="820" height="461" alt="Architectural rendering of a contemporary flat-roofed house with white volumes and brick and timber-louvered screens, cars parked under a side porch." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Jameson Jacob Residence</span><span class="where">Changanacherry</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/jaya-krishnan-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/jaya-krishnan-residence/03-800.webp 800w, /assets/img/projects/jaya-krishnan-residence/03-1600.webp 820w" sizes="(max-width:860px) 100vw, 66vw"><img src="/assets/img/projects/jaya-krishnan-residence/03-1200.jpg" width="820" height="461" alt="Architectural rendering of a two-storey house with layered clay-tiled roofs and exposed-brick bays, a carport to one side and a cyclist passing on the street." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Jaya Krishnan Residence</span><span class="where">Kakkanad</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/jayakumar-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/jayakumar-residence/01-800.webp 800w, /assets/img/projects/jayakumar-residence/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/jayakumar-residence/01-1200.jpg" width="1080" height="720" alt="Two-storey white house with grey tiled roofs and stone-clad bays behind a broad cobbled forecourt lined with palms, a vehicle parked under the porch." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Jayakumar Residence</span><span class="where">Kanjirappally</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/jayanthi-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/jayanthi-residence/01-800.webp 800w, /assets/img/projects/jayanthi-residence/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 66vw"><img src="/assets/img/projects/jayanthi-residence/01-1200.jpg" width="1080" height="950" alt="White two-storey residence composed of stacked flat-roofed volumes with a cantilevered glass-railed balcony above a shaded carport." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Jayanthi Residence</span><span class="where">Kottayam</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/life-planners/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/life-planners/01-800.webp 748w" sizes="(max-width:860px) 100vw, 33vw"><img src="/assets/img/projects/life-planners/01-1200.jpg" width="748" height="495" alt="Institute reception desk under a warm wood-slat ceiling with copper leaf-shaped pendants, a textured grey counter with a cut-out logo, and a glass entrance door." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Life Planners Institute</span><span class="where">Kottayam</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/lifeline-hospital/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/lifeline-hospital/06-800.webp 800w, /assets/img/projects/lifeline-hospital/06-1600.webp 1280w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/lifeline-hospital/06-1200.jpg" width="1200" height="673" alt="Wood-panelled hospital patient room with a bed, wall-mounted TV and a glazed door opening to a small balcony framed by greenery." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Lifeline Hospital</span><span class="where">Healthcare</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/mappilasherry-tharavadu/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/mappilasherry-tharavadu/04-800.webp 800w, /assets/img/projects/mappilasherry-tharavadu/04-1600.webp 1080w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/mappilasherry-tharavadu/04-1200.jpg" width="1080" height="720" alt="Traditional Kerala tharavadu with a terracotta-tiled hipped roof and columned verandah, fronted by a black-and-white checkerboard paved courtyard and a mango tree." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Mappilasherry Tharavadu</span><span class="where">Residential</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/mohammed-yusuf/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/mohammed-yusuf/03-800.webp 800w, /assets/img/projects/mohammed-yusuf/03-1600.webp 1080w" sizes="(max-width:860px) 100vw, 66vw"><img src="/assets/img/projects/mohammed-yusuf/03-1200.jpg" width="1080" height="608" alt="Dusk rendering of a three-storey commercial building with a vertical timber-louvred upper floor glowing with warm light, raised over an open ground-floor parking level." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Mohammed Yusuf Building</span><span class="where">Vandiperiyar</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/orion-county/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/orion-county/01-800.webp 800w, /assets/img/projects/orion-county/01-1600.webp 1282w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/orion-county/01-1200.jpg" width="1200" height="801" alt="Resort building with red tiled roofs reflected in a still lake, backed by green tea-covered hills in soft morning light." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Orion County</span><span class="where">Idukki</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/p-c-mathew-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/p-c-mathew-residence/01-800.webp 800w, /assets/img/projects/p-c-mathew-residence/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 66vw"><img src="/assets/img/projects/p-c-mathew-residence/01-1200.jpg" width="1080" height="620" alt="The Mathew residence at dusk, its laterite and dark-stone facade and timber-louvered shutters glowing with warm interior light behind a deep verandah." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">P. C. Mathew Residence</span><span class="where">Alappuzha</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/p-t-thampi-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/p-t-thampi-residence/01-800.webp 800w, /assets/img/projects/p-t-thampi-residence/01-1600.webp 1600w" sizes="(max-width:860px) 100vw, 33vw"><img src="/assets/img/projects/p-t-thampi-residence/01-1200.jpg" width="1200" height="662" alt="The Thampi residence at dusk, its pitched clay-tile roofs and verandahs lit from within above a landscaped, lamp-lined garden." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">P. T. Thampi Residence</span><span class="where">Kumily</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/pamba-heritage-villa/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/pamba-heritage-villa/01-800.webp 800w, /assets/img/projects/pamba-heritage-villa/01-1600.webp 1000w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/pamba-heritage-villa/01-1200.jpg" width="1000" height="750" alt="The Pamba Heritage Villa seen from the water, its tiered clay-tile roofs and timber verandahs rising behind a stone embankment lined with coconut palms." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Pamba Heritage Villa</span><span class="where">Nedumudi</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/rajeev-varghese-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/rajeev-varghese-residence/01-800.webp 800w, /assets/img/projects/rajeev-varghese-residence/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/rajeev-varghese-residence/01-1200.jpg" width="1080" height="608" alt="Dusk rendering of the Rajeev Varghese house, a three-storey home with cantilevered timber-lined balconies stepping down a hillside above a stone gabion wall." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Rajeev Varghese Residence</span><span class="where">Pathanamthitta</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/santhosh-scaria-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/santhosh-scaria-residence/01-800.webp 800w, /assets/img/projects/santhosh-scaria-residence/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 66vw"><img src="/assets/img/projects/santhosh-scaria-residence/01-1200.jpg" width="1080" height="733" alt="The Santhosh Scaria residence at dusk, its dark tiled roofs and curved verandah lit by warm facade uplighting along a paved courtyard." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Santhosh Scaria Residence</span><span class="where">Residential</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/sb-indoor-stadium/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/sb-indoor-stadium/05-800.webp 800w, /assets/img/projects/sb-indoor-stadium/05-1600.webp 1080w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/sb-indoor-stadium/05-1200.jpg" width="1080" height="727" alt="The timber basketball court inside the SB College stadium, lit by clerestory windows beneath a curved steel-truss roof, with brick walls and tiered seating painted yellow, blue and red." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">SB College Indoor Stadium</span><span class="where">Changanacherry</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/sb-souvenir-shop/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/sb-souvenir-shop/01-800.webp 800w, /assets/img/projects/sb-souvenir-shop/01-1600.webp 1225w" sizes="(max-width:860px) 100vw, 66vw"><img src="/assets/img/projects/sb-souvenir-shop/01-1200.jpg" width="1200" height="800" alt="Glass-walled campus souvenir shop under a tiled hip roof, framed by a large tree with children seated on the steps to the right." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">SB College Souvenir Shop</span><span class="where">Changanacherry</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/sherry-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/sherry-residence/04-800.webp 600w" sizes="(max-width:860px) 100vw, 33vw"><img src="/assets/img/projects/sherry-residence/04-1200.jpg" width="600" height="400" alt="Double-height living hall with a curving open timber staircase and leather sofas on a polished marble floor." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Sherry Residence</span><span class="where">Edathua</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/st-sebastian-hospital/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/st-sebastian-hospital/03-800.webp 800w, /assets/img/projects/st-sebastian-hospital/03-1600.webp 1080w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/st-sebastian-hospital/03-1200.jpg" width="1080" height="885" alt="The curved red-brick and white front facade of St. Sebastian Hospital with a glazed entrance canopy under an overcast sky." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">St. Sebastian Hospital</span><span class="where">Arthunkal</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/sunil-varghese-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/sunil-varghese-residence/01-800.webp 800w, /assets/img/projects/sunil-varghese-residence/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/sunil-varghese-residence/01-1200.jpg" width="1080" height="720" alt="A contemporary two-storey house with white render and stone-clad panels above a brick-and-stone paved courtyard." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Sunil Varghese Residence</span><span class="where">Residential</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/thomas-t-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/thomas-t-residence/05-800.webp 800w, /assets/img/projects/thomas-t-residence/05-1600.webp 887w" sizes="(max-width:860px) 100vw, 66vw"><img src="/assets/img/projects/thomas-t-residence/05-1200.jpg" width="887" height="1080" alt="The house at dusk, its timber-framed entrance porch glowing with warm light beneath a cantilevered upper floor and silhouetted palms." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Thomas T. Residence</span><span class="where">Thiruvalla</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/toggy-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/toggy-residence/01-800.webp 800w, /assets/img/projects/toggy-residence/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/toggy-residence/01-1200.jpg" width="1080" height="720" alt="Front elevation of the Toggy Residence showing grey clay-tiled gabled roofs, white and exposed-laterite walls, and an open veranda facing a paved courtyard under an overcast sky." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Toggy Residence</span><span class="where">Changanacherry</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/tony-kallukalam/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/tony-kallukalam/02-800.webp 800w, /assets/img/projects/tony-kallukalam/02-1600.webp 1080w" sizes="(max-width:860px) 100vw, 66vw"><img src="/assets/img/projects/tony-kallukalam/02-1200.jpg" width="1080" height="608" alt="Dusk architectural rendering of the Kallukalam Plaza retail building, its glazed stair tower and faceted screen wall lit against a twilight sky above a wet street." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Tony Kallukalam Commercial</span><span class="where">Changanacherry</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/vsaffron-regency/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/vsaffron-regency/01-800.webp 800w, /assets/img/projects/vsaffron-regency/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 33vw"><img src="/assets/img/projects/vsaffron-regency/01-1200.jpg" width="1080" height="644" alt="Street elevation of the Vsaffron Regency, a three-storey building with blue-tinted windows and a branded entrance canopy under a blue sky." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Vsaffron Regency</span><span class="where">Commercial</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">A site, a brief, or just a first idea — <em>bring it to the table.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,158 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Art.n Studio — Our Office — Commercial, Changanacherry — Art.n Architects</title>
|
||||
<meta name="description" content="Our studio occupies a two-storey building in Changanacherry of exposed brick and white plaster, screened by terracotta jali. Inside, glass-partitioned c…">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/projects/artn-studio/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="Art.n Studio — Our Office — Commercial, Changanacherry — Art.n Architects">
|
||||
<meta property="og:description" content="Our studio occupies a two-storey building in Changanacherry of exposed brick and white plaster, screened by terracotta jali. Inside, glass-partitioned c…">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/projects/artn-studio/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/projects/artn-studio/10-1200.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
<link rel="stylesheet" href="/assets/vendor/glightbox.min.css">
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Projects","item":"https://www.artnouveau.in/projects/"},{"@type":"ListItem","position":2,"name":"Art.n Studio — Our Office","item":"https://www.artnouveau.in/projects/artn-studio/"}]}</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/" aria-current="page">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="proj-hero wrap">
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/artn-studio/10-800.webp 800w, /assets/img/projects/artn-studio/10-1600.webp 820w" sizes="92vw"><img src="/assets/img/projects/artn-studio/10-1200.jpg" width="820" height="545" alt="Our studio's daylit entrance hall with glass-walled cabins, a folded white staircase against an exposed-brick wall and a polished terrazzo floor." decoding="async" fetchpriority="high"></picture></div>
|
||||
</section>
|
||||
<section class="proj-title wrap">
|
||||
<span class="eyebrow">Commercial — Changanacherry</span>
|
||||
<h1>Art.n Studio — Our Office</h1>
|
||||
</section>
|
||||
<div class="wrap">
|
||||
<div class="proj-cols">
|
||||
<ul class="spec reveal">
|
||||
<li><span class="k">Category</span><span class="v">Commercial</span></li>
|
||||
<li><span class="k">Year</span><span class="v">2020</span></li>
|
||||
<li><span class="k">Place</span><span class="v">Changanacherry</span></li>
|
||||
<li><span class="k">Scope</span><span class="v">Architecture · Interiors</span></li>
|
||||
</ul>
|
||||
<div class="proj-blurb reveal">
|
||||
<p>Our studio occupies a two-storey building in Changanacherry of exposed brick and white plaster, screened by terracotta jali. Inside, glass-partitioned cabins open off an entrance hall where a folded white staircase climbs against a brick feature wall over a polished terrazzo floor, daylit through full-height glazing.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery">
|
||||
<a href="/assets/img/projects/artn-studio/02-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Art.n Studio — Our Office — 02">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/artn-studio/02-800.webp 800w, /assets/img/projects/artn-studio/02-1600.webp 970w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/artn-studio/02-1200.jpg" width="970" height="808" alt="Art.n Studio — Our Office — photograph 2" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/artn-studio/03-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Art.n Studio — Our Office — 03">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/artn-studio/03-800.webp 800w, /assets/img/projects/artn-studio/03-1600.webp 1477w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/artn-studio/03-1200.jpg" width="1200" height="799" alt="Art.n Studio — Our Office — photograph 3" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/artn-studio/04-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Art.n Studio — Our Office — 04">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/artn-studio/04-800.webp 800w, /assets/img/projects/artn-studio/04-1600.webp 1304w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/artn-studio/04-1200.jpg" width="1200" height="905" alt="Art.n Studio — Our Office — photograph 4" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/artn-studio/05-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Art.n Studio — Our Office — 05">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/artn-studio/05-800.webp 679w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/artn-studio/05-1200.jpg" width="679" height="454" alt="Art.n Studio — Our Office — photograph 5" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/artn-studio/06-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Art.n Studio — Our Office — 06">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/artn-studio/06-800.webp 800w, /assets/img/projects/artn-studio/06-1600.webp 820w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/artn-studio/06-1200.jpg" width="820" height="787" alt="Art.n Studio — Our Office — photograph 6" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/artn-studio/07-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Art.n Studio — Our Office — 07">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/artn-studio/07-800.webp 546w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/artn-studio/07-1200.jpg" width="546" height="820" alt="Art.n Studio — Our Office — photograph 7" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/artn-studio/08-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Art.n Studio — Our Office — 08">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/artn-studio/08-800.webp 800w, /assets/img/projects/artn-studio/08-1600.webp 820w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/artn-studio/08-1200.jpg" width="820" height="537" alt="Art.n Studio — Our Office — photograph 8" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/artn-studio/09-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Art.n Studio — Our Office — 09">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/artn-studio/09-800.webp 545w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/artn-studio/09-1200.jpg" width="545" height="820" alt="Art.n Studio — Our Office — photograph 9" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav class="proj-nav" aria-label="More projects">
|
||||
<a href="/projects/achayans-cafe/"><span class="eyebrow">previous</span><span class="name u">Achayan's Café</span></a>
|
||||
<a class="next" href="/projects/baby-john-residence/"><span class="eyebrow">next</span><span class="name u">Baby John Residence</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">Planning something like this? <em>Let us draw it with you.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/vendor/glightbox.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,242 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Baby John Residence — Residential — Art.n Architects</title>
|
||||
<meta name="description" content="A two-storey family home organised around a double-height living hall, where a black steel-and-timber floating stair rises past a glass-railed gallery b…">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/projects/baby-john-residence/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="Baby John Residence — Residential — Art.n Architects">
|
||||
<meta property="og:description" content="A two-storey family home organised around a double-height living hall, where a black steel-and-timber floating stair rises past a glass-railed gallery b…">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/projects/baby-john-residence/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/projects/baby-john-residence/08-1200.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
<link rel="stylesheet" href="/assets/vendor/glightbox.min.css">
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Projects","item":"https://www.artnouveau.in/projects/"},{"@type":"ListItem","position":2,"name":"Baby John Residence","item":"https://www.artnouveau.in/projects/baby-john-residence/"}]}</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/" aria-current="page">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="proj-hero wrap">
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/08-800.webp 719w" sizes="92vw"><img src="/assets/img/projects/baby-john-residence/08-1200.jpg" width="719" height="1080" alt="A bright double-height living hall with grey sofas, a black floating staircase and a glass-railed upper gallery under tall sliding windows." decoding="async" fetchpriority="high"></picture></div>
|
||||
</section>
|
||||
<section class="proj-title wrap">
|
||||
<span class="eyebrow">Residential</span>
|
||||
<h1>Baby John Residence</h1>
|
||||
</section>
|
||||
<div class="wrap">
|
||||
<div class="proj-cols">
|
||||
<ul class="spec reveal">
|
||||
<li><span class="k">Category</span><span class="v">Residential</span></li>
|
||||
<li><span class="k">Client</span><span class="v">Mr. Baby John</span></li>
|
||||
<li><span class="k">Year</span><span class="v">2021</span></li>
|
||||
<li><span class="k">Scope</span><span class="v">Architecture · Interiors</span></li>
|
||||
</ul>
|
||||
<div class="proj-blurb reveal">
|
||||
<p>A two-storey family home organised around a double-height living hall, where a black steel-and-timber floating stair rises past a glass-railed gallery beneath a bank of sliding windows. Pale polished floors and grey upholstery keep the interiors calm, offset by teak joinery in the dining area and bedrooms; outside, white walls and a terracotta-toned accent block sit under low grey-tiled roofs.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery">
|
||||
<a href="/assets/img/projects/baby-john-residence/01-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 02">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/01-800.webp 800w, /assets/img/projects/baby-john-residence/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/01-1200.jpg" width="1080" height="719" alt="Baby John Residence — photograph 2" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/02-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 03">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/02-800.webp 800w, /assets/img/projects/baby-john-residence/02-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/02-1200.jpg" width="1080" height="719" alt="Baby John Residence — photograph 3" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/03-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 04">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/03-800.webp 800w, /assets/img/projects/baby-john-residence/03-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/03-1200.jpg" width="1080" height="719" alt="Baby John Residence — photograph 4" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/04-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 05">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/04-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/04-1200.jpg" width="719" height="1080" alt="Baby John Residence — photograph 5" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/05-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 06">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/05-800.webp 800w, /assets/img/projects/baby-john-residence/05-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/05-1200.jpg" width="1080" height="719" alt="Baby John Residence — photograph 6" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/06-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 07">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/06-800.webp 800w, /assets/img/projects/baby-john-residence/06-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/06-1200.jpg" width="1080" height="719" alt="Baby John Residence — photograph 7" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/07-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 08">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/07-800.webp 800w, /assets/img/projects/baby-john-residence/07-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/07-1200.jpg" width="1080" height="719" alt="Baby John Residence — photograph 8" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/09-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 09">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/09-800.webp 800w, /assets/img/projects/baby-john-residence/09-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/09-1200.jpg" width="1080" height="719" alt="Baby John Residence — photograph 9" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/10-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 10">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/10-800.webp 800w, /assets/img/projects/baby-john-residence/10-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/10-1200.jpg" width="1080" height="719" alt="Baby John Residence — photograph 10" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/11-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 11">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/11-800.webp 800w, /assets/img/projects/baby-john-residence/11-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/11-1200.jpg" width="1080" height="719" alt="Baby John Residence — photograph 11" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/12-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 12">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/12-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/12-1200.jpg" width="719" height="1080" alt="Baby John Residence — photograph 12" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/13-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 13">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/13-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/13-1200.jpg" width="719" height="1080" alt="Baby John Residence — photograph 13" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/14-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 14">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/14-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/14-1200.jpg" width="719" height="1080" alt="Baby John Residence — photograph 14" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/15-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 15">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/15-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/15-1200.jpg" width="719" height="1080" alt="Baby John Residence — photograph 15" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/16-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 16">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/16-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/16-1200.jpg" width="719" height="1080" alt="Baby John Residence — photograph 16" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/17-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 17">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/17-800.webp 800w, /assets/img/projects/baby-john-residence/17-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/17-1200.jpg" width="1080" height="745" alt="Baby John Residence — photograph 17" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/18-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 18">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/18-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/18-1200.jpg" width="719" height="1080" alt="Baby John Residence — photograph 18" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/19-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 19">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/19-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/19-1200.jpg" width="719" height="1080" alt="Baby John Residence — photograph 19" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/20-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 20">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/20-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/20-1200.jpg" width="719" height="1080" alt="Baby John Residence — photograph 20" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/21-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 21">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/21-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/21-1200.jpg" width="719" height="1080" alt="Baby John Residence — photograph 21" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/22-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 22">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/22-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/22-1200.jpg" width="719" height="1080" alt="Baby John Residence — photograph 22" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/23-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 23">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/23-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/23-1200.jpg" width="719" height="1080" alt="Baby John Residence — photograph 23" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/24-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 24">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/24-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/24-1200.jpg" width="719" height="1080" alt="Baby John Residence — photograph 24" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/25-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 25">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/25-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/25-1200.jpg" width="719" height="1080" alt="Baby John Residence — photograph 25" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/26-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 26">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/26-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/26-1200.jpg" width="719" height="1080" alt="Baby John Residence — photograph 26" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/27-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 27">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/27-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/27-1200.jpg" width="719" height="1080" alt="Baby John Residence — photograph 27" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/28-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 28">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/28-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/28-1200.jpg" width="719" height="1080" alt="Baby John Residence — photograph 28" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/29-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 29">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/29-800.webp 800w, /assets/img/projects/baby-john-residence/29-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/29-1200.jpg" width="1080" height="719" alt="Baby John Residence — photograph 29" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/30-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 30">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/30-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/30-1200.jpg" width="719" height="1080" alt="Baby John Residence — photograph 30" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/31-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 31">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/31-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/31-1200.jpg" width="719" height="1080" alt="Baby John Residence — photograph 31" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/32-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 32">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/32-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/32-1200.jpg" width="719" height="1080" alt="Baby John Residence — photograph 32" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/33-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 33">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/33-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/33-1200.jpg" width="719" height="1080" alt="Baby John Residence — photograph 33" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/34-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 34">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/34-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/34-1200.jpg" width="719" height="1080" alt="Baby John Residence — photograph 34" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/35-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 35">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/35-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/35-1200.jpg" width="719" height="1080" alt="Baby John Residence — photograph 35" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/36-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 36">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/36-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/36-1200.jpg" width="719" height="1080" alt="Baby John Residence — photograph 36" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/baby-john-residence/37-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Baby John Residence — 37">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/37-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/baby-john-residence/37-1200.jpg" width="719" height="1080" alt="Baby John Residence — photograph 37" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav class="proj-nav" aria-label="More projects">
|
||||
<a href="/projects/artn-studio/"><span class="eyebrow">previous</span><span class="name u">Art.n Studio</span></a>
|
||||
<a class="next" href="/projects/bar-council/"><span class="eyebrow">next</span><span class="name u">Bar Council of Kerala</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">Planning something like this? <em>Let us draw it with you.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/vendor/glightbox.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,153 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Bar Council of Kerala — Institutional, Ernakulam — Art.n Architects</title>
|
||||
<meta name="description" content="A design for the Bar Council of Kerala in Ernakulam, presented as renders: a slim multi-storey block in white, with slender vertical fins framing recess…">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/projects/bar-council/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="Bar Council of Kerala — Institutional, Ernakulam — Art.n Architects">
|
||||
<meta property="og:description" content="A design for the Bar Council of Kerala in Ernakulam, presented as renders: a slim multi-storey block in white, with slender vertical fins framing recess…">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/projects/bar-council/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/projects/bar-council/01-1200.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
<link rel="stylesheet" href="/assets/vendor/glightbox.min.css">
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Projects","item":"https://www.artnouveau.in/projects/"},{"@type":"ListItem","position":2,"name":"Bar Council of Kerala","item":"https://www.artnouveau.in/projects/bar-council/"}]}</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/" aria-current="page">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="proj-hero wrap">
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/bar-council/01-800.webp 800w, /assets/img/projects/bar-council/01-1600.webp 1080w" sizes="92vw"><img src="/assets/img/projects/bar-council/01-1200.jpg" width="1080" height="608" alt="Render of a slim multi-storey white institutional building with vertical fins, an entrance canopy and an Indian flag at the front court." decoding="async" fetchpriority="high"></picture></div>
|
||||
</section>
|
||||
<section class="proj-title wrap">
|
||||
<span class="eyebrow">Institutional — Ernakulam</span>
|
||||
<h1>Bar Council of Kerala</h1>
|
||||
</section>
|
||||
<div class="wrap">
|
||||
<div class="proj-cols">
|
||||
<ul class="spec reveal">
|
||||
<li><span class="k">Category</span><span class="v">Institutional</span></li>
|
||||
<li><span class="k">Client</span><span class="v">Bar Council</span></li>
|
||||
<li><span class="k">Year</span><span class="v">2020</span></li>
|
||||
<li><span class="k">Place</span><span class="v">Ernakulam</span></li>
|
||||
<li><span class="k">Scope</span><span class="v">Architecture</span></li>
|
||||
</ul>
|
||||
<div class="proj-blurb reveal">
|
||||
<p>A design for the Bar Council of Kerala in Ernakulam, presented as renders: a slim multi-storey block in white, with slender vertical fins framing recessed window bays and a flag court at the entrance. Inside, curved timber reception desks and a wood-slatted feature column stand against pale terrazzo, with simple twin-bedded rooms on the upper floors.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery">
|
||||
<a href="/assets/img/projects/bar-council/02-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Bar Council of Kerala — 02">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/bar-council/02-800.webp 800w, /assets/img/projects/bar-council/02-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/bar-council/02-1200.jpg" width="1080" height="608" alt="Bar Council of Kerala — photograph 2" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/bar-council/03-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Bar Council of Kerala — 03">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/bar-council/03-800.webp 800w, /assets/img/projects/bar-council/03-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/bar-council/03-1200.jpg" width="1080" height="608" alt="Bar Council of Kerala — photograph 3" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/bar-council/04-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Bar Council of Kerala — 04">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/bar-council/04-800.webp 800w, /assets/img/projects/bar-council/04-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/bar-council/04-1200.jpg" width="1080" height="608" alt="Bar Council of Kerala — photograph 4" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/bar-council/05-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Bar Council of Kerala — 05">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/bar-council/05-800.webp 800w, /assets/img/projects/bar-council/05-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/bar-council/05-1200.jpg" width="1080" height="608" alt="Bar Council of Kerala — photograph 5" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/bar-council/06-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Bar Council of Kerala — 06">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/bar-council/06-800.webp 800w, /assets/img/projects/bar-council/06-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/bar-council/06-1200.jpg" width="1080" height="608" alt="Bar Council of Kerala — photograph 6" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/bar-council/07-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Bar Council of Kerala — 07">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/bar-council/07-800.webp 800w, /assets/img/projects/bar-council/07-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/bar-council/07-1200.jpg" width="1080" height="608" alt="Bar Council of Kerala — photograph 7" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav class="proj-nav" aria-label="More projects">
|
||||
<a href="/projects/baby-john-residence/"><span class="eyebrow">previous</span><span class="name u">Baby John Residence</span></a>
|
||||
<a class="next" href="/projects/biju-cherian-residence/"><span class="eyebrow">next</span><span class="name u">Biju Cherian Residence</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">Planning something like this? <em>Let us draw it with you.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/vendor/glightbox.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,150 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Biju Cherian Residence — Residential, Pathanadu — Art.n Architects</title>
|
||||
<meta name="description" content="An ongoing residence at Pathanadu, shown in render: a two-storey house in a contemporary Kerala idiom, its white and exposed-brick walls sheltered under…">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/projects/biju-cherian-residence/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="Biju Cherian Residence — Residential, Pathanadu — Art.n Architects">
|
||||
<meta property="og:description" content="An ongoing residence at Pathanadu, shown in render: a two-storey house in a contemporary Kerala idiom, its white and exposed-brick walls sheltered under…">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/projects/biju-cherian-residence/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/projects/biju-cherian-residence/06-1200.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
<link rel="stylesheet" href="/assets/vendor/glightbox.min.css">
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Projects","item":"https://www.artnouveau.in/projects/"},{"@type":"ListItem","position":2,"name":"Biju Cherian Residence","item":"https://www.artnouveau.in/projects/biju-cherian-residence/"}]}</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/" aria-current="page">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="proj-hero wrap">
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/biju-cherian-residence/06-800.webp 800w, /assets/img/projects/biju-cherian-residence/06-1600.webp 1600w" sizes="92vw"><img src="/assets/img/projects/biju-cherian-residence/06-1200.jpg" width="1200" height="675" alt="Dusk render of a two-storey Kerala-style house with layered clay-tile gables and exposed-brick walls behind a landscaped garden." decoding="async" fetchpriority="high"></picture></div>
|
||||
</section>
|
||||
<section class="proj-title wrap">
|
||||
<span class="eyebrow">Residential — Pathanadu</span>
|
||||
<h1>Biju Cherian Residence</h1>
|
||||
</section>
|
||||
<div class="wrap">
|
||||
<div class="proj-cols">
|
||||
<ul class="spec reveal">
|
||||
<li><span class="k">Category</span><span class="v">Residential</span></li>
|
||||
<li><span class="k">Client</span><span class="v">Mr. Biju cheriyan</span></li>
|
||||
<li><span class="k">Year</span><span class="v">Ongoing</span></li>
|
||||
<li><span class="k">Place</span><span class="v">Pathanadu</span></li>
|
||||
<li><span class="k">Scope</span><span class="v">Architecture</span></li>
|
||||
</ul>
|
||||
<div class="proj-blurb reveal">
|
||||
<p>An ongoing residence at Pathanadu, shown in render: a two-storey house in a contemporary Kerala idiom, its white and exposed-brick walls sheltered under layered clay-tile gables. Deep timber-framed openings and a double-height glazed stair volume face a landscaped garden set behind a brick-pier boundary wall.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery">
|
||||
<a href="/assets/img/projects/biju-cherian-residence/01-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Biju Cherian Residence — 02">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/biju-cherian-residence/01-800.webp 800w, /assets/img/projects/biju-cherian-residence/01-1600.webp 1600w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/biju-cherian-residence/01-1200.jpg" width="1200" height="675" alt="Biju Cherian Residence — photograph 2" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/biju-cherian-residence/02-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Biju Cherian Residence — 03">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/biju-cherian-residence/02-800.webp 800w, /assets/img/projects/biju-cherian-residence/02-1600.webp 1600w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/biju-cherian-residence/02-1200.jpg" width="1200" height="675" alt="Biju Cherian Residence — photograph 3" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/biju-cherian-residence/03-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Biju Cherian Residence — 04">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/biju-cherian-residence/03-800.webp 800w, /assets/img/projects/biju-cherian-residence/03-1600.webp 1600w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/biju-cherian-residence/03-1200.jpg" width="1200" height="1029" alt="Biju Cherian Residence — photograph 4" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/biju-cherian-residence/04-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Biju Cherian Residence — 05">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/biju-cherian-residence/04-800.webp 800w, /assets/img/projects/biju-cherian-residence/04-1600.webp 1600w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/biju-cherian-residence/04-1200.jpg" width="1200" height="675" alt="Biju Cherian Residence — photograph 5" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/biju-cherian-residence/05-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Biju Cherian Residence — 06">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/biju-cherian-residence/05-800.webp 800w, /assets/img/projects/biju-cherian-residence/05-1600.webp 1600w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/biju-cherian-residence/05-1200.jpg" width="1200" height="675" alt="Biju Cherian Residence — photograph 6" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav class="proj-nav" aria-label="More projects">
|
||||
<a href="/projects/bar-council/"><span class="eyebrow">previous</span><span class="name u">Bar Council of Kerala</span></a>
|
||||
<a class="next" href="/projects/chamathil-resort/"><span class="eyebrow">next</span><span class="name u">Chamathil Resort</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">Planning something like this? <em>Let us draw it with you.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/vendor/glightbox.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,165 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Chokramudi Resort — Hospitality, Bison Valley, Idukki — Art.n Architects</title>
|
||||
<meta name="description" content="A hillside resort in Bison Valley, Idukki, where a row of tiled-roof cottages steps along a terraced ridge above a forested valley. White gabled units w…">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/projects/chokramudi-resort/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="Chokramudi Resort — Hospitality, Bison Valley, Idukki — Art.n Architects">
|
||||
<meta property="og:description" content="A hillside resort in Bison Valley, Idukki, where a row of tiled-roof cottages steps along a terraced ridge above a forested valley. White gabled units w…">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/projects/chokramudi-resort/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/projects/chokramudi-resort/01-1200.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
<link rel="stylesheet" href="/assets/vendor/glightbox.min.css">
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Projects","item":"https://www.artnouveau.in/projects/"},{"@type":"ListItem","position":2,"name":"Chokramudi Resort","item":"https://www.artnouveau.in/projects/chokramudi-resort/"}]}</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/" aria-current="page">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="proj-hero wrap">
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/chokramudi-resort/01-800.webp 800w, /assets/img/projects/chokramudi-resort/01-1600.webp 1080w" sizes="92vw"><img src="/assets/img/projects/chokramudi-resort/01-1200.jpg" width="1080" height="720" alt="A row of tiled-roof resort cottages stepping along a terraced hillside above a forested valley, with a pool and landscaped path alongside." decoding="async" fetchpriority="high"></picture></div>
|
||||
</section>
|
||||
<section class="proj-title wrap">
|
||||
<span class="eyebrow">Hospitality — Bison Valley, Idukki</span>
|
||||
<h1>Chokramudi Resort</h1>
|
||||
</section>
|
||||
<div class="wrap">
|
||||
<div class="proj-cols">
|
||||
<ul class="spec reveal">
|
||||
<li><span class="k">Category</span><span class="v">Hospitality</span></li>
|
||||
<li><span class="k">Client</span><span class="v">P.A George</span></li>
|
||||
<li><span class="k">Year</span><span class="v">2016</span></li>
|
||||
<li><span class="k">Place</span><span class="v">Bison Valley, Idukki</span></li>
|
||||
<li><span class="k">Scope</span><span class="v">Architecture · Interiors</span></li>
|
||||
</ul>
|
||||
<div class="proj-blurb reveal">
|
||||
<p>A hillside resort in Bison Valley, Idukki, where a row of tiled-roof cottages steps along a terraced ridge above a forested valley. White gabled units with columned verandahs open to sweeping views, while a landscaped path and edge pool follow the contour of the slope. Interiors carry dark timber furniture and warm ceiling coves against the mountain light.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery">
|
||||
<a href="/assets/img/projects/chokramudi-resort/02-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Chokramudi Resort — 02">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/chokramudi-resort/02-800.webp 800w, /assets/img/projects/chokramudi-resort/02-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/chokramudi-resort/02-1200.jpg" width="1080" height="719" alt="Chokramudi Resort — photograph 2" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/chokramudi-resort/03-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Chokramudi Resort — 03">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/chokramudi-resort/03-800.webp 800w, /assets/img/projects/chokramudi-resort/03-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/chokramudi-resort/03-1200.jpg" width="1080" height="705" alt="Chokramudi Resort — photograph 3" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/chokramudi-resort/04-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Chokramudi Resort — 04">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/chokramudi-resort/04-800.webp 800w, /assets/img/projects/chokramudi-resort/04-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/chokramudi-resort/04-1200.jpg" width="1080" height="720" alt="Chokramudi Resort — photograph 4" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/chokramudi-resort/05-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Chokramudi Resort — 05">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/chokramudi-resort/05-800.webp 800w, /assets/img/projects/chokramudi-resort/05-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/chokramudi-resort/05-1200.jpg" width="1080" height="720" alt="Chokramudi Resort — photograph 5" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/chokramudi-resort/06-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Chokramudi Resort — 06">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/chokramudi-resort/06-800.webp 800w, /assets/img/projects/chokramudi-resort/06-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/chokramudi-resort/06-1200.jpg" width="1080" height="719" alt="Chokramudi Resort — photograph 6" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/chokramudi-resort/07-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Chokramudi Resort — 07">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/chokramudi-resort/07-800.webp 800w, /assets/img/projects/chokramudi-resort/07-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/chokramudi-resort/07-1200.jpg" width="1080" height="720" alt="Chokramudi Resort — photograph 7" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/chokramudi-resort/08-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Chokramudi Resort — 08">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/chokramudi-resort/08-800.webp 800w, /assets/img/projects/chokramudi-resort/08-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/chokramudi-resort/08-1200.jpg" width="1080" height="720" alt="Chokramudi Resort — photograph 8" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/chokramudi-resort/09-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Chokramudi Resort — 09">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/chokramudi-resort/09-800.webp 800w, /assets/img/projects/chokramudi-resort/09-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/chokramudi-resort/09-1200.jpg" width="1080" height="782" alt="Chokramudi Resort — photograph 9" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/chokramudi-resort/10-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Chokramudi Resort — 10">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/chokramudi-resort/10-800.webp 800w, /assets/img/projects/chokramudi-resort/10-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/chokramudi-resort/10-1200.jpg" width="1080" height="720" alt="Chokramudi Resort — photograph 10" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/chokramudi-resort/11-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Chokramudi Resort — 11">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/chokramudi-resort/11-800.webp 800w, /assets/img/projects/chokramudi-resort/11-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/chokramudi-resort/11-1200.jpg" width="1080" height="720" alt="Chokramudi Resort — photograph 11" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav class="proj-nav" aria-label="More projects">
|
||||
<a href="/projects/chamathil-resort/"><span class="eyebrow">previous</span><span class="name u">Chamathil Resort</span></a>
|
||||
<a class="next" href="/projects/green-dine/"><span class="eyebrow">next</span><span class="name u">Green Dine</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">Planning something like this? <em>Let us draw it with you.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/vendor/glightbox.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,153 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Green Dine — Hospitality, Edakkunnam, Mundakkayam — Art.n Architects</title>
|
||||
<meta name="description" content="A roadside multi-cuisine restaurant at Edakkunnam, Mundakkayam, set behind full-height glazing that opens the dining room to the surrounding rubber plan…">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/projects/green-dine/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="Green Dine — Hospitality, Edakkunnam, Mundakkayam — Art.n Architects">
|
||||
<meta property="og:description" content="A roadside multi-cuisine restaurant at Edakkunnam, Mundakkayam, set behind full-height glazing that opens the dining room to the surrounding rubber plan…">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/projects/green-dine/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/projects/green-dine/02-1200.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
<link rel="stylesheet" href="/assets/vendor/glightbox.min.css">
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Projects","item":"https://www.artnouveau.in/projects/"},{"@type":"ListItem","position":2,"name":"Green Dine","item":"https://www.artnouveau.in/projects/green-dine/"}]}</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/" aria-current="page">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="proj-hero wrap">
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/green-dine/02-800.webp 800w, /assets/img/projects/green-dine/02-1600.webp 1600w" sizes="92vw"><img src="/assets/img/projects/green-dine/02-1200.jpg" width="1200" height="800" alt="Restaurant dining room with dark-wood tables under globe pendant lights and full-height glazing opening to green foliage." decoding="async" fetchpriority="high"></picture></div>
|
||||
</section>
|
||||
<section class="proj-title wrap">
|
||||
<span class="eyebrow">Hospitality — Edakkunnam, Mundakkayam</span>
|
||||
<h1>Green Dine</h1>
|
||||
</section>
|
||||
<div class="wrap">
|
||||
<div class="proj-cols">
|
||||
<ul class="spec reveal">
|
||||
<li><span class="k">Category</span><span class="v">Hospitality</span></li>
|
||||
<li><span class="k">Client</span><span class="v">Green Dine Resto</span></li>
|
||||
<li><span class="k">Year</span><span class="v">2023</span></li>
|
||||
<li><span class="k">Place</span><span class="v">Edakkunnam, Mundakkayam</span></li>
|
||||
<li><span class="k">Scope</span><span class="v">Architecture · Interiors</span></li>
|
||||
</ul>
|
||||
<div class="proj-blurb reveal">
|
||||
<p>A roadside multi-cuisine restaurant at Edakkunnam, Mundakkayam, set behind full-height glazing that opens the dining room to the surrounding rubber plantation. Globe pendant lights hang over dark-wood tables and stone-clad columns, and a wood-slatted counter doubles as a spice shop at the entrance. The concrete street facade is patterned with orange triangular panels that glow after dark.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery">
|
||||
<a href="/assets/img/projects/green-dine/01-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Green Dine — 02">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/green-dine/01-800.webp 800w, /assets/img/projects/green-dine/01-1600.webp 1600w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/green-dine/01-1200.jpg" width="1200" height="800" alt="Green Dine — photograph 2" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/green-dine/03-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Green Dine — 03">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/green-dine/03-800.webp 800w, /assets/img/projects/green-dine/03-1600.webp 1600w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/green-dine/03-1200.jpg" width="1200" height="1800" alt="Green Dine — photograph 3" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/green-dine/04-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Green Dine — 04">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/green-dine/04-800.webp 800w, /assets/img/projects/green-dine/04-1600.webp 1600w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/green-dine/04-1200.jpg" width="1200" height="799" alt="Green Dine — photograph 4" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/green-dine/05-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Green Dine — 05">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/green-dine/05-800.webp 800w, /assets/img/projects/green-dine/05-1600.webp 1600w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/green-dine/05-1200.jpg" width="1200" height="1800" alt="Green Dine — photograph 5" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/green-dine/06-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Green Dine — 06">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/green-dine/06-800.webp 800w, /assets/img/projects/green-dine/06-1600.webp 1600w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/green-dine/06-1200.jpg" width="1200" height="800" alt="Green Dine — photograph 6" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/green-dine/07-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Green Dine — 07">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/green-dine/07-800.webp 800w, /assets/img/projects/green-dine/07-1600.webp 1600w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/green-dine/07-1200.jpg" width="1200" height="769" alt="Green Dine — photograph 7" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav class="proj-nav" aria-label="More projects">
|
||||
<a href="/projects/chokramudi-resort/"><span class="eyebrow">previous</span><span class="name u">Chokramudi Resort</span></a>
|
||||
<a class="next" href="/projects/indu-vinod-residence/"><span class="eyebrow">next</span><span class="name u">Indu & Vinod Residence</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">Planning something like this? <em>Let us draw it with you.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/vendor/glightbox.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,320 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Projects — Art.n Architects</title>
|
||||
<meta name="description" content="33 built and ongoing projects by Art.n Architects across Kerala: residences, resorts, hospitals, institutions and offices.">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/projects/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="Projects — Art.n Architects">
|
||||
<meta property="og:description" content="33 built and ongoing projects by Art.n Architects across Kerala: residences, resorts, hospitals, institutions and offices.">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/projects/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/og.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/" aria-current="page">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="page-head wrap">
|
||||
<span class="eyebrow reveal">33 projects</span>
|
||||
<h1 class="reveal">Work that <em>stays.</em></h1>
|
||||
<p class="lede reveal">Every project the studio has drawn, detailed and delivered — residences, hospitality, healthcare and public buildings across Kerala.</p>
|
||||
<div class="filters reveal">
|
||||
<a href="/projects/" aria-current="page">all work</a>
|
||||
<a href="/projects/architecture/">architecture</a>
|
||||
<a href="/projects/interiors/">interiors</a>
|
||||
<a href="/projects/pmc/">project management</a>
|
||||
</div>
|
||||
</section>
|
||||
<section class="wrap">
|
||||
<div class="flow">
|
||||
<a class="piece reveal" href="/projects/achayans-cafe/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/achayans-cafe/01-800.webp 800w, /assets/img/projects/achayans-cafe/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 66vw"><img src="/assets/img/projects/achayans-cafe/01-1200.jpg" width="1080" height="720" alt="A covered café side passage at dusk with a large hand-painted portrait mural and Malayalam calligraphy, potted saplings and brick paving." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Achayan's Café</span><span class="where">Alappuzha</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/artn-studio/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/artn-studio/10-800.webp 800w, /assets/img/projects/artn-studio/10-1600.webp 820w" sizes="(max-width:860px) 100vw, 33vw"><img src="/assets/img/projects/artn-studio/10-1200.jpg" width="820" height="545" alt="Our studio's daylit entrance hall with glass-walled cabins, a folded white staircase against an exposed-brick wall and a polished terrazzo floor." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Art.n Studio</span><span class="where">Changanacherry</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/baby-john-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/08-800.webp 719w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/baby-john-residence/08-1200.jpg" width="719" height="1080" alt="A bright double-height living hall with grey sofas, a black floating staircase and a glass-railed upper gallery under tall sliding windows." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Baby John Residence</span><span class="where">Residential</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/bar-council/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/bar-council/01-800.webp 800w, /assets/img/projects/bar-council/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/bar-council/01-1200.jpg" width="1080" height="608" alt="Render of a slim multi-storey white institutional building with vertical fins, an entrance canopy and an Indian flag at the front court." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Bar Council of Kerala</span><span class="where">Ernakulam</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/biju-cherian-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/biju-cherian-residence/06-800.webp 800w, /assets/img/projects/biju-cherian-residence/06-1600.webp 1600w" sizes="(max-width:860px) 100vw, 66vw"><img src="/assets/img/projects/biju-cherian-residence/06-1200.jpg" width="1200" height="675" alt="Dusk render of a two-storey Kerala-style house with layered clay-tile gables and exposed-brick walls behind a landscaped garden." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Biju Cherian Residence</span><span class="where">Pathanadu</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/chamathil-resort/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/chamathil-resort/04-800.webp 800w, /assets/img/projects/chamathil-resort/04-1600.webp 1600w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/chamathil-resort/04-1200.jpg" width="1200" height="675" alt="Render of a multi-storey hillside resort with an angular white portal-frame roof and diamond-shaped green living-wall panels across a glazed facade." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Chamathil Resort</span><span class="where">Thiruvananthapuram</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/chokramudi-resort/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/chokramudi-resort/01-800.webp 800w, /assets/img/projects/chokramudi-resort/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 66vw"><img src="/assets/img/projects/chokramudi-resort/01-1200.jpg" width="1080" height="720" alt="A row of tiled-roof resort cottages stepping along a terraced hillside above a forested valley, with a pool and landscaped path alongside." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Chokramudi Resort</span><span class="where">Bison Valley, Idukki</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/green-dine/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/green-dine/02-800.webp 800w, /assets/img/projects/green-dine/02-1600.webp 1600w" sizes="(max-width:860px) 100vw, 33vw"><img src="/assets/img/projects/green-dine/02-1200.jpg" width="1200" height="800" alt="Restaurant dining room with dark-wood tables under globe pendant lights and full-height glazing opening to green foliage." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Green Dine</span><span class="where">Edakkunnam, Mundakkayam</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/indu-vinod-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/indu-vinod-residence/01-800.webp 800w, /assets/img/projects/indu-vinod-residence/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/indu-vinod-residence/01-1200.jpg" width="1080" height="608" alt="Architectural rendering of a two-storey house with white walls, exposed-brick piers and a timber-trussed gable, a car parked under the side carport." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Indu & Vinod Residence</span><span class="where">Kottayam</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/jameson-jacob-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/jameson-jacob-residence/01-800.webp 800w, /assets/img/projects/jameson-jacob-residence/01-1600.webp 820w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/jameson-jacob-residence/01-1200.jpg" width="820" height="461" alt="Architectural rendering of a contemporary flat-roofed house with white volumes and brick and timber-louvered screens, cars parked under a side porch." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Jameson Jacob Residence</span><span class="where">Changanacherry</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/jaya-krishnan-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/jaya-krishnan-residence/03-800.webp 800w, /assets/img/projects/jaya-krishnan-residence/03-1600.webp 820w" sizes="(max-width:860px) 100vw, 66vw"><img src="/assets/img/projects/jaya-krishnan-residence/03-1200.jpg" width="820" height="461" alt="Architectural rendering of a two-storey house with layered clay-tiled roofs and exposed-brick bays, a carport to one side and a cyclist passing on the street." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Jaya Krishnan Residence</span><span class="where">Kakkanad</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/jayakumar-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/jayakumar-residence/01-800.webp 800w, /assets/img/projects/jayakumar-residence/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/jayakumar-residence/01-1200.jpg" width="1080" height="720" alt="Two-storey white house with grey tiled roofs and stone-clad bays behind a broad cobbled forecourt lined with palms, a vehicle parked under the porch." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Jayakumar Residence</span><span class="where">Kanjirappally</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/jayanthi-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/jayanthi-residence/01-800.webp 800w, /assets/img/projects/jayanthi-residence/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 66vw"><img src="/assets/img/projects/jayanthi-residence/01-1200.jpg" width="1080" height="950" alt="White two-storey residence composed of stacked flat-roofed volumes with a cantilevered glass-railed balcony above a shaded carport." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Jayanthi Residence</span><span class="where">Kottayam</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/life-planners/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/life-planners/01-800.webp 748w" sizes="(max-width:860px) 100vw, 33vw"><img src="/assets/img/projects/life-planners/01-1200.jpg" width="748" height="495" alt="Institute reception desk under a warm wood-slat ceiling with copper leaf-shaped pendants, a textured grey counter with a cut-out logo, and a glass entrance door." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Life Planners Institute</span><span class="where">Kottayam</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/lifeline-hospital/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/lifeline-hospital/06-800.webp 800w, /assets/img/projects/lifeline-hospital/06-1600.webp 1280w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/lifeline-hospital/06-1200.jpg" width="1200" height="673" alt="Wood-panelled hospital patient room with a bed, wall-mounted TV and a glazed door opening to a small balcony framed by greenery." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Lifeline Hospital</span><span class="where">Healthcare</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/mappilasherry-tharavadu/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/mappilasherry-tharavadu/04-800.webp 800w, /assets/img/projects/mappilasherry-tharavadu/04-1600.webp 1080w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/mappilasherry-tharavadu/04-1200.jpg" width="1080" height="720" alt="Traditional Kerala tharavadu with a terracotta-tiled hipped roof and columned verandah, fronted by a black-and-white checkerboard paved courtyard and a mango tree." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Mappilasherry Tharavadu</span><span class="where">Residential</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/mohammed-yusuf/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/mohammed-yusuf/03-800.webp 800w, /assets/img/projects/mohammed-yusuf/03-1600.webp 1080w" sizes="(max-width:860px) 100vw, 66vw"><img src="/assets/img/projects/mohammed-yusuf/03-1200.jpg" width="1080" height="608" alt="Dusk rendering of a three-storey commercial building with a vertical timber-louvred upper floor glowing with warm light, raised over an open ground-floor parking level." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Mohammed Yusuf Building</span><span class="where">Vandiperiyar</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/orion-county/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/orion-county/01-800.webp 800w, /assets/img/projects/orion-county/01-1600.webp 1282w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/orion-county/01-1200.jpg" width="1200" height="801" alt="Resort building with red tiled roofs reflected in a still lake, backed by green tea-covered hills in soft morning light." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Orion County</span><span class="where">Idukki</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/p-c-mathew-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/p-c-mathew-residence/01-800.webp 800w, /assets/img/projects/p-c-mathew-residence/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 66vw"><img src="/assets/img/projects/p-c-mathew-residence/01-1200.jpg" width="1080" height="620" alt="The Mathew residence at dusk, its laterite and dark-stone facade and timber-louvered shutters glowing with warm interior light behind a deep verandah." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">P. C. Mathew Residence</span><span class="where">Alappuzha</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/p-t-thampi-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/p-t-thampi-residence/01-800.webp 800w, /assets/img/projects/p-t-thampi-residence/01-1600.webp 1600w" sizes="(max-width:860px) 100vw, 33vw"><img src="/assets/img/projects/p-t-thampi-residence/01-1200.jpg" width="1200" height="662" alt="The Thampi residence at dusk, its pitched clay-tile roofs and verandahs lit from within above a landscaped, lamp-lined garden." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">P. T. Thampi Residence</span><span class="where">Kumily</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/pamba-heritage-villa/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/pamba-heritage-villa/01-800.webp 800w, /assets/img/projects/pamba-heritage-villa/01-1600.webp 1000w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/pamba-heritage-villa/01-1200.jpg" width="1000" height="750" alt="The Pamba Heritage Villa seen from the water, its tiered clay-tile roofs and timber verandahs rising behind a stone embankment lined with coconut palms." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Pamba Heritage Villa</span><span class="where">Nedumudi</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/rajeev-varghese-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/rajeev-varghese-residence/01-800.webp 800w, /assets/img/projects/rajeev-varghese-residence/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/rajeev-varghese-residence/01-1200.jpg" width="1080" height="608" alt="Dusk rendering of the Rajeev Varghese house, a three-storey home with cantilevered timber-lined balconies stepping down a hillside above a stone gabion wall." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Rajeev Varghese Residence</span><span class="where">Pathanamthitta</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/santhosh-scaria-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/santhosh-scaria-residence/01-800.webp 800w, /assets/img/projects/santhosh-scaria-residence/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 66vw"><img src="/assets/img/projects/santhosh-scaria-residence/01-1200.jpg" width="1080" height="733" alt="The Santhosh Scaria residence at dusk, its dark tiled roofs and curved verandah lit by warm facade uplighting along a paved courtyard." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Santhosh Scaria Residence</span><span class="where">Residential</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/sb-indoor-stadium/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/sb-indoor-stadium/05-800.webp 800w, /assets/img/projects/sb-indoor-stadium/05-1600.webp 1080w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/sb-indoor-stadium/05-1200.jpg" width="1080" height="727" alt="The timber basketball court inside the SB College stadium, lit by clerestory windows beneath a curved steel-truss roof, with brick walls and tiered seating painted yellow, blue and red." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">SB College Indoor Stadium</span><span class="where">Changanacherry</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/sb-souvenir-shop/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/sb-souvenir-shop/01-800.webp 800w, /assets/img/projects/sb-souvenir-shop/01-1600.webp 1225w" sizes="(max-width:860px) 100vw, 66vw"><img src="/assets/img/projects/sb-souvenir-shop/01-1200.jpg" width="1200" height="800" alt="Glass-walled campus souvenir shop under a tiled hip roof, framed by a large tree with children seated on the steps to the right." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">SB College Souvenir Shop</span><span class="where">Changanacherry</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/sherry-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/sherry-residence/04-800.webp 600w" sizes="(max-width:860px) 100vw, 33vw"><img src="/assets/img/projects/sherry-residence/04-1200.jpg" width="600" height="400" alt="Double-height living hall with a curving open timber staircase and leather sofas on a polished marble floor." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Sherry Residence</span><span class="where">Edathua</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/spice-forest/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/spice-forest/01-800.webp 800w, /assets/img/projects/spice-forest/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/spice-forest/01-1200.jpg" width="1080" height="720" alt="A timber pavilion glowing with warm light at dusk, set among bare trees on a misty hillside." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Spice Forest</span><span class="where">Vandiperiyar</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/st-sebastian-hospital/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/st-sebastian-hospital/03-800.webp 800w, /assets/img/projects/st-sebastian-hospital/03-1600.webp 1080w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/st-sebastian-hospital/03-1200.jpg" width="1080" height="885" alt="The curved red-brick and white front facade of St. Sebastian Hospital with a glazed entrance canopy under an overcast sky." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">St. Sebastian Hospital</span><span class="where">Arthunkal</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/sunil-varghese-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/sunil-varghese-residence/01-800.webp 800w, /assets/img/projects/sunil-varghese-residence/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 66vw"><img src="/assets/img/projects/sunil-varghese-residence/01-1200.jpg" width="1080" height="720" alt="A contemporary two-storey house with white render and stone-clad panels above a brick-and-stone paved courtyard." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Sunil Varghese Residence</span><span class="where">Residential</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/thomas-t-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/thomas-t-residence/05-800.webp 800w, /assets/img/projects/thomas-t-residence/05-1600.webp 887w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/thomas-t-residence/05-1200.jpg" width="887" height="1080" alt="The house at dusk, its timber-framed entrance porch glowing with warm light beneath a cantilevered upper floor and silhouetted palms." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Thomas T. Residence</span><span class="where">Thiruvalla</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/toggy-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/toggy-residence/01-800.webp 800w, /assets/img/projects/toggy-residence/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 66vw"><img src="/assets/img/projects/toggy-residence/01-1200.jpg" width="1080" height="720" alt="Front elevation of the Toggy Residence showing grey clay-tiled gabled roofs, white and exposed-laterite walls, and an open veranda facing a paved courtyard under an overcast sky." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Toggy Residence</span><span class="where">Changanacherry</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/tony-kallukalam/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/tony-kallukalam/02-800.webp 800w, /assets/img/projects/tony-kallukalam/02-1600.webp 1080w" sizes="(max-width:860px) 100vw, 33vw"><img src="/assets/img/projects/tony-kallukalam/02-1200.jpg" width="1080" height="608" alt="Dusk architectural rendering of the Kallukalam Plaza retail building, its glazed stair tower and faceted screen wall lit against a twilight sky above a wet street." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Tony Kallukalam Commercial</span><span class="where">Changanacherry</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/vsaffron-regency/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/vsaffron-regency/01-800.webp 800w, /assets/img/projects/vsaffron-regency/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/vsaffron-regency/01-1200.jpg" width="1080" height="644" alt="Street elevation of the Vsaffron Regency, a three-storey building with blue-tinted windows and a branded entrance canopy under a blue sky." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Vsaffron Regency</span><span class="where">Commercial</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">A site, a brief, or just a first idea — <em>bring it to the table.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,138 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Dr. Indu & Dr. Vinod Residence — Residential, Kottayam — Art.n Architects</title>
|
||||
<meta name="description" content="A house in Kottayam whose massing steps between a tiled pitched roof and a taller gabled bay framed by exposed timber trusses. White render meets expose…">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/projects/indu-vinod-residence/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="Dr. Indu & Dr. Vinod Residence — Residential, Kottayam — Art.n Architects">
|
||||
<meta property="og:description" content="A house in Kottayam whose massing steps between a tiled pitched roof and a taller gabled bay framed by exposed timber trusses. White render meets expose…">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/projects/indu-vinod-residence/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/projects/indu-vinod-residence/01-1200.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
<link rel="stylesheet" href="/assets/vendor/glightbox.min.css">
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Projects","item":"https://www.artnouveau.in/projects/"},{"@type":"ListItem","position":2,"name":"Dr. Indu & Dr. Vinod Residence","item":"https://www.artnouveau.in/projects/indu-vinod-residence/"}]}</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/" aria-current="page">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="proj-hero wrap">
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/indu-vinod-residence/01-800.webp 800w, /assets/img/projects/indu-vinod-residence/01-1600.webp 1080w" sizes="92vw"><img src="/assets/img/projects/indu-vinod-residence/01-1200.jpg" width="1080" height="608" alt="Architectural rendering of a two-storey house with white walls, exposed-brick piers and a timber-trussed gable, a car parked under the side carport." decoding="async" fetchpriority="high"></picture></div>
|
||||
</section>
|
||||
<section class="proj-title wrap">
|
||||
<span class="eyebrow">Residential — Kottayam</span>
|
||||
<h1>Dr. Indu & Dr. Vinod Residence</h1>
|
||||
</section>
|
||||
<div class="wrap">
|
||||
<div class="proj-cols">
|
||||
<ul class="spec reveal">
|
||||
<li><span class="k">Category</span><span class="v">Residential</span></li>
|
||||
<li><span class="k">Client</span><span class="v">Dr. Indu and Dr. Vinod</span></li>
|
||||
<li><span class="k">Year</span><span class="v">Ongoing</span></li>
|
||||
<li><span class="k">Place</span><span class="v">Kottayam</span></li>
|
||||
<li><span class="k">Scope</span><span class="v">Architecture</span></li>
|
||||
</ul>
|
||||
<div class="proj-blurb reveal">
|
||||
<p>A house in Kottayam whose massing steps between a tiled pitched roof and a taller gabled bay framed by exposed timber trusses. White render meets exposed-brick piers and slatted wooden screens, with a porch and carport tucked into the plinth. Shown here in design renderings.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery">
|
||||
<a href="/assets/img/projects/indu-vinod-residence/03-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Dr. Indu & Dr. Vinod Residence — 02">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/indu-vinod-residence/03-800.webp 800w, /assets/img/projects/indu-vinod-residence/03-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/indu-vinod-residence/03-1200.jpg" width="1080" height="608" alt="Dr. Indu & Dr. Vinod Residence — photograph 2" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav class="proj-nav" aria-label="More projects">
|
||||
<a href="/projects/green-dine/"><span class="eyebrow">previous</span><span class="name u">Green Dine</span></a>
|
||||
<a class="next" href="/projects/jameson-jacob-residence/"><span class="eyebrow">next</span><span class="name u">Jameson Jacob Residence</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">Planning something like this? <em>Let us draw it with you.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/vendor/glightbox.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,272 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Interior design projects — Art.n Architects</title>
|
||||
<meta name="description" content="Interior design portfolio of Art.n Architects: homes, restaurants, offices and institutional interiors across Kerala.">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/projects/interiors/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="Interior design projects — Art.n Architects">
|
||||
<meta property="og:description" content="Interior design portfolio of Art.n Architects: homes, restaurants, offices and institutional interiors across Kerala.">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/projects/interiors/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/og.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/" aria-current="page">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="page-head wrap">
|
||||
<span class="eyebrow reveal">25 projects</span>
|
||||
<h1 class="reveal">Interiors</h1>
|
||||
<p class="lede reveal">Interior architecture that carries the building through — homes, restaurants, offices and institutions.</p>
|
||||
<div class="filters reveal">
|
||||
<a href="/projects/">all work</a>
|
||||
<a href="/projects/architecture/">architecture</a>
|
||||
<a href="/projects/interiors/" aria-current="page">interiors</a>
|
||||
<a href="/projects/pmc/">project management</a>
|
||||
</div>
|
||||
</section>
|
||||
<section class="wrap">
|
||||
<div class="flow">
|
||||
<a class="piece reveal" href="/projects/achayans-cafe/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/achayans-cafe/01-800.webp 800w, /assets/img/projects/achayans-cafe/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 66vw"><img src="/assets/img/projects/achayans-cafe/01-1200.jpg" width="1080" height="720" alt="A covered café side passage at dusk with a large hand-painted portrait mural and Malayalam calligraphy, potted saplings and brick paving." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Achayan's Café</span><span class="where">Alappuzha</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/artn-studio/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/artn-studio/10-800.webp 800w, /assets/img/projects/artn-studio/10-1600.webp 820w" sizes="(max-width:860px) 100vw, 33vw"><img src="/assets/img/projects/artn-studio/10-1200.jpg" width="820" height="545" alt="Our studio's daylit entrance hall with glass-walled cabins, a folded white staircase against an exposed-brick wall and a polished terrazzo floor." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Art.n Studio</span><span class="where">Changanacherry</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/baby-john-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/baby-john-residence/08-800.webp 719w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/baby-john-residence/08-1200.jpg" width="719" height="1080" alt="A bright double-height living hall with grey sofas, a black floating staircase and a glass-railed upper gallery under tall sliding windows." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Baby John Residence</span><span class="where">Residential</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/chamathil-resort/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/chamathil-resort/04-800.webp 800w, /assets/img/projects/chamathil-resort/04-1600.webp 1600w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/chamathil-resort/04-1200.jpg" width="1200" height="675" alt="Render of a multi-storey hillside resort with an angular white portal-frame roof and diamond-shaped green living-wall panels across a glazed facade." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Chamathil Resort</span><span class="where">Thiruvananthapuram</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/chokramudi-resort/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/chokramudi-resort/01-800.webp 800w, /assets/img/projects/chokramudi-resort/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 66vw"><img src="/assets/img/projects/chokramudi-resort/01-1200.jpg" width="1080" height="720" alt="A row of tiled-roof resort cottages stepping along a terraced hillside above a forested valley, with a pool and landscaped path alongside." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Chokramudi Resort</span><span class="where">Bison Valley, Idukki</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/green-dine/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/green-dine/02-800.webp 800w, /assets/img/projects/green-dine/02-1600.webp 1600w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/green-dine/02-1200.jpg" width="1200" height="800" alt="Restaurant dining room with dark-wood tables under globe pendant lights and full-height glazing opening to green foliage." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Green Dine</span><span class="where">Edakkunnam, Mundakkayam</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/jameson-jacob-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/jameson-jacob-residence/01-800.webp 800w, /assets/img/projects/jameson-jacob-residence/01-1600.webp 820w" sizes="(max-width:860px) 100vw, 66vw"><img src="/assets/img/projects/jameson-jacob-residence/01-1200.jpg" width="820" height="461" alt="Architectural rendering of a contemporary flat-roofed house with white volumes and brick and timber-louvered screens, cars parked under a side porch." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Jameson Jacob Residence</span><span class="where">Changanacherry</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/jayanthi-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/jayanthi-residence/01-800.webp 800w, /assets/img/projects/jayanthi-residence/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 33vw"><img src="/assets/img/projects/jayanthi-residence/01-1200.jpg" width="1080" height="950" alt="White two-storey residence composed of stacked flat-roofed volumes with a cantilevered glass-railed balcony above a shaded carport." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Jayanthi Residence</span><span class="where">Kottayam</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/life-planners/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/life-planners/01-800.webp 748w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/life-planners/01-1200.jpg" width="748" height="495" alt="Institute reception desk under a warm wood-slat ceiling with copper leaf-shaped pendants, a textured grey counter with a cut-out logo, and a glass entrance door." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Life Planners Institute</span><span class="where">Kottayam</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/mappilasherry-tharavadu/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/mappilasherry-tharavadu/04-800.webp 800w, /assets/img/projects/mappilasherry-tharavadu/04-1600.webp 1080w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/mappilasherry-tharavadu/04-1200.jpg" width="1080" height="720" alt="Traditional Kerala tharavadu with a terracotta-tiled hipped roof and columned verandah, fronted by a black-and-white checkerboard paved courtyard and a mango tree." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Mappilasherry Tharavadu</span><span class="where">Residential</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/orion-county/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/orion-county/01-800.webp 800w, /assets/img/projects/orion-county/01-1600.webp 1282w" sizes="(max-width:860px) 100vw, 66vw"><img src="/assets/img/projects/orion-county/01-1200.jpg" width="1200" height="801" alt="Resort building with red tiled roofs reflected in a still lake, backed by green tea-covered hills in soft morning light." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Orion County</span><span class="where">Idukki</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/p-c-mathew-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/p-c-mathew-residence/01-800.webp 800w, /assets/img/projects/p-c-mathew-residence/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/p-c-mathew-residence/01-1200.jpg" width="1080" height="620" alt="The Mathew residence at dusk, its laterite and dark-stone facade and timber-louvered shutters glowing with warm interior light behind a deep verandah." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">P. C. Mathew Residence</span><span class="where">Alappuzha</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/p-t-thampi-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/p-t-thampi-residence/01-800.webp 800w, /assets/img/projects/p-t-thampi-residence/01-1600.webp 1600w" sizes="(max-width:860px) 100vw, 66vw"><img src="/assets/img/projects/p-t-thampi-residence/01-1200.jpg" width="1200" height="662" alt="The Thampi residence at dusk, its pitched clay-tile roofs and verandahs lit from within above a landscaped, lamp-lined garden." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">P. T. Thampi Residence</span><span class="where">Kumily</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/pamba-heritage-villa/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/pamba-heritage-villa/01-800.webp 800w, /assets/img/projects/pamba-heritage-villa/01-1600.webp 1000w" sizes="(max-width:860px) 100vw, 33vw"><img src="/assets/img/projects/pamba-heritage-villa/01-1200.jpg" width="1000" height="750" alt="The Pamba Heritage Villa seen from the water, its tiered clay-tile roofs and timber verandahs rising behind a stone embankment lined with coconut palms." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Pamba Heritage Villa</span><span class="where">Nedumudi</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/rajeev-varghese-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/rajeev-varghese-residence/01-800.webp 800w, /assets/img/projects/rajeev-varghese-residence/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/rajeev-varghese-residence/01-1200.jpg" width="1080" height="608" alt="Dusk rendering of the Rajeev Varghese house, a three-storey home with cantilevered timber-lined balconies stepping down a hillside above a stone gabion wall." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Rajeev Varghese Residence</span><span class="where">Pathanamthitta</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/santhosh-scaria-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/santhosh-scaria-residence/01-800.webp 800w, /assets/img/projects/santhosh-scaria-residence/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/santhosh-scaria-residence/01-1200.jpg" width="1080" height="733" alt="The Santhosh Scaria residence at dusk, its dark tiled roofs and curved verandah lit by warm facade uplighting along a paved courtyard." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Santhosh Scaria Residence</span><span class="where">Residential</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/sb-indoor-stadium/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/sb-indoor-stadium/05-800.webp 800w, /assets/img/projects/sb-indoor-stadium/05-1600.webp 1080w" sizes="(max-width:860px) 100vw, 66vw"><img src="/assets/img/projects/sb-indoor-stadium/05-1200.jpg" width="1080" height="727" alt="The timber basketball court inside the SB College stadium, lit by clerestory windows beneath a curved steel-truss roof, with brick walls and tiered seating painted yellow, blue and red." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">SB College Indoor Stadium</span><span class="where">Changanacherry</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/sb-souvenir-shop/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/sb-souvenir-shop/01-800.webp 800w, /assets/img/projects/sb-souvenir-shop/01-1600.webp 1225w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/sb-souvenir-shop/01-1200.jpg" width="1200" height="800" alt="Glass-walled campus souvenir shop under a tiled hip roof, framed by a large tree with children seated on the steps to the right." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">SB College Souvenir Shop</span><span class="where">Changanacherry</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/sherry-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/sherry-residence/04-800.webp 600w" sizes="(max-width:860px) 100vw, 66vw"><img src="/assets/img/projects/sherry-residence/04-1200.jpg" width="600" height="400" alt="Double-height living hall with a curving open timber staircase and leather sofas on a polished marble floor." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Sherry Residence</span><span class="where">Edathua</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/spice-forest/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/spice-forest/01-800.webp 800w, /assets/img/projects/spice-forest/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 33vw"><img src="/assets/img/projects/spice-forest/01-1200.jpg" width="1080" height="720" alt="A timber pavilion glowing with warm light at dusk, set among bare trees on a misty hillside." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Spice Forest</span><span class="where">Vandiperiyar</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/sunil-varghese-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/sunil-varghese-residence/01-800.webp 800w, /assets/img/projects/sunil-varghese-residence/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/sunil-varghese-residence/01-1200.jpg" width="1080" height="720" alt="A contemporary two-storey house with white render and stone-clad panels above a brick-and-stone paved courtyard." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Sunil Varghese Residence</span><span class="where">Residential</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/thomas-t-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/thomas-t-residence/05-800.webp 800w, /assets/img/projects/thomas-t-residence/05-1600.webp 887w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/thomas-t-residence/05-1200.jpg" width="887" height="1080" alt="The house at dusk, its timber-framed entrance porch glowing with warm light beneath a cantilevered upper floor and silhouetted palms." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Thomas T. Residence</span><span class="where">Thiruvalla</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/toggy-residence/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/toggy-residence/01-800.webp 800w, /assets/img/projects/toggy-residence/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 66vw"><img src="/assets/img/projects/toggy-residence/01-1200.jpg" width="1080" height="720" alt="Front elevation of the Toggy Residence showing grey clay-tiled gabled roofs, white and exposed-laterite walls, and an open veranda facing a paved courtyard under an overcast sky." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Toggy Residence</span><span class="where">Changanacherry</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/tony-kallukalam/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/tony-kallukalam/02-800.webp 800w, /assets/img/projects/tony-kallukalam/02-1600.webp 1080w" sizes="(max-width:860px) 100vw, 42vw"><img src="/assets/img/projects/tony-kallukalam/02-1200.jpg" width="1080" height="608" alt="Dusk architectural rendering of the Kallukalam Plaza retail building, its glazed stair tower and faceted screen wall lit against a twilight sky above a wet street." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Tony Kallukalam Commercial</span><span class="where">Changanacherry</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/vsaffron-regency/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/vsaffron-regency/01-800.webp 800w, /assets/img/projects/vsaffron-regency/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 66vw"><img src="/assets/img/projects/vsaffron-regency/01-1200.jpg" width="1080" height="644" alt="Street elevation of the Vsaffron Regency, a three-storey building with blue-tinted windows and a branded entrance canopy under a blue sky." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Vsaffron Regency</span><span class="where">Commercial</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">A site, a brief, or just a first idea — <em>bring it to the table.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,174 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Jameson Jacob Residence — Residential, Changanacherry — Art.n Architects</title>
|
||||
<meta name="description" content="A contemporary house in Changanacherry built up from white cuboidal volumes set against brick and timber-louvered screens under flat roofs. Inside, a fl…">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/projects/jameson-jacob-residence/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="Jameson Jacob Residence — Residential, Changanacherry — Art.n Architects">
|
||||
<meta property="og:description" content="A contemporary house in Changanacherry built up from white cuboidal volumes set against brick and timber-louvered screens under flat roofs. Inside, a fl…">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/projects/jameson-jacob-residence/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/projects/jameson-jacob-residence/01-1200.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
<link rel="stylesheet" href="/assets/vendor/glightbox.min.css">
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Projects","item":"https://www.artnouveau.in/projects/"},{"@type":"ListItem","position":2,"name":"Jameson Jacob Residence","item":"https://www.artnouveau.in/projects/jameson-jacob-residence/"}]}</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/" aria-current="page">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="proj-hero wrap">
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/jameson-jacob-residence/01-800.webp 800w, /assets/img/projects/jameson-jacob-residence/01-1600.webp 820w" sizes="92vw"><img src="/assets/img/projects/jameson-jacob-residence/01-1200.jpg" width="820" height="461" alt="Architectural rendering of a contemporary flat-roofed house with white volumes and brick and timber-louvered screens, cars parked under a side porch." decoding="async" fetchpriority="high"></picture></div>
|
||||
</section>
|
||||
<section class="proj-title wrap">
|
||||
<span class="eyebrow">Residential — Changanacherry</span>
|
||||
<h1>Jameson Jacob Residence</h1>
|
||||
</section>
|
||||
<div class="wrap">
|
||||
<div class="proj-cols">
|
||||
<ul class="spec reveal">
|
||||
<li><span class="k">Category</span><span class="v">Residential</span></li>
|
||||
<li><span class="k">Client</span><span class="v">Mr. Jameson Jacob</span></li>
|
||||
<li><span class="k">Year</span><span class="v">Ongoing</span></li>
|
||||
<li><span class="k">Place</span><span class="v">Changanacherry</span></li>
|
||||
<li><span class="k">Scope</span><span class="v">Architecture · Interiors</span></li>
|
||||
</ul>
|
||||
<div class="proj-blurb reveal">
|
||||
<p>A contemporary house in Changanacherry built up from white cuboidal volumes set against brick and timber-louvered screens under flat roofs. Inside, a floating timber stair with a glass balustrade rises beside a marble-topped dining table, and a pebbled light court draws sun deep into the plan. The living room is anchored by a green textured feature wall and built-in walnut joinery.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery">
|
||||
<a href="/assets/img/projects/jameson-jacob-residence/02-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Jameson Jacob Residence — 02">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/jameson-jacob-residence/02-800.webp 800w, /assets/img/projects/jameson-jacob-residence/02-1600.webp 820w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/jameson-jacob-residence/02-1200.jpg" width="820" height="461" alt="Jameson Jacob Residence — photograph 2" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/jameson-jacob-residence/03-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Jameson Jacob Residence — 03">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/jameson-jacob-residence/03-800.webp 800w, /assets/img/projects/jameson-jacob-residence/03-1600.webp 820w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/jameson-jacob-residence/03-1200.jpg" width="820" height="461" alt="Jameson Jacob Residence — photograph 3" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/jameson-jacob-residence/04-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Jameson Jacob Residence — 04">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/jameson-jacob-residence/04-800.webp 800w, /assets/img/projects/jameson-jacob-residence/04-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/jameson-jacob-residence/04-1200.jpg" width="1080" height="761" alt="Jameson Jacob Residence — photograph 4" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/jameson-jacob-residence/05-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Jameson Jacob Residence — 05">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/jameson-jacob-residence/05-800.webp 800w, /assets/img/projects/jameson-jacob-residence/05-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/jameson-jacob-residence/05-1200.jpg" width="1080" height="761" alt="Jameson Jacob Residence — photograph 5" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/jameson-jacob-residence/06-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Jameson Jacob Residence — 06">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/jameson-jacob-residence/06-800.webp 800w, /assets/img/projects/jameson-jacob-residence/06-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/jameson-jacob-residence/06-1200.jpg" width="1080" height="761" alt="Jameson Jacob Residence — photograph 6" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/jameson-jacob-residence/07-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Jameson Jacob Residence — 07">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/jameson-jacob-residence/07-800.webp 800w, /assets/img/projects/jameson-jacob-residence/07-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/jameson-jacob-residence/07-1200.jpg" width="1080" height="761" alt="Jameson Jacob Residence — photograph 7" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/jameson-jacob-residence/08-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Jameson Jacob Residence — 08">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/jameson-jacob-residence/08-800.webp 800w, /assets/img/projects/jameson-jacob-residence/08-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/jameson-jacob-residence/08-1200.jpg" width="1080" height="761" alt="Jameson Jacob Residence — photograph 8" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/jameson-jacob-residence/09-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Jameson Jacob Residence — 09">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/jameson-jacob-residence/09-800.webp 800w, /assets/img/projects/jameson-jacob-residence/09-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/jameson-jacob-residence/09-1200.jpg" width="1080" height="1440" alt="Jameson Jacob Residence — photograph 9" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/jameson-jacob-residence/10-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Jameson Jacob Residence — 10">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/jameson-jacob-residence/10-800.webp 800w, /assets/img/projects/jameson-jacob-residence/10-1600.webp 1280w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/jameson-jacob-residence/10-1200.jpg" width="1200" height="1200" alt="Jameson Jacob Residence — photograph 10" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/jameson-jacob-residence/11-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Jameson Jacob Residence — 11">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/jameson-jacob-residence/11-800.webp 800w, /assets/img/projects/jameson-jacob-residence/11-1600.webp 1496w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/jameson-jacob-residence/11-1200.jpg" width="1200" height="1200" alt="Jameson Jacob Residence — photograph 11" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/jameson-jacob-residence/12-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Jameson Jacob Residence — 12">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/jameson-jacob-residence/12-800.webp 800w, /assets/img/projects/jameson-jacob-residence/12-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/jameson-jacob-residence/12-1200.jpg" width="1080" height="1918" alt="Jameson Jacob Residence — photograph 12" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/jameson-jacob-residence/13-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Jameson Jacob Residence — 13">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/jameson-jacob-residence/13-800.webp 800w, /assets/img/projects/jameson-jacob-residence/13-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/jameson-jacob-residence/13-1200.jpg" width="1080" height="1918" alt="Jameson Jacob Residence — photograph 13" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/jameson-jacob-residence/14-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Jameson Jacob Residence — 14">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/jameson-jacob-residence/14-800.webp 800w, /assets/img/projects/jameson-jacob-residence/14-1600.webp 1600w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/jameson-jacob-residence/14-1200.jpg" width="1200" height="676" alt="Jameson Jacob Residence — photograph 14" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav class="proj-nav" aria-label="More projects">
|
||||
<a href="/projects/indu-vinod-residence/"><span class="eyebrow">previous</span><span class="name u">Indu & Vinod Residence</span></a>
|
||||
<a class="next" href="/projects/jaya-krishnan-residence/"><span class="eyebrow">next</span><span class="name u">Jaya Krishnan Residence</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">Planning something like this? <em>Let us draw it with you.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/vendor/glightbox.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,150 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Jaya Krishnan Residence — Residential, Kakkanad — Art.n Architects</title>
|
||||
<meta name="description" content="A two-storey house in Kakkanad composed of overlapping clay-tiled roofs, white walls and exposed-brick accent bays. Inside, a double-height dining space…">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/projects/jaya-krishnan-residence/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="Jaya Krishnan Residence — Residential, Kakkanad — Art.n Architects">
|
||||
<meta property="og:description" content="A two-storey house in Kakkanad composed of overlapping clay-tiled roofs, white walls and exposed-brick accent bays. Inside, a double-height dining space…">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/projects/jaya-krishnan-residence/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/projects/jaya-krishnan-residence/03-1200.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
<link rel="stylesheet" href="/assets/vendor/glightbox.min.css">
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Projects","item":"https://www.artnouveau.in/projects/"},{"@type":"ListItem","position":2,"name":"Jaya Krishnan Residence","item":"https://www.artnouveau.in/projects/jaya-krishnan-residence/"}]}</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/" aria-current="page">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="proj-hero wrap">
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/jaya-krishnan-residence/03-800.webp 800w, /assets/img/projects/jaya-krishnan-residence/03-1600.webp 820w" sizes="92vw"><img src="/assets/img/projects/jaya-krishnan-residence/03-1200.jpg" width="820" height="461" alt="Architectural rendering of a two-storey house with layered clay-tiled roofs and exposed-brick bays, a carport to one side and a cyclist passing on the street." decoding="async" fetchpriority="high"></picture></div>
|
||||
</section>
|
||||
<section class="proj-title wrap">
|
||||
<span class="eyebrow">Residential — Kakkanad</span>
|
||||
<h1>Jaya Krishnan Residence</h1>
|
||||
</section>
|
||||
<div class="wrap">
|
||||
<div class="proj-cols">
|
||||
<ul class="spec reveal">
|
||||
<li><span class="k">Category</span><span class="v">Residential</span></li>
|
||||
<li><span class="k">Client</span><span class="v">Mr. Jaya Krishnan</span></li>
|
||||
<li><span class="k">Year</span><span class="v">2022</span></li>
|
||||
<li><span class="k">Place</span><span class="v">Kakkanad</span></li>
|
||||
<li><span class="k">Scope</span><span class="v">Architecture</span></li>
|
||||
</ul>
|
||||
<div class="proj-blurb reveal">
|
||||
<p>A two-storey house in Kakkanad composed of overlapping clay-tiled roofs, white walls and exposed-brick accent bays. Inside, a double-height dining space is lit by three tall windows that frame the planted setback, with greenery and a glass-topped table set against grey plaster. Slatted screens and a carport complete the street elevation.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery">
|
||||
<a href="/assets/img/projects/jaya-krishnan-residence/01-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Jaya Krishnan Residence — 02">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/jaya-krishnan-residence/01-800.webp 800w, /assets/img/projects/jaya-krishnan-residence/01-1600.webp 820w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/jaya-krishnan-residence/01-1200.jpg" width="820" height="461" alt="Jaya Krishnan Residence — photograph 2" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/jaya-krishnan-residence/02-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Jaya Krishnan Residence — 03">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/jaya-krishnan-residence/02-800.webp 800w, /assets/img/projects/jaya-krishnan-residence/02-1600.webp 820w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/jaya-krishnan-residence/02-1200.jpg" width="820" height="461" alt="Jaya Krishnan Residence — photograph 3" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/jaya-krishnan-residence/04-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Jaya Krishnan Residence — 04">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/jaya-krishnan-residence/04-800.webp 800w, /assets/img/projects/jaya-krishnan-residence/04-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/jaya-krishnan-residence/04-1200.jpg" width="1080" height="1440" alt="Jaya Krishnan Residence — photograph 4" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/jaya-krishnan-residence/05-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Jaya Krishnan Residence — 05">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/jaya-krishnan-residence/05-800.webp 800w, /assets/img/projects/jaya-krishnan-residence/05-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/jaya-krishnan-residence/05-1200.jpg" width="1080" height="1440" alt="Jaya Krishnan Residence — photograph 5" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/jaya-krishnan-residence/06-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Jaya Krishnan Residence — 06">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/jaya-krishnan-residence/06-800.webp 800w, /assets/img/projects/jaya-krishnan-residence/06-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/jaya-krishnan-residence/06-1200.jpg" width="1080" height="810" alt="Jaya Krishnan Residence — photograph 6" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav class="proj-nav" aria-label="More projects">
|
||||
<a href="/projects/jameson-jacob-residence/"><span class="eyebrow">previous</span><span class="name u">Jameson Jacob Residence</span></a>
|
||||
<a class="next" href="/projects/jayakumar-residence/"><span class="eyebrow">next</span><span class="name u">Jayakumar Residence</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">Planning something like this? <em>Let us draw it with you.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/vendor/glightbox.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,153 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Jayakumar Residence — Residential, Kanjirappally — Art.n Architects</title>
|
||||
<meta name="description" content="A large two-storey house in Kanjirappally under grey tiled pitched roofs, its white walls broken by rough stone-clad bays around the entrance. A columne…">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/projects/jayakumar-residence/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="Jayakumar Residence — Residential, Kanjirappally — Art.n Architects">
|
||||
<meta property="og:description" content="A large two-storey house in Kanjirappally under grey tiled pitched roofs, its white walls broken by rough stone-clad bays around the entrance. A columne…">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/projects/jayakumar-residence/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/projects/jayakumar-residence/01-1200.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
<link rel="stylesheet" href="/assets/vendor/glightbox.min.css">
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Projects","item":"https://www.artnouveau.in/projects/"},{"@type":"ListItem","position":2,"name":"Jayakumar Residence","item":"https://www.artnouveau.in/projects/jayakumar-residence/"}]}</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/" aria-current="page">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="proj-hero wrap">
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/jayakumar-residence/01-800.webp 800w, /assets/img/projects/jayakumar-residence/01-1600.webp 1080w" sizes="92vw"><img src="/assets/img/projects/jayakumar-residence/01-1200.jpg" width="1080" height="720" alt="Two-storey white house with grey tiled roofs and stone-clad bays behind a broad cobbled forecourt lined with palms, a vehicle parked under the porch." decoding="async" fetchpriority="high"></picture></div>
|
||||
</section>
|
||||
<section class="proj-title wrap">
|
||||
<span class="eyebrow">Residential — Kanjirappally</span>
|
||||
<h1>Jayakumar Residence</h1>
|
||||
</section>
|
||||
<div class="wrap">
|
||||
<div class="proj-cols">
|
||||
<ul class="spec reveal">
|
||||
<li><span class="k">Category</span><span class="v">Residential</span></li>
|
||||
<li><span class="k">Client</span><span class="v">Mr. Jayakumar</span></li>
|
||||
<li><span class="k">Year</span><span class="v">2023</span></li>
|
||||
<li><span class="k">Place</span><span class="v">Kanjirappally</span></li>
|
||||
<li><span class="k">Scope</span><span class="v">Architecture</span></li>
|
||||
</ul>
|
||||
<div class="proj-blurb reveal">
|
||||
<p>A large two-storey house in Kanjirappally under grey tiled pitched roofs, its white walls broken by rough stone-clad bays around the entrance. A columned porch and timber door open onto a broad cobbled forecourt threaded with stepping-stone paths and set among coconut and areca palms. Deep verandahs and louvered windows shade the ground floor.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery">
|
||||
<a href="/assets/img/projects/jayakumar-residence/02-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Jayakumar Residence — 02">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/jayakumar-residence/02-800.webp 800w, /assets/img/projects/jayakumar-residence/02-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/jayakumar-residence/02-1200.jpg" width="1080" height="720" alt="Jayakumar Residence — photograph 2" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/jayakumar-residence/03-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Jayakumar Residence — 03">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/jayakumar-residence/03-800.webp 800w, /assets/img/projects/jayakumar-residence/03-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/jayakumar-residence/03-1200.jpg" width="1080" height="720" alt="Jayakumar Residence — photograph 3" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/jayakumar-residence/04-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Jayakumar Residence — 04">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/jayakumar-residence/04-800.webp 800w, /assets/img/projects/jayakumar-residence/04-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/jayakumar-residence/04-1200.jpg" width="1080" height="1620" alt="Jayakumar Residence — photograph 4" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/jayakumar-residence/05-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Jayakumar Residence — 05">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/jayakumar-residence/05-800.webp 800w, /assets/img/projects/jayakumar-residence/05-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/jayakumar-residence/05-1200.jpg" width="1080" height="1620" alt="Jayakumar Residence — photograph 5" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/jayakumar-residence/06-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Jayakumar Residence — 06">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/jayakumar-residence/06-800.webp 800w, /assets/img/projects/jayakumar-residence/06-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/jayakumar-residence/06-1200.jpg" width="1080" height="720" alt="Jayakumar Residence — photograph 6" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/jayakumar-residence/07-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Jayakumar Residence — 07">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/jayakumar-residence/07-800.webp 800w, /assets/img/projects/jayakumar-residence/07-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/jayakumar-residence/07-1200.jpg" width="1080" height="720" alt="Jayakumar Residence — photograph 7" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav class="proj-nav" aria-label="More projects">
|
||||
<a href="/projects/jaya-krishnan-residence/"><span class="eyebrow">previous</span><span class="name u">Jaya Krishnan Residence</span></a>
|
||||
<a class="next" href="/projects/jayanthi-residence/"><span class="eyebrow">next</span><span class="name u">Jayanthi Residence</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">Planning something like this? <em>Let us draw it with you.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/vendor/glightbox.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,147 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Jayanthi Residence — Residential, Kottayam — Art.n Architects</title>
|
||||
<meta name="description" content="A two-storey house in Kottayam built up from stacked white volumes, with flat roofs, slot railings and a cantilevered, glass-railed balcony over the ent…">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/projects/jayanthi-residence/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="Jayanthi Residence — Residential, Kottayam — Art.n Architects">
|
||||
<meta property="og:description" content="A two-storey house in Kottayam built up from stacked white volumes, with flat roofs, slot railings and a cantilevered, glass-railed balcony over the ent…">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/projects/jayanthi-residence/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/projects/jayanthi-residence/01-1200.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
<link rel="stylesheet" href="/assets/vendor/glightbox.min.css">
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Projects","item":"https://www.artnouveau.in/projects/"},{"@type":"ListItem","position":2,"name":"Jayanthi Residence","item":"https://www.artnouveau.in/projects/jayanthi-residence/"}]}</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/" aria-current="page">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="proj-hero wrap">
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/jayanthi-residence/01-800.webp 800w, /assets/img/projects/jayanthi-residence/01-1600.webp 1080w" sizes="92vw"><img src="/assets/img/projects/jayanthi-residence/01-1200.jpg" width="1080" height="950" alt="White two-storey residence composed of stacked flat-roofed volumes with a cantilevered glass-railed balcony above a shaded carport." decoding="async" fetchpriority="high"></picture></div>
|
||||
</section>
|
||||
<section class="proj-title wrap">
|
||||
<span class="eyebrow">Residential — Kottayam</span>
|
||||
<h1>Jayanthi Residence</h1>
|
||||
</section>
|
||||
<div class="wrap">
|
||||
<div class="proj-cols">
|
||||
<ul class="spec reveal">
|
||||
<li><span class="k">Category</span><span class="v">Residential</span></li>
|
||||
<li><span class="k">Client</span><span class="v">Jayanthi</span></li>
|
||||
<li><span class="k">Year</span><span class="v">2019</span></li>
|
||||
<li><span class="k">Place</span><span class="v">Kottayam</span></li>
|
||||
<li><span class="k">Scope</span><span class="v">Architecture · Interiors</span></li>
|
||||
</ul>
|
||||
<div class="proj-blurb reveal">
|
||||
<p>A two-storey house in Kottayam built up from stacked white volumes, with flat roofs, slot railings and a cantilevered, glass-railed balcony over the entrance. Inside, a double-height living room stays pale and bright, set off by wood-framed sofas, while the kitchen is finished entirely in stainless steel.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery">
|
||||
<a href="/assets/img/projects/jayanthi-residence/02-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Jayanthi Residence — 02">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/jayanthi-residence/02-800.webp 800w, /assets/img/projects/jayanthi-residence/02-1600.webp 904w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/jayanthi-residence/02-1200.jpg" width="904" height="1080" alt="Jayanthi Residence — photograph 2" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/jayanthi-residence/03-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Jayanthi Residence — 03">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/jayanthi-residence/03-800.webp 737w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/jayanthi-residence/03-1200.jpg" width="737" height="1080" alt="Jayanthi Residence — photograph 3" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/jayanthi-residence/04-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Jayanthi Residence — 04">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/jayanthi-residence/04-800.webp 800w, /assets/img/projects/jayanthi-residence/04-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/jayanthi-residence/04-1200.jpg" width="1080" height="780" alt="Jayanthi Residence — photograph 4" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/jayanthi-residence/05-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Jayanthi Residence — 05">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/jayanthi-residence/05-800.webp 736w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/jayanthi-residence/05-1200.jpg" width="736" height="1080" alt="Jayanthi Residence — photograph 5" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav class="proj-nav" aria-label="More projects">
|
||||
<a href="/projects/jayakumar-residence/"><span class="eyebrow">previous</span><span class="name u">Jayakumar Residence</span></a>
|
||||
<a class="next" href="/projects/life-planners/"><span class="eyebrow">next</span><span class="name u">Life Planners Institute</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">Planning something like this? <em>Let us draw it with you.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/vendor/glightbox.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,186 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Life Planners Institute — Institutional, Kottayam — Art.n Architects</title>
|
||||
<meta name="description" content="The Kottayam premises of Life Planner, a study-abroad and creative-education institute, fitted out in warm timber, textured grey plaster and moss-green …">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/projects/life-planners/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="Life Planners Institute — Institutional, Kottayam — Art.n Architects">
|
||||
<meta property="og:description" content="The Kottayam premises of Life Planner, a study-abroad and creative-education institute, fitted out in warm timber, textured grey plaster and moss-green …">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/projects/life-planners/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/projects/life-planners/01-1200.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
<link rel="stylesheet" href="/assets/vendor/glightbox.min.css">
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Projects","item":"https://www.artnouveau.in/projects/"},{"@type":"ListItem","position":2,"name":"Life Planners Institute","item":"https://www.artnouveau.in/projects/life-planners/"}]}</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/" aria-current="page">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="proj-hero wrap">
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/life-planners/01-800.webp 748w" sizes="92vw"><img src="/assets/img/projects/life-planners/01-1200.jpg" width="748" height="495" alt="Institute reception desk under a warm wood-slat ceiling with copper leaf-shaped pendants, a textured grey counter with a cut-out logo, and a glass entrance door." decoding="async" fetchpriority="high"></picture></div>
|
||||
</section>
|
||||
<section class="proj-title wrap">
|
||||
<span class="eyebrow">Institutional — Kottayam</span>
|
||||
<h1>Life Planners Institute</h1>
|
||||
</section>
|
||||
<div class="wrap">
|
||||
<div class="proj-cols">
|
||||
<ul class="spec reveal">
|
||||
<li><span class="k">Category</span><span class="v">Institutional</span></li>
|
||||
<li><span class="k">Client</span><span class="v">Sujin C Cherian</span></li>
|
||||
<li><span class="k">Year</span><span class="v">2021</span></li>
|
||||
<li><span class="k">Place</span><span class="v">Kottayam</span></li>
|
||||
<li><span class="k">Scope</span><span class="v">Architecture · Interiors</span></li>
|
||||
</ul>
|
||||
<div class="proj-blurb reveal">
|
||||
<p>The Kottayam premises of Life Planner, a study-abroad and creative-education institute, fitted out in warm timber, textured grey plaster and moss-green accent walls. Wood-slat ceilings and copper pendant lights frame the reception, brand plaques hang on a living moss wall, and the same palette carries through the cabins and a small in-house preview theatre.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery">
|
||||
<a href="/assets/img/projects/life-planners/03-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Life Planners Institute — 02">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/life-planners/03-800.webp 502w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/life-planners/03-1200.jpg" width="502" height="759" alt="Life Planners Institute — photograph 2" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/life-planners/04-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Life Planners Institute — 03">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/life-planners/04-800.webp 800w, /assets/img/projects/life-planners/04-1600.webp 1024w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/life-planners/04-1200.jpg" width="1024" height="1528" alt="Life Planners Institute — photograph 3" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/life-planners/05-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Life Planners Institute — 04">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/life-planners/05-800.webp 657w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/life-planners/05-1200.jpg" width="657" height="1007" alt="Life Planners Institute — photograph 4" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/life-planners/06-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Life Planners Institute — 05">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/life-planners/06-800.webp 660w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/life-planners/06-1200.jpg" width="660" height="994" alt="Life Planners Institute — photograph 5" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/life-planners/07-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Life Planners Institute — 06">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/life-planners/07-800.webp 800w, /assets/img/projects/life-planners/07-1600.webp 1024w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/life-planners/07-1200.jpg" width="1024" height="1527" alt="Life Planners Institute — photograph 6" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/life-planners/08-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Life Planners Institute — 07">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/life-planners/08-800.webp 800w, /assets/img/projects/life-planners/08-1600.webp 1024w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/life-planners/08-1200.jpg" width="1024" height="1528" alt="Life Planners Institute — photograph 7" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/life-planners/09-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Life Planners Institute — 08">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/life-planners/09-800.webp 800w, /assets/img/projects/life-planners/09-1600.webp 1024w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/life-planners/09-1200.jpg" width="1024" height="1528" alt="Life Planners Institute — photograph 8" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/life-planners/10-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Life Planners Institute — 09">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/life-planners/10-800.webp 800w, /assets/img/projects/life-planners/10-1600.webp 1024w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/life-planners/10-1200.jpg" width="1024" height="1528" alt="Life Planners Institute — photograph 9" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/life-planners/11-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Life Planners Institute — 10">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/life-planners/11-800.webp 800w, /assets/img/projects/life-planners/11-1600.webp 1024w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/life-planners/11-1200.jpg" width="1024" height="1528" alt="Life Planners Institute — photograph 10" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/life-planners/12-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Life Planners Institute — 11">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/life-planners/12-800.webp 800w, /assets/img/projects/life-planners/12-1600.webp 1024w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/life-planners/12-1200.jpg" width="1024" height="687" alt="Life Planners Institute — photograph 11" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/life-planners/13-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Life Planners Institute — 12">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/life-planners/13-800.webp 800w, /assets/img/projects/life-planners/13-1600.webp 1024w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/life-planners/13-1200.jpg" width="1024" height="1527" alt="Life Planners Institute — photograph 12" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/life-planners/14-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Life Planners Institute — 13">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/life-planners/14-800.webp 800w, /assets/img/projects/life-planners/14-1600.webp 1024w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/life-planners/14-1200.jpg" width="1024" height="1528" alt="Life Planners Institute — photograph 13" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/life-planners/15-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Life Planners Institute — 14">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/life-planners/15-800.webp 800w, /assets/img/projects/life-planners/15-1600.webp 1024w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/life-planners/15-1200.jpg" width="1024" height="1528" alt="Life Planners Institute — photograph 14" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/life-planners/16-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Life Planners Institute — 15">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/life-planners/16-800.webp 800w, /assets/img/projects/life-planners/16-1600.webp 1024w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/life-planners/16-1200.jpg" width="1024" height="1531" alt="Life Planners Institute — photograph 15" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/life-planners/17-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Life Planners Institute — 16">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/life-planners/17-800.webp 800w, /assets/img/projects/life-planners/17-1600.webp 1024w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/life-planners/17-1200.jpg" width="1024" height="1528" alt="Life Planners Institute — photograph 16" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/life-planners/18-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Life Planners Institute — 17">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/life-planners/18-800.webp 800w, /assets/img/projects/life-planners/18-1600.webp 1024w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/life-planners/18-1200.jpg" width="1024" height="1528" alt="Life Planners Institute — photograph 17" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/life-planners/19-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Life Planners Institute — 18">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/life-planners/19-800.webp 800w, /assets/img/projects/life-planners/19-1600.webp 1024w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/life-planners/19-1200.jpg" width="1024" height="1528" alt="Life Planners Institute — photograph 18" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav class="proj-nav" aria-label="More projects">
|
||||
<a href="/projects/jayanthi-residence/"><span class="eyebrow">previous</span><span class="name u">Jayanthi Residence</span></a>
|
||||
<a class="next" href="/projects/lifeline-hospital/"><span class="eyebrow">next</span><span class="name u">Lifeline Hospital</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">Planning something like this? <em>Let us draw it with you.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/vendor/glightbox.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,179 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Lifeline Hospital — Healthcare — Art.n Architects</title>
|
||||
<meta name="description" content="A multi-speciality hospital that Art.n delivered as project managers. Patient rooms are lined in warm wood veneer and open through glazed doors onto sma…">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/projects/lifeline-hospital/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="Lifeline Hospital — Healthcare — Art.n Architects">
|
||||
<meta property="og:description" content="A multi-speciality hospital that Art.n delivered as project managers. Patient rooms are lined in warm wood veneer and open through glazed doors onto sma…">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/projects/lifeline-hospital/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/projects/lifeline-hospital/06-1200.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
<link rel="stylesheet" href="/assets/vendor/glightbox.min.css">
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Projects","item":"https://www.artnouveau.in/projects/"},{"@type":"ListItem","position":2,"name":"Lifeline Hospital","item":"https://www.artnouveau.in/projects/lifeline-hospital/"}]}</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/" aria-current="page">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="proj-hero wrap">
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/lifeline-hospital/06-800.webp 800w, /assets/img/projects/lifeline-hospital/06-1600.webp 1280w" sizes="92vw"><img src="/assets/img/projects/lifeline-hospital/06-1200.jpg" width="1200" height="673" alt="Wood-panelled hospital patient room with a bed, wall-mounted TV and a glazed door opening to a small balcony framed by greenery." decoding="async" fetchpriority="high"></picture></div>
|
||||
</section>
|
||||
<section class="proj-title wrap">
|
||||
<span class="eyebrow">Healthcare</span>
|
||||
<h1>Lifeline Hospital</h1>
|
||||
</section>
|
||||
<div class="wrap">
|
||||
<div class="proj-cols">
|
||||
<ul class="spec reveal">
|
||||
<li><span class="k">Category</span><span class="v">Healthcare</span></li>
|
||||
<li><span class="k">Client</span><span class="v">Lifeline Hospital</span></li>
|
||||
<li><span class="k">Year</span><span class="v">2020</span></li>
|
||||
<li><span class="k">Scope</span><span class="v">Architecture · Project Management</span></li>
|
||||
</ul>
|
||||
<div class="proj-blurb reveal">
|
||||
<p>A multi-speciality hospital that Art.n delivered as project managers. Patient rooms are lined in warm wood veneer and open through glazed doors onto small planted balconies, while ward corridors run in pale tile under recessed lighting. The tall block carries the Lifeline Heart Institute signage at its crown.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery">
|
||||
<a href="/assets/img/projects/lifeline-hospital/01-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Lifeline Hospital — 02">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/lifeline-hospital/01-800.webp 800w, /assets/img/projects/lifeline-hospital/01-1600.webp 1360w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/lifeline-hospital/01-1200.jpg" width="1200" height="897" alt="Lifeline Hospital — photograph 2" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/lifeline-hospital/02-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Lifeline Hospital — 03">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/lifeline-hospital/02-800.webp 459w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/lifeline-hospital/02-1200.jpg" width="459" height="1020" alt="Lifeline Hospital — photograph 3" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/lifeline-hospital/03-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Lifeline Hospital — 04">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/lifeline-hospital/03-800.webp 459w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/lifeline-hospital/03-1200.jpg" width="459" height="1020" alt="Lifeline Hospital — photograph 4" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/lifeline-hospital/04-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Lifeline Hospital — 05">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/lifeline-hospital/04-800.webp 800w, /assets/img/projects/lifeline-hospital/04-1600.webp 1360w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/lifeline-hospital/04-1200.jpg" width="1200" height="900" alt="Lifeline Hospital — photograph 5" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/lifeline-hospital/05-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Lifeline Hospital — 06">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/lifeline-hospital/05-800.webp 459w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/lifeline-hospital/05-1200.jpg" width="459" height="1020" alt="Lifeline Hospital — photograph 6" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/lifeline-hospital/07-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Lifeline Hospital — 07">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/lifeline-hospital/07-800.webp 800w, /assets/img/projects/lifeline-hospital/07-1600.webp 1280w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/lifeline-hospital/07-1200.jpg" width="1200" height="673" alt="Lifeline Hospital — photograph 7" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/lifeline-hospital/08-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Lifeline Hospital — 08">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/lifeline-hospital/08-800.webp 800w, /assets/img/projects/lifeline-hospital/08-1600.webp 1280w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/lifeline-hospital/08-1200.jpg" width="1200" height="673" alt="Lifeline Hospital — photograph 8" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/lifeline-hospital/09-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Lifeline Hospital — 09">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/lifeline-hospital/09-800.webp 800w, /assets/img/projects/lifeline-hospital/09-1600.webp 1280w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/lifeline-hospital/09-1200.jpg" width="1200" height="673" alt="Lifeline Hospital — photograph 9" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/lifeline-hospital/10-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Lifeline Hospital — 10">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/lifeline-hospital/10-800.webp 572w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/lifeline-hospital/10-1200.jpg" width="572" height="1020" alt="Lifeline Hospital — photograph 10" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/lifeline-hospital/11-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Lifeline Hospital — 11">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/lifeline-hospital/11-800.webp 765w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/lifeline-hospital/11-1200.jpg" width="765" height="1020" alt="Lifeline Hospital — photograph 11" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/lifeline-hospital/12-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Lifeline Hospital — 12">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/lifeline-hospital/12-800.webp 765w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/lifeline-hospital/12-1200.jpg" width="765" height="1020" alt="Lifeline Hospital — photograph 12" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/lifeline-hospital/13-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Lifeline Hospital — 13">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/lifeline-hospital/13-800.webp 800w, /assets/img/projects/lifeline-hospital/13-1600.webp 1360w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/lifeline-hospital/13-1200.jpg" width="1200" height="900" alt="Lifeline Hospital — photograph 13" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/lifeline-hospital/14-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Lifeline Hospital — 14">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/lifeline-hospital/14-800.webp 800w, /assets/img/projects/lifeline-hospital/14-1600.webp 1280w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/lifeline-hospital/14-1200.jpg" width="1200" height="900" alt="Lifeline Hospital — photograph 14" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/lifeline-hospital/15-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Lifeline Hospital — 15">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/lifeline-hospital/15-800.webp 765w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/lifeline-hospital/15-1200.jpg" width="765" height="1020" alt="Lifeline Hospital — photograph 15" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/lifeline-hospital/16-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Lifeline Hospital — 16">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/lifeline-hospital/16-800.webp 765w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/lifeline-hospital/16-1200.jpg" width="765" height="1020" alt="Lifeline Hospital — photograph 16" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav class="proj-nav" aria-label="More projects">
|
||||
<a href="/projects/life-planners/"><span class="eyebrow">previous</span><span class="name u">Life Planners Institute</span></a>
|
||||
<a class="next" href="/projects/mappilasherry-tharavadu/"><span class="eyebrow">next</span><span class="name u">Mappilasherry Tharavadu</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">Planning something like this? <em>Let us draw it with you.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/vendor/glightbox.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,143 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Mappilasherry Tharavadu — Residential — Art.n Architects</title>
|
||||
<meta name="description" content="A tharavadu in the traditional Kerala idiom, with white walls, carved timber doors and pierced jaali panels set under a terracotta-tiled hipped roof. A …">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/projects/mappilasherry-tharavadu/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="Mappilasherry Tharavadu — Residential — Art.n Architects">
|
||||
<meta property="og:description" content="A tharavadu in the traditional Kerala idiom, with white walls, carved timber doors and pierced jaali panels set under a terracotta-tiled hipped roof. A …">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/projects/mappilasherry-tharavadu/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/projects/mappilasherry-tharavadu/04-1200.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
<link rel="stylesheet" href="/assets/vendor/glightbox.min.css">
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Projects","item":"https://www.artnouveau.in/projects/"},{"@type":"ListItem","position":2,"name":"Mappilasherry Tharavadu","item":"https://www.artnouveau.in/projects/mappilasherry-tharavadu/"}]}</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/" aria-current="page">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="proj-hero wrap">
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/mappilasherry-tharavadu/04-800.webp 800w, /assets/img/projects/mappilasherry-tharavadu/04-1600.webp 1080w" sizes="92vw"><img src="/assets/img/projects/mappilasherry-tharavadu/04-1200.jpg" width="1080" height="720" alt="Traditional Kerala tharavadu with a terracotta-tiled hipped roof and columned verandah, fronted by a black-and-white checkerboard paved courtyard and a mango tree." decoding="async" fetchpriority="high"></picture></div>
|
||||
</section>
|
||||
<section class="proj-title wrap">
|
||||
<span class="eyebrow">Residential</span>
|
||||
<h1>Mappilasherry Tharavadu</h1>
|
||||
</section>
|
||||
<div class="wrap">
|
||||
<div class="proj-cols">
|
||||
<ul class="spec reveal">
|
||||
<li><span class="k">Category</span><span class="v">Residential</span></li>
|
||||
<li><span class="k">Client</span><span class="v">Mappilasherry Tharavadu</span></li>
|
||||
<li><span class="k">Year</span><span class="v">2020</span></li>
|
||||
<li><span class="k">Scope</span><span class="v">Architecture · Interiors</span></li>
|
||||
</ul>
|
||||
<div class="proj-blurb reveal">
|
||||
<p>A tharavadu in the traditional Kerala idiom, with white walls, carved timber doors and pierced jaali panels set under a terracotta-tiled hipped roof. A columned verandah faces a black-and-white checkerboard courtyard shaded by mango trees, and the house sits directly on a canal.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery">
|
||||
<a href="/assets/img/projects/mappilasherry-tharavadu/01-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Mappilasherry Tharavadu — 02">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/mappilasherry-tharavadu/01-800.webp 800w, /assets/img/projects/mappilasherry-tharavadu/01-1600.webp 820w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/mappilasherry-tharavadu/01-1200.jpg" width="820" height="547" alt="Mappilasherry Tharavadu — photograph 2" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/mappilasherry-tharavadu/02-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Mappilasherry Tharavadu — 03">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/mappilasherry-tharavadu/02-800.webp 800w, /assets/img/projects/mappilasherry-tharavadu/02-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/mappilasherry-tharavadu/02-1200.jpg" width="1080" height="720" alt="Mappilasherry Tharavadu — photograph 3" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/mappilasherry-tharavadu/03-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Mappilasherry Tharavadu — 04">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/mappilasherry-tharavadu/03-800.webp 800w, /assets/img/projects/mappilasherry-tharavadu/03-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/mappilasherry-tharavadu/03-1200.jpg" width="1080" height="720" alt="Mappilasherry Tharavadu — photograph 4" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav class="proj-nav" aria-label="More projects">
|
||||
<a href="/projects/lifeline-hospital/"><span class="eyebrow">previous</span><span class="name u">Lifeline Hospital</span></a>
|
||||
<a class="next" href="/projects/mohammed-yusuf/"><span class="eyebrow">next</span><span class="name u">Mohammed Yusuf Building</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">Planning something like this? <em>Let us draw it with you.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/vendor/glightbox.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,144 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Adv. Mohammed Yusuf Building — Commercial, Vandiperiyar — Art.n Architects</title>
|
||||
<meta name="description" content="A commercial building for Vandiperiyar wrapped in a screen of vertical timber and metal louvres over a glazed upper floor, with the ground level opened …">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/projects/mohammed-yusuf/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="Adv. Mohammed Yusuf Building — Commercial, Vandiperiyar — Art.n Architects">
|
||||
<meta property="og:description" content="A commercial building for Vandiperiyar wrapped in a screen of vertical timber and metal louvres over a glazed upper floor, with the ground level opened …">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/projects/mohammed-yusuf/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/projects/mohammed-yusuf/03-1200.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
<link rel="stylesheet" href="/assets/vendor/glightbox.min.css">
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Projects","item":"https://www.artnouveau.in/projects/"},{"@type":"ListItem","position":2,"name":"Adv. Mohammed Yusuf Building","item":"https://www.artnouveau.in/projects/mohammed-yusuf/"}]}</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/" aria-current="page">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="proj-hero wrap">
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/mohammed-yusuf/03-800.webp 800w, /assets/img/projects/mohammed-yusuf/03-1600.webp 1080w" sizes="92vw"><img src="/assets/img/projects/mohammed-yusuf/03-1200.jpg" width="1080" height="608" alt="Dusk rendering of a three-storey commercial building with a vertical timber-louvred upper floor glowing with warm light, raised over an open ground-floor parking level." decoding="async" fetchpriority="high"></picture></div>
|
||||
</section>
|
||||
<section class="proj-title wrap">
|
||||
<span class="eyebrow">Commercial — Vandiperiyar</span>
|
||||
<h1>Adv. Mohammed Yusuf Building</h1>
|
||||
</section>
|
||||
<div class="wrap">
|
||||
<div class="proj-cols">
|
||||
<ul class="spec reveal">
|
||||
<li><span class="k">Category</span><span class="v">Commercial</span></li>
|
||||
<li><span class="k">Client</span><span class="v">Adv. Mohammed Yusuf</span></li>
|
||||
<li><span class="k">Year</span><span class="v">Ongoing</span></li>
|
||||
<li><span class="k">Place</span><span class="v">Vandiperiyar</span></li>
|
||||
<li><span class="k">Scope</span><span class="v">Architecture</span></li>
|
||||
</ul>
|
||||
<div class="proj-blurb reveal">
|
||||
<p>A commercial building for Vandiperiyar wrapped in a screen of vertical timber and metal louvres over a glazed upper floor, with the ground level opened up as covered parking on a brick-clad plinth. The louvred skin filters daylight and glows from within at dusk. Shown here in design renderings, as the project is ongoing.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery">
|
||||
<a href="/assets/img/projects/mohammed-yusuf/01-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Adv. Mohammed Yusuf Building — 02">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/mohammed-yusuf/01-800.webp 800w, /assets/img/projects/mohammed-yusuf/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/mohammed-yusuf/01-1200.jpg" width="1080" height="608" alt="Adv. Mohammed Yusuf Building — photograph 2" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/mohammed-yusuf/02-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Adv. Mohammed Yusuf Building — 03">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/mohammed-yusuf/02-800.webp 800w, /assets/img/projects/mohammed-yusuf/02-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/mohammed-yusuf/02-1200.jpg" width="1080" height="608" alt="Adv. Mohammed Yusuf Building — photograph 3" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/mohammed-yusuf/04-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Adv. Mohammed Yusuf Building — 04">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/mohammed-yusuf/04-800.webp 800w, /assets/img/projects/mohammed-yusuf/04-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/mohammed-yusuf/04-1200.jpg" width="1080" height="608" alt="Adv. Mohammed Yusuf Building — photograph 4" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav class="proj-nav" aria-label="More projects">
|
||||
<a href="/projects/mappilasherry-tharavadu/"><span class="eyebrow">previous</span><span class="name u">Mappilasherry Tharavadu</span></a>
|
||||
<a class="next" href="/projects/orion-county/"><span class="eyebrow">next</span><span class="name u">Orion County</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">Planning something like this? <em>Let us draw it with you.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/vendor/glightbox.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,198 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>P. C. Mathew Residence — Residential, Alappuzha — Art.n Architects</title>
|
||||
<meta name="description" content="A two-storey Alappuzha home that pairs crisp white framing with laterite and dark stone cladding and wide timber-louvered shutters. Inside, perforated t…">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/projects/p-c-mathew-residence/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="P. C. Mathew Residence — Residential, Alappuzha — Art.n Architects">
|
||||
<meta property="og:description" content="A two-storey Alappuzha home that pairs crisp white framing with laterite and dark stone cladding and wide timber-louvered shutters. Inside, perforated t…">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/projects/p-c-mathew-residence/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/projects/p-c-mathew-residence/01-1200.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
<link rel="stylesheet" href="/assets/vendor/glightbox.min.css">
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Projects","item":"https://www.artnouveau.in/projects/"},{"@type":"ListItem","position":2,"name":"P. C. Mathew Residence","item":"https://www.artnouveau.in/projects/p-c-mathew-residence/"}]}</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/" aria-current="page">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="proj-hero wrap">
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/p-c-mathew-residence/01-800.webp 800w, /assets/img/projects/p-c-mathew-residence/01-1600.webp 1080w" sizes="92vw"><img src="/assets/img/projects/p-c-mathew-residence/01-1200.jpg" width="1080" height="620" alt="The Mathew residence at dusk, its laterite and dark-stone facade and timber-louvered shutters glowing with warm interior light behind a deep verandah." decoding="async" fetchpriority="high"></picture></div>
|
||||
</section>
|
||||
<section class="proj-title wrap">
|
||||
<span class="eyebrow">Residential — Alappuzha</span>
|
||||
<h1>P. C. Mathew Residence</h1>
|
||||
</section>
|
||||
<div class="wrap">
|
||||
<div class="proj-cols">
|
||||
<ul class="spec reveal">
|
||||
<li><span class="k">Category</span><span class="v">Residential</span></li>
|
||||
<li><span class="k">Client</span><span class="v">P C Mathew</span></li>
|
||||
<li><span class="k">Year</span><span class="v">2020</span></li>
|
||||
<li><span class="k">Place</span><span class="v">Alappuzha</span></li>
|
||||
<li><span class="k">Scope</span><span class="v">Architecture · Interiors</span></li>
|
||||
</ul>
|
||||
<div class="proj-blurb reveal">
|
||||
<p>A two-storey Alappuzha home that pairs crisp white framing with laterite and dark stone cladding and wide timber-louvered shutters. Inside, perforated terracotta screens are set as backlit feature walls behind the dining table and the upstairs sitting room, warming the polished concrete floors and white walls. Photographed at dusk, the recessed entrance and interior glow read through the deep front verandah.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery">
|
||||
<a href="/assets/img/projects/p-c-mathew-residence/02-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. C. Mathew Residence — 02">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-c-mathew-residence/02-800.webp 800w, /assets/img/projects/p-c-mathew-residence/02-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-c-mathew-residence/02-1200.jpg" width="1080" height="719" alt="P. C. Mathew Residence — photograph 2" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-c-mathew-residence/03-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. C. Mathew Residence — 03">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-c-mathew-residence/03-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-c-mathew-residence/03-1200.jpg" width="719" height="1080" alt="P. C. Mathew Residence — photograph 3" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-c-mathew-residence/04-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. C. Mathew Residence — 04">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-c-mathew-residence/04-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-c-mathew-residence/04-1200.jpg" width="719" height="1080" alt="P. C. Mathew Residence — photograph 4" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-c-mathew-residence/05-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. C. Mathew Residence — 05">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-c-mathew-residence/05-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-c-mathew-residence/05-1200.jpg" width="719" height="1080" alt="P. C. Mathew Residence — photograph 5" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-c-mathew-residence/06-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. C. Mathew Residence — 06">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-c-mathew-residence/06-800.webp 800w, /assets/img/projects/p-c-mathew-residence/06-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-c-mathew-residence/06-1200.jpg" width="1080" height="719" alt="P. C. Mathew Residence — photograph 6" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-c-mathew-residence/07-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. C. Mathew Residence — 07">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-c-mathew-residence/07-800.webp 800w, /assets/img/projects/p-c-mathew-residence/07-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-c-mathew-residence/07-1200.jpg" width="1080" height="719" alt="P. C. Mathew Residence — photograph 7" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-c-mathew-residence/08-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. C. Mathew Residence — 08">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-c-mathew-residence/08-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-c-mathew-residence/08-1200.jpg" width="719" height="1080" alt="P. C. Mathew Residence — photograph 8" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-c-mathew-residence/09-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. C. Mathew Residence — 09">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-c-mathew-residence/09-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-c-mathew-residence/09-1200.jpg" width="719" height="1080" alt="P. C. Mathew Residence — photograph 9" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-c-mathew-residence/10-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. C. Mathew Residence — 10">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-c-mathew-residence/10-800.webp 800w, /assets/img/projects/p-c-mathew-residence/10-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-c-mathew-residence/10-1200.jpg" width="1080" height="719" alt="P. C. Mathew Residence — photograph 10" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-c-mathew-residence/11-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. C. Mathew Residence — 11">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-c-mathew-residence/11-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-c-mathew-residence/11-1200.jpg" width="719" height="1080" alt="P. C. Mathew Residence — photograph 11" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-c-mathew-residence/12-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. C. Mathew Residence — 12">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-c-mathew-residence/12-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-c-mathew-residence/12-1200.jpg" width="719" height="1080" alt="P. C. Mathew Residence — photograph 12" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-c-mathew-residence/13-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. C. Mathew Residence — 13">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-c-mathew-residence/13-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-c-mathew-residence/13-1200.jpg" width="719" height="1080" alt="P. C. Mathew Residence — photograph 13" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-c-mathew-residence/14-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. C. Mathew Residence — 14">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-c-mathew-residence/14-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-c-mathew-residence/14-1200.jpg" width="719" height="1080" alt="P. C. Mathew Residence — photograph 14" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-c-mathew-residence/15-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. C. Mathew Residence — 15">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-c-mathew-residence/15-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-c-mathew-residence/15-1200.jpg" width="719" height="1080" alt="P. C. Mathew Residence — photograph 15" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-c-mathew-residence/16-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. C. Mathew Residence — 16">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-c-mathew-residence/16-800.webp 800w, /assets/img/projects/p-c-mathew-residence/16-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-c-mathew-residence/16-1200.jpg" width="1080" height="719" alt="P. C. Mathew Residence — photograph 16" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-c-mathew-residence/17-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. C. Mathew Residence — 17">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-c-mathew-residence/17-800.webp 800w, /assets/img/projects/p-c-mathew-residence/17-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-c-mathew-residence/17-1200.jpg" width="1080" height="719" alt="P. C. Mathew Residence — photograph 17" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-c-mathew-residence/18-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. C. Mathew Residence — 18">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-c-mathew-residence/18-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-c-mathew-residence/18-1200.jpg" width="719" height="1080" alt="P. C. Mathew Residence — photograph 18" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-c-mathew-residence/19-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. C. Mathew Residence — 19">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-c-mathew-residence/19-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-c-mathew-residence/19-1200.jpg" width="719" height="1080" alt="P. C. Mathew Residence — photograph 19" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-c-mathew-residence/20-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. C. Mathew Residence — 20">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-c-mathew-residence/20-800.webp 800w, /assets/img/projects/p-c-mathew-residence/20-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-c-mathew-residence/20-1200.jpg" width="1080" height="719" alt="P. C. Mathew Residence — photograph 20" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-c-mathew-residence/21-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. C. Mathew Residence — 21">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-c-mathew-residence/21-800.webp 719w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-c-mathew-residence/21-1200.jpg" width="719" height="1080" alt="P. C. Mathew Residence — photograph 21" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-c-mathew-residence/22-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. C. Mathew Residence — 22">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-c-mathew-residence/22-800.webp 800w, /assets/img/projects/p-c-mathew-residence/22-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-c-mathew-residence/22-1200.jpg" width="1080" height="719" alt="P. C. Mathew Residence — photograph 22" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav class="proj-nav" aria-label="More projects">
|
||||
<a href="/projects/orion-county/"><span class="eyebrow">previous</span><span class="name u">Orion County</span></a>
|
||||
<a class="next" href="/projects/p-t-thampi-residence/"><span class="eyebrow">next</span><span class="name u">P. T. Thampi Residence</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">Planning something like this? <em>Let us draw it with you.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/vendor/glightbox.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,195 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>P. T. Thampi Residence — Residential, Kumily — Art.n Architects</title>
|
||||
<meta name="description" content="A large Kumily home that carries traditional Kerala forms — steeply pitched clay-tile roofs, gables and a deep entrance porch — over white walls trimmed…">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/projects/p-t-thampi-residence/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="P. T. Thampi Residence — Residential, Kumily — Art.n Architects">
|
||||
<meta property="og:description" content="A large Kumily home that carries traditional Kerala forms — steeply pitched clay-tile roofs, gables and a deep entrance porch — over white walls trimmed…">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/projects/p-t-thampi-residence/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/projects/p-t-thampi-residence/01-1200.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
<link rel="stylesheet" href="/assets/vendor/glightbox.min.css">
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Projects","item":"https://www.artnouveau.in/projects/"},{"@type":"ListItem","position":2,"name":"P. T. Thampi Residence","item":"https://www.artnouveau.in/projects/p-t-thampi-residence/"}]}</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/" aria-current="page">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="proj-hero wrap">
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/p-t-thampi-residence/01-800.webp 800w, /assets/img/projects/p-t-thampi-residence/01-1600.webp 1600w" sizes="92vw"><img src="/assets/img/projects/p-t-thampi-residence/01-1200.jpg" width="1200" height="662" alt="The Thampi residence at dusk, its pitched clay-tile roofs and verandahs lit from within above a landscaped, lamp-lined garden." decoding="async" fetchpriority="high"></picture></div>
|
||||
</section>
|
||||
<section class="proj-title wrap">
|
||||
<span class="eyebrow">Residential — Kumily</span>
|
||||
<h1>P. T. Thampi Residence</h1>
|
||||
</section>
|
||||
<div class="wrap">
|
||||
<div class="proj-cols">
|
||||
<ul class="spec reveal">
|
||||
<li><span class="k">Category</span><span class="v">Residential</span></li>
|
||||
<li><span class="k">Client</span><span class="v">Mr. P.T Thampi</span></li>
|
||||
<li><span class="k">Year</span><span class="v">2016</span></li>
|
||||
<li><span class="k">Place</span><span class="v">Kumily</span></li>
|
||||
<li><span class="k">Scope</span><span class="v">Architecture · Interiors</span></li>
|
||||
</ul>
|
||||
<div class="proj-blurb reveal">
|
||||
<p>A large Kumily home that carries traditional Kerala forms — steeply pitched clay-tile roofs, gables and a deep entrance porch — over white walls trimmed with rough stone. Teak recurs throughout the interior: a coffered lattice ceiling above the living room, a full timber staircase, and joinery framing the doors. A double-height light well holds a stepped, two-tone stone wall above a koi pond.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery">
|
||||
<a href="/assets/img/projects/p-t-thampi-residence/02-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. T. Thampi Residence — 02">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-t-thampi-residence/02-800.webp 800w, /assets/img/projects/p-t-thampi-residence/02-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-t-thampi-residence/02-1200.jpg" width="1080" height="720" alt="P. T. Thampi Residence — photograph 2" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-t-thampi-residence/03-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. T. Thampi Residence — 03">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-t-thampi-residence/03-800.webp 800w, /assets/img/projects/p-t-thampi-residence/03-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-t-thampi-residence/03-1200.jpg" width="1080" height="613" alt="P. T. Thampi Residence — photograph 3" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-t-thampi-residence/04-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. T. Thampi Residence — 04">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-t-thampi-residence/04-800.webp 800w, /assets/img/projects/p-t-thampi-residence/04-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-t-thampi-residence/04-1200.jpg" width="1080" height="720" alt="P. T. Thampi Residence — photograph 4" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-t-thampi-residence/05-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. T. Thampi Residence — 05">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-t-thampi-residence/05-800.webp 800w, /assets/img/projects/p-t-thampi-residence/05-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-t-thampi-residence/05-1200.jpg" width="1080" height="720" alt="P. T. Thampi Residence — photograph 5" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-t-thampi-residence/06-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. T. Thampi Residence — 06">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-t-thampi-residence/06-800.webp 800w, /assets/img/projects/p-t-thampi-residence/06-1600.webp 1600w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-t-thampi-residence/06-1200.jpg" width="1200" height="765" alt="P. T. Thampi Residence — photograph 6" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-t-thampi-residence/07-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. T. Thampi Residence — 07">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-t-thampi-residence/07-800.webp 800w, /assets/img/projects/p-t-thampi-residence/07-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-t-thampi-residence/07-1200.jpg" width="1080" height="720" alt="P. T. Thampi Residence — photograph 7" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-t-thampi-residence/08-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. T. Thampi Residence — 08">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-t-thampi-residence/08-800.webp 800w, /assets/img/projects/p-t-thampi-residence/08-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-t-thampi-residence/08-1200.jpg" width="1080" height="1471" alt="P. T. Thampi Residence — photograph 8" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-t-thampi-residence/09-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. T. Thampi Residence — 09">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-t-thampi-residence/09-800.webp 800w, /assets/img/projects/p-t-thampi-residence/09-1600.webp 1600w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-t-thampi-residence/09-1200.jpg" width="1200" height="1621" alt="P. T. Thampi Residence — photograph 9" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-t-thampi-residence/10-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. T. Thampi Residence — 10">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-t-thampi-residence/10-800.webp 800w, /assets/img/projects/p-t-thampi-residence/10-1600.webp 1024w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-t-thampi-residence/10-1200.jpg" width="1024" height="683" alt="P. T. Thampi Residence — photograph 10" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-t-thampi-residence/11-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. T. Thampi Residence — 11">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-t-thampi-residence/11-800.webp 800w, /assets/img/projects/p-t-thampi-residence/11-1600.webp 1024w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-t-thampi-residence/11-1200.jpg" width="1024" height="683" alt="P. T. Thampi Residence — photograph 11" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-t-thampi-residence/12-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. T. Thampi Residence — 12">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-t-thampi-residence/12-800.webp 800w, /assets/img/projects/p-t-thampi-residence/12-1600.webp 1600w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-t-thampi-residence/12-1200.jpg" width="1200" height="800" alt="P. T. Thampi Residence — photograph 12" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-t-thampi-residence/13-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. T. Thampi Residence — 13">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-t-thampi-residence/13-800.webp 800w, /assets/img/projects/p-t-thampi-residence/13-1600.webp 1024w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-t-thampi-residence/13-1200.jpg" width="1024" height="683" alt="P. T. Thampi Residence — photograph 13" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-t-thampi-residence/14-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. T. Thampi Residence — 14">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-t-thampi-residence/14-800.webp 800w, /assets/img/projects/p-t-thampi-residence/14-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-t-thampi-residence/14-1200.jpg" width="1080" height="711" alt="P. T. Thampi Residence — photograph 14" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-t-thampi-residence/15-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. T. Thampi Residence — 15">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-t-thampi-residence/15-800.webp 800w, /assets/img/projects/p-t-thampi-residence/15-1600.webp 1024w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-t-thampi-residence/15-1200.jpg" width="1024" height="683" alt="P. T. Thampi Residence — photograph 15" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-t-thampi-residence/16-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. T. Thampi Residence — 16">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-t-thampi-residence/16-800.webp 720w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-t-thampi-residence/16-1200.jpg" width="720" height="1096" alt="P. T. Thampi Residence — photograph 16" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-t-thampi-residence/17-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. T. Thampi Residence — 17">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-t-thampi-residence/17-800.webp 683w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-t-thampi-residence/17-1200.jpg" width="683" height="1024" alt="P. T. Thampi Residence — photograph 17" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-t-thampi-residence/18-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. T. Thampi Residence — 18">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-t-thampi-residence/18-800.webp 800w, /assets/img/projects/p-t-thampi-residence/18-1600.webp 1600w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-t-thampi-residence/18-1200.jpg" width="1200" height="800" alt="P. T. Thampi Residence — photograph 18" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-t-thampi-residence/19-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. T. Thampi Residence — 19">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-t-thampi-residence/19-800.webp 800w, /assets/img/projects/p-t-thampi-residence/19-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-t-thampi-residence/19-1200.jpg" width="1080" height="1620" alt="P. T. Thampi Residence — photograph 19" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-t-thampi-residence/20-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. T. Thampi Residence — 20">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-t-thampi-residence/20-800.webp 800w, /assets/img/projects/p-t-thampi-residence/20-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-t-thampi-residence/20-1200.jpg" width="1080" height="719" alt="P. T. Thampi Residence — photograph 20" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/p-t-thampi-residence/21-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: P. T. Thampi Residence — 21">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/p-t-thampi-residence/21-800.webp 800w, /assets/img/projects/p-t-thampi-residence/21-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/p-t-thampi-residence/21-1200.jpg" width="1080" height="1731" alt="P. T. Thampi Residence — photograph 21" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav class="proj-nav" aria-label="More projects">
|
||||
<a href="/projects/p-c-mathew-residence/"><span class="eyebrow">previous</span><span class="name u">P. C. Mathew Residence</span></a>
|
||||
<a class="next" href="/projects/pamba-heritage-villa/"><span class="eyebrow">next</span><span class="name u">Pamba Heritage Villa</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">Planning something like this? <em>Let us draw it with you.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/vendor/glightbox.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,144 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>The Pamba Heritage Villa — Hospitality, Nedumudi — Art.n Architects</title>
|
||||
<meta name="description" content="A heritage home on the banks of the Pamba at Nedumudi, presenting traditional Kerala forms to the water: tiered clay-tile roofs, carved timber gables an…">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/projects/pamba-heritage-villa/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="The Pamba Heritage Villa — Hospitality, Nedumudi — Art.n Architects">
|
||||
<meta property="og:description" content="A heritage home on the banks of the Pamba at Nedumudi, presenting traditional Kerala forms to the water: tiered clay-tile roofs, carved timber gables an…">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/projects/pamba-heritage-villa/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/projects/pamba-heritage-villa/01-1200.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
<link rel="stylesheet" href="/assets/vendor/glightbox.min.css">
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Projects","item":"https://www.artnouveau.in/projects/"},{"@type":"ListItem","position":2,"name":"The Pamba Heritage Villa","item":"https://www.artnouveau.in/projects/pamba-heritage-villa/"}]}</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/" aria-current="page">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="proj-hero wrap">
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/pamba-heritage-villa/01-800.webp 800w, /assets/img/projects/pamba-heritage-villa/01-1600.webp 1000w" sizes="92vw"><img src="/assets/img/projects/pamba-heritage-villa/01-1200.jpg" width="1000" height="750" alt="The Pamba Heritage Villa seen from the water, its tiered clay-tile roofs and timber verandahs rising behind a stone embankment lined with coconut palms." decoding="async" fetchpriority="high"></picture></div>
|
||||
</section>
|
||||
<section class="proj-title wrap">
|
||||
<span class="eyebrow">Hospitality — Nedumudi</span>
|
||||
<h1>The Pamba Heritage Villa</h1>
|
||||
</section>
|
||||
<div class="wrap">
|
||||
<div class="proj-cols">
|
||||
<ul class="spec reveal">
|
||||
<li><span class="k">Category</span><span class="v">Hospitality</span></li>
|
||||
<li><span class="k">Client</span><span class="v">The Pamba Heritage Villa</span></li>
|
||||
<li><span class="k">Year</span><span class="v">2014</span></li>
|
||||
<li><span class="k">Place</span><span class="v">Nedumudi</span></li>
|
||||
<li><span class="k">Scope</span><span class="v">Architecture · Interiors</span></li>
|
||||
</ul>
|
||||
<div class="proj-blurb reveal">
|
||||
<p>A heritage home on the banks of the Pamba at Nedumudi, presenting traditional Kerala forms to the water: tiered clay-tile roofs, carved timber gables and a first-floor verandah on turned-wood balusters. Whitewashed walls and columned porches sit behind a stone embankment lined with coconut palms. The lower verandahs open onto the lawn and backwater.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery">
|
||||
<a href="/assets/img/projects/pamba-heritage-villa/02-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: The Pamba Heritage Villa — 02">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/pamba-heritage-villa/02-800.webp 800w, /assets/img/projects/pamba-heritage-villa/02-1600.webp 1463w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/pamba-heritage-villa/02-1200.jpg" width="1200" height="886" alt="The Pamba Heritage Villa — photograph 2" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/pamba-heritage-villa/03-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: The Pamba Heritage Villa — 03">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/pamba-heritage-villa/03-800.webp 550w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/pamba-heritage-villa/03-1200.jpg" width="550" height="412" alt="The Pamba Heritage Villa — photograph 3" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/pamba-heritage-villa/04-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: The Pamba Heritage Villa — 04">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/pamba-heritage-villa/04-800.webp 800w, /assets/img/projects/pamba-heritage-villa/04-1600.webp 1200w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/pamba-heritage-villa/04-1200.jpg" width="1200" height="797" alt="The Pamba Heritage Villa — photograph 4" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav class="proj-nav" aria-label="More projects">
|
||||
<a href="/projects/p-t-thampi-residence/"><span class="eyebrow">previous</span><span class="name u">P. T. Thampi Residence</span></a>
|
||||
<a class="next" href="/projects/rajeev-varghese-residence/"><span class="eyebrow">next</span><span class="name u">Rajeev Varghese Residence</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">Planning something like this? <em>Let us draw it with you.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/vendor/glightbox.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,134 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Project management — Art.n Architects</title>
|
||||
<meta name="description" content="Project management consultancy by Art.n Architects: tendering, site supervision and delivery across Kerala.">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/projects/pmc/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="Project management — Art.n Architects">
|
||||
<meta property="og:description" content="Project management consultancy by Art.n Architects: tendering, site supervision and delivery across Kerala.">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/projects/pmc/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/og.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/" aria-current="page">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="page-head wrap">
|
||||
<span class="eyebrow reveal">02 projects</span>
|
||||
<h1 class="reveal">Project management</h1>
|
||||
<p class="lede reveal">Projects where the studio also ran the site — tendering, supervision and cost control from first drawing to handover.</p>
|
||||
<div class="filters reveal">
|
||||
<a href="/projects/">all work</a>
|
||||
<a href="/projects/architecture/">architecture</a>
|
||||
<a href="/projects/interiors/">interiors</a>
|
||||
<a href="/projects/pmc/" aria-current="page">project management</a>
|
||||
</div>
|
||||
</section>
|
||||
<section class="wrap">
|
||||
<div class="flow">
|
||||
<a class="piece reveal" href="/projects/lifeline-hospital/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/lifeline-hospital/06-800.webp 800w, /assets/img/projects/lifeline-hospital/06-1600.webp 1280w" sizes="(max-width:860px) 100vw, 66vw"><img src="/assets/img/projects/lifeline-hospital/06-1200.jpg" width="1200" height="673" alt="Wood-panelled hospital patient room with a bed, wall-mounted TV and a glazed door opening to a small balcony framed by greenery." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Lifeline Hospital</span><span class="where">Healthcare</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<a class="piece reveal" href="/projects/vsaffron-regency/">
|
||||
<figure>
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/vsaffron-regency/01-800.webp 800w, /assets/img/projects/vsaffron-regency/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 33vw"><img src="/assets/img/projects/vsaffron-regency/01-1200.jpg" width="1080" height="644" alt="Street elevation of the Vsaffron Regency, a three-storey building with blue-tinted windows and a branded entrance canopy under a blue sky." decoding="async" loading="lazy"></picture></div>
|
||||
<figcaption><span class="name">Vsaffron Regency</span><span class="where">Commercial</span></figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">A site, a brief, or just a first idea — <em>bring it to the table.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,174 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Rajeev C. Varghese Residence — Residential, Pathanamthitta — Art.n Architects</title>
|
||||
<meta name="description" content="A three-storey house stepping down a sloped Pathanamthitta site, held above the road by a stone gabion wall and reached by a stepped path. White rendere…">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/projects/rajeev-varghese-residence/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="Rajeev C. Varghese Residence — Residential, Pathanamthitta — Art.n Architects">
|
||||
<meta property="og:description" content="A three-storey house stepping down a sloped Pathanamthitta site, held above the road by a stone gabion wall and reached by a stepped path. White rendere…">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/projects/rajeev-varghese-residence/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/projects/rajeev-varghese-residence/01-1200.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
<link rel="stylesheet" href="/assets/vendor/glightbox.min.css">
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Projects","item":"https://www.artnouveau.in/projects/"},{"@type":"ListItem","position":2,"name":"Rajeev C. Varghese Residence","item":"https://www.artnouveau.in/projects/rajeev-varghese-residence/"}]}</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/" aria-current="page">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="proj-hero wrap">
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/rajeev-varghese-residence/01-800.webp 800w, /assets/img/projects/rajeev-varghese-residence/01-1600.webp 1080w" sizes="92vw"><img src="/assets/img/projects/rajeev-varghese-residence/01-1200.jpg" width="1080" height="608" alt="Dusk rendering of the Rajeev Varghese house, a three-storey home with cantilevered timber-lined balconies stepping down a hillside above a stone gabion wall." decoding="async" fetchpriority="high"></picture></div>
|
||||
</section>
|
||||
<section class="proj-title wrap">
|
||||
<span class="eyebrow">Residential — Pathanamthitta</span>
|
||||
<h1>Rajeev C. Varghese Residence</h1>
|
||||
</section>
|
||||
<div class="wrap">
|
||||
<div class="proj-cols">
|
||||
<ul class="spec reveal">
|
||||
<li><span class="k">Category</span><span class="v">Residential</span></li>
|
||||
<li><span class="k">Client</span><span class="v">Mr. Rajeev C Varghese</span></li>
|
||||
<li><span class="k">Year</span><span class="v">2023</span></li>
|
||||
<li><span class="k">Place</span><span class="v">Pathanamthitta</span></li>
|
||||
<li><span class="k">Scope</span><span class="v">Architecture · Interiors</span></li>
|
||||
</ul>
|
||||
<div class="proj-blurb reveal">
|
||||
<p>A three-storey house stepping down a sloped Pathanamthitta site, held above the road by a stone gabion wall and reached by a stepped path. White rendered volumes stack beneath deep timber-lined soffits, with cantilevered balconies, vertical timber screens and full-height glazing. Interiors carry the timber through fluted headboard panelling and joinery set against marble feature walls and muted green accents.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery">
|
||||
<a href="/assets/img/projects/rajeev-varghese-residence/02-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Rajeev C. Varghese Residence — 02">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/rajeev-varghese-residence/02-800.webp 800w, /assets/img/projects/rajeev-varghese-residence/02-1600.webp 1600w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/rajeev-varghese-residence/02-1200.jpg" width="1200" height="1600" alt="Rajeev C. Varghese Residence — photograph 2" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/rajeev-varghese-residence/03-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Rajeev C. Varghese Residence — 03">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/rajeev-varghese-residence/03-800.webp 800w, /assets/img/projects/rajeev-varghese-residence/03-1600.webp 1600w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/rajeev-varghese-residence/03-1200.jpg" width="1200" height="675" alt="Rajeev C. Varghese Residence — photograph 3" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/rajeev-varghese-residence/04-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Rajeev C. Varghese Residence — 04">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/rajeev-varghese-residence/04-800.webp 800w, /assets/img/projects/rajeev-varghese-residence/04-1600.webp 1600w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/rajeev-varghese-residence/04-1200.jpg" width="1200" height="675" alt="Rajeev C. Varghese Residence — photograph 4" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/rajeev-varghese-residence/05-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Rajeev C. Varghese Residence — 05">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/rajeev-varghese-residence/05-800.webp 800w, /assets/img/projects/rajeev-varghese-residence/05-1600.webp 1600w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/rajeev-varghese-residence/05-1200.jpg" width="1200" height="675" alt="Rajeev C. Varghese Residence — photograph 5" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/rajeev-varghese-residence/06-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Rajeev C. Varghese Residence — 06">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/rajeev-varghese-residence/06-800.webp 800w, /assets/img/projects/rajeev-varghese-residence/06-1600.webp 1600w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/rajeev-varghese-residence/06-1200.jpg" width="1200" height="675" alt="Rajeev C. Varghese Residence — photograph 6" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/rajeev-varghese-residence/07-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Rajeev C. Varghese Residence — 07">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/rajeev-varghese-residence/07-800.webp 800w, /assets/img/projects/rajeev-varghese-residence/07-1600.webp 1600w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/rajeev-varghese-residence/07-1200.jpg" width="1200" height="675" alt="Rajeev C. Varghese Residence — photograph 7" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/rajeev-varghese-residence/08-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Rajeev C. Varghese Residence — 08">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/rajeev-varghese-residence/08-800.webp 800w, /assets/img/projects/rajeev-varghese-residence/08-1600.webp 1600w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/rajeev-varghese-residence/08-1200.jpg" width="1200" height="675" alt="Rajeev C. Varghese Residence — photograph 8" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/rajeev-varghese-residence/09-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Rajeev C. Varghese Residence — 09">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/rajeev-varghese-residence/09-800.webp 800w, /assets/img/projects/rajeev-varghese-residence/09-1600.webp 1600w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/rajeev-varghese-residence/09-1200.jpg" width="1200" height="675" alt="Rajeev C. Varghese Residence — photograph 9" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/rajeev-varghese-residence/10-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Rajeev C. Varghese Residence — 10">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/rajeev-varghese-residence/10-800.webp 800w, /assets/img/projects/rajeev-varghese-residence/10-1600.webp 1600w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/rajeev-varghese-residence/10-1200.jpg" width="1200" height="675" alt="Rajeev C. Varghese Residence — photograph 10" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/rajeev-varghese-residence/11-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Rajeev C. Varghese Residence — 11">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/rajeev-varghese-residence/11-800.webp 800w, /assets/img/projects/rajeev-varghese-residence/11-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/rajeev-varghese-residence/11-1200.jpg" width="1080" height="608" alt="Rajeev C. Varghese Residence — photograph 11" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/rajeev-varghese-residence/12-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Rajeev C. Varghese Residence — 12">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/rajeev-varghese-residence/12-800.webp 800w, /assets/img/projects/rajeev-varghese-residence/12-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/rajeev-varghese-residence/12-1200.jpg" width="1080" height="608" alt="Rajeev C. Varghese Residence — photograph 12" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/rajeev-varghese-residence/13-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Rajeev C. Varghese Residence — 13">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/rajeev-varghese-residence/13-800.webp 800w, /assets/img/projects/rajeev-varghese-residence/13-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/rajeev-varghese-residence/13-1200.jpg" width="1080" height="608" alt="Rajeev C. Varghese Residence — photograph 13" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/rajeev-varghese-residence/14-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Rajeev C. Varghese Residence — 14">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/rajeev-varghese-residence/14-800.webp 800w, /assets/img/projects/rajeev-varghese-residence/14-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/rajeev-varghese-residence/14-1200.jpg" width="1080" height="608" alt="Rajeev C. Varghese Residence — photograph 14" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav class="proj-nav" aria-label="More projects">
|
||||
<a href="/projects/pamba-heritage-villa/"><span class="eyebrow">previous</span><span class="name u">Pamba Heritage Villa</span></a>
|
||||
<a class="next" href="/projects/santhosh-scaria-residence/"><span class="eyebrow">next</span><span class="name u">Santhosh Scaria Residence</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">Planning something like this? <em>Let us draw it with you.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/vendor/glightbox.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,179 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Santhosh Scaria Residence — Residential — Art.n Architects</title>
|
||||
<meta name="description" content="A low-slung residence under dark tiled hipped roofs, with a curved verandah wrapping the entrance and warm uplighting washing the white walls at dusk. I…">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/projects/santhosh-scaria-residence/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="Santhosh Scaria Residence — Residential — Art.n Architects">
|
||||
<meta property="og:description" content="A low-slung residence under dark tiled hipped roofs, with a curved verandah wrapping the entrance and warm uplighting washing the white walls at dusk. I…">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/projects/santhosh-scaria-residence/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/projects/santhosh-scaria-residence/01-1200.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
<link rel="stylesheet" href="/assets/vendor/glightbox.min.css">
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Projects","item":"https://www.artnouveau.in/projects/"},{"@type":"ListItem","position":2,"name":"Santhosh Scaria Residence","item":"https://www.artnouveau.in/projects/santhosh-scaria-residence/"}]}</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/" aria-current="page">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="proj-hero wrap">
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/santhosh-scaria-residence/01-800.webp 800w, /assets/img/projects/santhosh-scaria-residence/01-1600.webp 1080w" sizes="92vw"><img src="/assets/img/projects/santhosh-scaria-residence/01-1200.jpg" width="1080" height="733" alt="The Santhosh Scaria residence at dusk, its dark tiled roofs and curved verandah lit by warm facade uplighting along a paved courtyard." decoding="async" fetchpriority="high"></picture></div>
|
||||
</section>
|
||||
<section class="proj-title wrap">
|
||||
<span class="eyebrow">Residential</span>
|
||||
<h1>Santhosh Scaria Residence</h1>
|
||||
</section>
|
||||
<div class="wrap">
|
||||
<div class="proj-cols">
|
||||
<ul class="spec reveal">
|
||||
<li><span class="k">Category</span><span class="v">Residential</span></li>
|
||||
<li><span class="k">Client</span><span class="v">Mr. Santhosh Scaria</span></li>
|
||||
<li><span class="k">Year</span><span class="v">2018</span></li>
|
||||
<li><span class="k">Scope</span><span class="v">Architecture · Interiors</span></li>
|
||||
</ul>
|
||||
<div class="proj-blurb reveal">
|
||||
<p>A low-slung residence under dark tiled hipped roofs, with a curved verandah wrapping the entrance and warm uplighting washing the white walls at dusk. Inside, mid-century walnut and tan-leather furniture sits against pale walls and polished stone floors. The dining room is crowned by a suspended timber-fin ceiling that filters the light above an oval table.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery">
|
||||
<a href="/assets/img/projects/santhosh-scaria-residence/02-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Santhosh Scaria Residence — 02">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/santhosh-scaria-residence/02-800.webp 790w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/santhosh-scaria-residence/02-1200.jpg" width="790" height="405" alt="Santhosh Scaria Residence — photograph 2" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/santhosh-scaria-residence/03-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Santhosh Scaria Residence — 03">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/santhosh-scaria-residence/03-800.webp 559w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/santhosh-scaria-residence/03-1200.jpg" width="559" height="820" alt="Santhosh Scaria Residence — photograph 3" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/santhosh-scaria-residence/04-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Santhosh Scaria Residence — 04">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/santhosh-scaria-residence/04-800.webp 737w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/santhosh-scaria-residence/04-1200.jpg" width="737" height="1080" alt="Santhosh Scaria Residence — photograph 4" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/santhosh-scaria-residence/05-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Santhosh Scaria Residence — 05">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/santhosh-scaria-residence/05-800.webp 728w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/santhosh-scaria-residence/05-1200.jpg" width="728" height="1080" alt="Santhosh Scaria Residence — photograph 5" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/santhosh-scaria-residence/06-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Santhosh Scaria Residence — 06">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/santhosh-scaria-residence/06-800.webp 737w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/santhosh-scaria-residence/06-1200.jpg" width="737" height="1080" alt="Santhosh Scaria Residence — photograph 6" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/santhosh-scaria-residence/07-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Santhosh Scaria Residence — 07">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/santhosh-scaria-residence/07-800.webp 737w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/santhosh-scaria-residence/07-1200.jpg" width="737" height="1080" alt="Santhosh Scaria Residence — photograph 7" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/santhosh-scaria-residence/08-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Santhosh Scaria Residence — 08">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/santhosh-scaria-residence/08-800.webp 800w, /assets/img/projects/santhosh-scaria-residence/08-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/santhosh-scaria-residence/08-1200.jpg" width="1080" height="1080" alt="Santhosh Scaria Residence — photograph 8" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/santhosh-scaria-residence/09-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Santhosh Scaria Residence — 09">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/santhosh-scaria-residence/09-800.webp 800w, /assets/img/projects/santhosh-scaria-residence/09-1600.webp 820w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/santhosh-scaria-residence/09-1200.jpg" width="820" height="656" alt="Santhosh Scaria Residence — photograph 9" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/santhosh-scaria-residence/10-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Santhosh Scaria Residence — 10">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/santhosh-scaria-residence/10-800.webp 559w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/santhosh-scaria-residence/10-1200.jpg" width="559" height="820" alt="Santhosh Scaria Residence — photograph 10" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/santhosh-scaria-residence/11-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Santhosh Scaria Residence — 11">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/santhosh-scaria-residence/11-800.webp 737w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/santhosh-scaria-residence/11-1200.jpg" width="737" height="1080" alt="Santhosh Scaria Residence — photograph 11" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/santhosh-scaria-residence/12-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Santhosh Scaria Residence — 12">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/santhosh-scaria-residence/12-800.webp 535w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/santhosh-scaria-residence/12-1200.jpg" width="535" height="793" alt="Santhosh Scaria Residence — photograph 12" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/santhosh-scaria-residence/13-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Santhosh Scaria Residence — 13">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/santhosh-scaria-residence/13-800.webp 525w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/santhosh-scaria-residence/13-1200.jpg" width="525" height="633" alt="Santhosh Scaria Residence — photograph 13" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/santhosh-scaria-residence/14-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Santhosh Scaria Residence — 14">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/santhosh-scaria-residence/14-800.webp 800w, /assets/img/projects/santhosh-scaria-residence/14-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/santhosh-scaria-residence/14-1200.jpg" width="1080" height="737" alt="Santhosh Scaria Residence — photograph 14" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/santhosh-scaria-residence/15-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Santhosh Scaria Residence — 15">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/santhosh-scaria-residence/15-800.webp 559w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/santhosh-scaria-residence/15-1200.jpg" width="559" height="820" alt="Santhosh Scaria Residence — photograph 15" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/santhosh-scaria-residence/16-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Santhosh Scaria Residence — 16">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/santhosh-scaria-residence/16-800.webp 559w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/santhosh-scaria-residence/16-1200.jpg" width="559" height="820" alt="Santhosh Scaria Residence — photograph 16" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav class="proj-nav" aria-label="More projects">
|
||||
<a href="/projects/rajeev-varghese-residence/"><span class="eyebrow">previous</span><span class="name u">Rajeev Varghese Residence</span></a>
|
||||
<a class="next" href="/projects/sb-indoor-stadium/"><span class="eyebrow">next</span><span class="name u">SB College Indoor Stadium</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">Planning something like this? <em>Let us draw it with you.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/vendor/glightbox.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,201 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>SB College Indoor Stadium — Institutional, Changanacherry — Art.n Architects</title>
|
||||
<meta name="description" content="An indoor sports hall for SB College, Changanacherry, spanned by a curved steel truss beneath translucent roofing that floods the timber court with dayl…">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/projects/sb-indoor-stadium/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="SB College Indoor Stadium — Institutional, Changanacherry — Art.n Architects">
|
||||
<meta property="og:description" content="An indoor sports hall for SB College, Changanacherry, spanned by a curved steel truss beneath translucent roofing that floods the timber court with dayl…">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/projects/sb-indoor-stadium/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/projects/sb-indoor-stadium/05-1200.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
<link rel="stylesheet" href="/assets/vendor/glightbox.min.css">
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Projects","item":"https://www.artnouveau.in/projects/"},{"@type":"ListItem","position":2,"name":"SB College Indoor Stadium","item":"https://www.artnouveau.in/projects/sb-indoor-stadium/"}]}</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/" aria-current="page">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="proj-hero wrap">
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/sb-indoor-stadium/05-800.webp 800w, /assets/img/projects/sb-indoor-stadium/05-1600.webp 1080w" sizes="92vw"><img src="/assets/img/projects/sb-indoor-stadium/05-1200.jpg" width="1080" height="727" alt="The timber basketball court inside the SB College stadium, lit by clerestory windows beneath a curved steel-truss roof, with brick walls and tiered seating painted yellow, blue and red." decoding="async" fetchpriority="high"></picture></div>
|
||||
</section>
|
||||
<section class="proj-title wrap">
|
||||
<span class="eyebrow">Institutional — Changanacherry</span>
|
||||
<h1>SB College Indoor Stadium</h1>
|
||||
</section>
|
||||
<div class="wrap">
|
||||
<div class="proj-cols">
|
||||
<ul class="spec reveal">
|
||||
<li><span class="k">Category</span><span class="v">Institutional</span></li>
|
||||
<li><span class="k">Client</span><span class="v">SB College Indoor Stadium</span></li>
|
||||
<li><span class="k">Year</span><span class="v">2019</span></li>
|
||||
<li><span class="k">Place</span><span class="v">Changanacherry</span></li>
|
||||
<li><span class="k">Scope</span><span class="v">Architecture · Interiors</span></li>
|
||||
</ul>
|
||||
<div class="proj-blurb reveal">
|
||||
<p>An indoor sports hall for SB College, Changanacherry, spanned by a curved steel truss beneath translucent roofing that floods the timber court with daylight. Exposed brick walls, gridded with white bands and ranks of tall windows, rise above tiered seating painted in bright yellow, blue and red. Outside, the barrel-vaulted roof and a mural of sporting silhouettes mark the entrance.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery">
|
||||
<a href="/assets/img/projects/sb-indoor-stadium/01-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: SB College Indoor Stadium — 02">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sb-indoor-stadium/01-800.webp 800w, /assets/img/projects/sb-indoor-stadium/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sb-indoor-stadium/01-1200.jpg" width="1080" height="596" alt="SB College Indoor Stadium — photograph 2" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sb-indoor-stadium/02-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: SB College Indoor Stadium — 03">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sb-indoor-stadium/02-800.webp 800w, /assets/img/projects/sb-indoor-stadium/02-1600.webp 907w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sb-indoor-stadium/02-1200.jpg" width="907" height="1225" alt="SB College Indoor Stadium — photograph 3" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sb-indoor-stadium/03-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: SB College Indoor Stadium — 04">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sb-indoor-stadium/03-800.webp 800w, /assets/img/projects/sb-indoor-stadium/03-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sb-indoor-stadium/03-1200.jpg" width="1080" height="875" alt="SB College Indoor Stadium — photograph 4" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sb-indoor-stadium/04-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: SB College Indoor Stadium — 05">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sb-indoor-stadium/04-800.webp 800w, /assets/img/projects/sb-indoor-stadium/04-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sb-indoor-stadium/04-1200.jpg" width="1080" height="1418" alt="SB College Indoor Stadium — photograph 5" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sb-indoor-stadium/06-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: SB College Indoor Stadium — 06">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sb-indoor-stadium/06-800.webp 800w, /assets/img/projects/sb-indoor-stadium/06-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sb-indoor-stadium/06-1200.jpg" width="1080" height="1604" alt="SB College Indoor Stadium — photograph 6" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sb-indoor-stadium/07-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: SB College Indoor Stadium — 07">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sb-indoor-stadium/07-800.webp 800w, /assets/img/projects/sb-indoor-stadium/07-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sb-indoor-stadium/07-1200.jpg" width="1080" height="1418" alt="SB College Indoor Stadium — photograph 7" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sb-indoor-stadium/08-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: SB College Indoor Stadium — 08">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sb-indoor-stadium/08-800.webp 800w, /assets/img/projects/sb-indoor-stadium/08-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sb-indoor-stadium/08-1200.jpg" width="1080" height="1418" alt="SB College Indoor Stadium — photograph 8" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sb-indoor-stadium/09-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: SB College Indoor Stadium — 09">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sb-indoor-stadium/09-800.webp 800w, /assets/img/projects/sb-indoor-stadium/09-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sb-indoor-stadium/09-1200.jpg" width="1080" height="1418" alt="SB College Indoor Stadium — photograph 9" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sb-indoor-stadium/10-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: SB College Indoor Stadium — 10">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sb-indoor-stadium/10-800.webp 800w, /assets/img/projects/sb-indoor-stadium/10-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sb-indoor-stadium/10-1200.jpg" width="1080" height="1604" alt="SB College Indoor Stadium — photograph 10" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sb-indoor-stadium/11-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: SB College Indoor Stadium — 11">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sb-indoor-stadium/11-800.webp 800w, /assets/img/projects/sb-indoor-stadium/11-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sb-indoor-stadium/11-1200.jpg" width="1080" height="1484" alt="SB College Indoor Stadium — photograph 11" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sb-indoor-stadium/12-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: SB College Indoor Stadium — 12">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sb-indoor-stadium/12-800.webp 800w, /assets/img/projects/sb-indoor-stadium/12-1600.webp 907w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sb-indoor-stadium/12-1200.jpg" width="907" height="1225" alt="SB College Indoor Stadium — photograph 12" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sb-indoor-stadium/13-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: SB College Indoor Stadium — 13">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sb-indoor-stadium/13-800.webp 800w, /assets/img/projects/sb-indoor-stadium/13-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sb-indoor-stadium/13-1200.jpg" width="1080" height="1418" alt="SB College Indoor Stadium — photograph 13" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sb-indoor-stadium/14-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: SB College Indoor Stadium — 14">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sb-indoor-stadium/14-800.webp 800w, /assets/img/projects/sb-indoor-stadium/14-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sb-indoor-stadium/14-1200.jpg" width="1080" height="1604" alt="SB College Indoor Stadium — photograph 14" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sb-indoor-stadium/15-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: SB College Indoor Stadium — 15">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sb-indoor-stadium/15-800.webp 800w, /assets/img/projects/sb-indoor-stadium/15-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sb-indoor-stadium/15-1200.jpg" width="1080" height="1418" alt="SB College Indoor Stadium — photograph 15" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sb-indoor-stadium/16-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: SB College Indoor Stadium — 16">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sb-indoor-stadium/16-800.webp 800w, /assets/img/projects/sb-indoor-stadium/16-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sb-indoor-stadium/16-1200.jpg" width="1080" height="1604" alt="SB College Indoor Stadium — photograph 16" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sb-indoor-stadium/17-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: SB College Indoor Stadium — 17">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sb-indoor-stadium/17-800.webp 800w, /assets/img/projects/sb-indoor-stadium/17-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sb-indoor-stadium/17-1200.jpg" width="1080" height="1422" alt="SB College Indoor Stadium — photograph 17" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sb-indoor-stadium/18-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: SB College Indoor Stadium — 18">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sb-indoor-stadium/18-800.webp 800w, /assets/img/projects/sb-indoor-stadium/18-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sb-indoor-stadium/18-1200.jpg" width="1080" height="1604" alt="SB College Indoor Stadium — photograph 18" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sb-indoor-stadium/19-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: SB College Indoor Stadium — 19">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sb-indoor-stadium/19-800.webp 800w, /assets/img/projects/sb-indoor-stadium/19-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sb-indoor-stadium/19-1200.jpg" width="1080" height="1463" alt="SB College Indoor Stadium — photograph 19" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sb-indoor-stadium/20-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: SB College Indoor Stadium — 20">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sb-indoor-stadium/20-800.webp 800w, /assets/img/projects/sb-indoor-stadium/20-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sb-indoor-stadium/20-1200.jpg" width="1080" height="1418" alt="SB College Indoor Stadium — photograph 20" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sb-indoor-stadium/21-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: SB College Indoor Stadium — 21">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sb-indoor-stadium/21-800.webp 800w, /assets/img/projects/sb-indoor-stadium/21-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sb-indoor-stadium/21-1200.jpg" width="1080" height="823" alt="SB College Indoor Stadium — photograph 21" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sb-indoor-stadium/22-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: SB College Indoor Stadium — 22">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sb-indoor-stadium/22-800.webp 800w, /assets/img/projects/sb-indoor-stadium/22-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sb-indoor-stadium/22-1200.jpg" width="1080" height="1604" alt="SB College Indoor Stadium — photograph 22" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sb-indoor-stadium/23-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: SB College Indoor Stadium — 23">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sb-indoor-stadium/23-800.webp 800w, /assets/img/projects/sb-indoor-stadium/23-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sb-indoor-stadium/23-1200.jpg" width="1080" height="1604" alt="SB College Indoor Stadium — photograph 23" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav class="proj-nav" aria-label="More projects">
|
||||
<a href="/projects/santhosh-scaria-residence/"><span class="eyebrow">previous</span><span class="name u">Santhosh Scaria Residence</span></a>
|
||||
<a class="next" href="/projects/sb-souvenir-shop/"><span class="eyebrow">next</span><span class="name u">SB College Souvenir Shop</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">Planning something like this? <em>Let us draw it with you.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/vendor/glightbox.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,168 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>SB College Souvenir Shop — Institutional, Changanacherry — Art.n Architects</title>
|
||||
<meta name="description" content="A compact campus retail pavilion for SB College, wrapped in full-height glazing beneath a traditional Kerala tiled hip roof and set against a large shad…">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/projects/sb-souvenir-shop/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="SB College Souvenir Shop — Institutional, Changanacherry — Art.n Architects">
|
||||
<meta property="og:description" content="A compact campus retail pavilion for SB College, wrapped in full-height glazing beneath a traditional Kerala tiled hip roof and set against a large shad…">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/projects/sb-souvenir-shop/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/projects/sb-souvenir-shop/01-1200.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
<link rel="stylesheet" href="/assets/vendor/glightbox.min.css">
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Projects","item":"https://www.artnouveau.in/projects/"},{"@type":"ListItem","position":2,"name":"SB College Souvenir Shop","item":"https://www.artnouveau.in/projects/sb-souvenir-shop/"}]}</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/" aria-current="page">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="proj-hero wrap">
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/sb-souvenir-shop/01-800.webp 800w, /assets/img/projects/sb-souvenir-shop/01-1600.webp 1225w" sizes="92vw"><img src="/assets/img/projects/sb-souvenir-shop/01-1200.jpg" width="1200" height="800" alt="Glass-walled campus souvenir shop under a tiled hip roof, framed by a large tree with children seated on the steps to the right." decoding="async" fetchpriority="high"></picture></div>
|
||||
</section>
|
||||
<section class="proj-title wrap">
|
||||
<span class="eyebrow">Institutional — Changanacherry</span>
|
||||
<h1>SB College Souvenir Shop</h1>
|
||||
</section>
|
||||
<div class="wrap">
|
||||
<div class="proj-cols">
|
||||
<ul class="spec reveal">
|
||||
<li><span class="k">Category</span><span class="v">Institutional</span></li>
|
||||
<li><span class="k">Client</span><span class="v">SB College Souvenir Shop</span></li>
|
||||
<li><span class="k">Year</span><span class="v">2019</span></li>
|
||||
<li><span class="k">Place</span><span class="v">Changanacherry</span></li>
|
||||
<li><span class="k">Scope</span><span class="v">Architecture · Interiors</span></li>
|
||||
</ul>
|
||||
<div class="proj-blurb reveal">
|
||||
<p>A compact campus retail pavilion for SB College, wrapped in full-height glazing beneath a traditional Kerala tiled hip roof and set against a large shade tree. Inside, a white pitched ceiling with exposed black steel trusses rises over slim black display shelving holding college merchandise, framed prints and uniforms.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery">
|
||||
<a href="/assets/img/projects/sb-souvenir-shop/02-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: SB College Souvenir Shop — 02">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sb-souvenir-shop/02-800.webp 720w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sb-souvenir-shop/02-1200.jpg" width="720" height="1080" alt="SB College Souvenir Shop — photograph 2" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sb-souvenir-shop/03-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: SB College Souvenir Shop — 03">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sb-souvenir-shop/03-800.webp 800w, /assets/img/projects/sb-souvenir-shop/03-1600.webp 817w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sb-souvenir-shop/03-1200.jpg" width="817" height="1225" alt="SB College Souvenir Shop — photograph 3" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sb-souvenir-shop/04-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: SB College Souvenir Shop — 04">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sb-souvenir-shop/04-800.webp 800w, /assets/img/projects/sb-souvenir-shop/04-1600.webp 817w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sb-souvenir-shop/04-1200.jpg" width="817" height="1225" alt="SB College Souvenir Shop — photograph 4" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sb-souvenir-shop/05-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: SB College Souvenir Shop — 05">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sb-souvenir-shop/05-800.webp 800w, /assets/img/projects/sb-souvenir-shop/05-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sb-souvenir-shop/05-1200.jpg" width="1080" height="1620" alt="SB College Souvenir Shop — photograph 5" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sb-souvenir-shop/06-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: SB College Souvenir Shop — 06">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sb-souvenir-shop/06-800.webp 800w, /assets/img/projects/sb-souvenir-shop/06-1600.webp 1225w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sb-souvenir-shop/06-1200.jpg" width="1200" height="800" alt="SB College Souvenir Shop — photograph 6" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sb-souvenir-shop/07-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: SB College Souvenir Shop — 07">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sb-souvenir-shop/07-800.webp 800w, /assets/img/projects/sb-souvenir-shop/07-1600.webp 818w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sb-souvenir-shop/07-1200.jpg" width="818" height="1225" alt="SB College Souvenir Shop — photograph 7" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sb-souvenir-shop/08-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: SB College Souvenir Shop — 08">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sb-souvenir-shop/08-800.webp 800w, /assets/img/projects/sb-souvenir-shop/08-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sb-souvenir-shop/08-1200.jpg" width="1080" height="1620" alt="SB College Souvenir Shop — photograph 8" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sb-souvenir-shop/09-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: SB College Souvenir Shop — 09">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sb-souvenir-shop/09-800.webp 800w, /assets/img/projects/sb-souvenir-shop/09-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sb-souvenir-shop/09-1200.jpg" width="1080" height="1620" alt="SB College Souvenir Shop — photograph 9" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sb-souvenir-shop/10-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: SB College Souvenir Shop — 10">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sb-souvenir-shop/10-800.webp 800w, /assets/img/projects/sb-souvenir-shop/10-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sb-souvenir-shop/10-1200.jpg" width="1080" height="1620" alt="SB College Souvenir Shop — photograph 10" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sb-souvenir-shop/11-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: SB College Souvenir Shop — 11">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sb-souvenir-shop/11-800.webp 800w, /assets/img/projects/sb-souvenir-shop/11-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sb-souvenir-shop/11-1200.jpg" width="1080" height="1620" alt="SB College Souvenir Shop — photograph 11" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sb-souvenir-shop/12-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: SB College Souvenir Shop — 12">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sb-souvenir-shop/12-800.webp 800w, /assets/img/projects/sb-souvenir-shop/12-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sb-souvenir-shop/12-1200.jpg" width="1080" height="1620" alt="SB College Souvenir Shop — photograph 12" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav class="proj-nav" aria-label="More projects">
|
||||
<a href="/projects/sb-indoor-stadium/"><span class="eyebrow">previous</span><span class="name u">SB College Indoor Stadium</span></a>
|
||||
<a class="next" href="/projects/sherry-residence/"><span class="eyebrow">next</span><span class="name u">Sherry Residence</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">Planning something like this? <em>Let us draw it with you.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/vendor/glightbox.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,144 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Sherry Residence — Residential, Edathua — Art.n Architects</title>
|
||||
<meta name="description" content="A residence at Edathua built around a double-height living hall, where a curved open-riser timber staircase climbs to a landing edged by a wood-capped g…">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/projects/sherry-residence/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="Sherry Residence — Residential, Edathua — Art.n Architects">
|
||||
<meta property="og:description" content="A residence at Edathua built around a double-height living hall, where a curved open-riser timber staircase climbs to a landing edged by a wood-capped g…">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/projects/sherry-residence/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/projects/sherry-residence/04-1200.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
<link rel="stylesheet" href="/assets/vendor/glightbox.min.css">
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Projects","item":"https://www.artnouveau.in/projects/"},{"@type":"ListItem","position":2,"name":"Sherry Residence","item":"https://www.artnouveau.in/projects/sherry-residence/"}]}</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/" aria-current="page">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="proj-hero wrap">
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/sherry-residence/04-800.webp 600w" sizes="92vw"><img src="/assets/img/projects/sherry-residence/04-1200.jpg" width="600" height="400" alt="Double-height living hall with a curving open timber staircase and leather sofas on a polished marble floor." decoding="async" fetchpriority="high"></picture></div>
|
||||
</section>
|
||||
<section class="proj-title wrap">
|
||||
<span class="eyebrow">Residential — Edathua</span>
|
||||
<h1>Sherry Residence</h1>
|
||||
</section>
|
||||
<div class="wrap">
|
||||
<div class="proj-cols">
|
||||
<ul class="spec reveal">
|
||||
<li><span class="k">Category</span><span class="v">Residential</span></li>
|
||||
<li><span class="k">Client</span><span class="v">Mr. Sherry</span></li>
|
||||
<li><span class="k">Year</span><span class="v">2020</span></li>
|
||||
<li><span class="k">Place</span><span class="v">Edathua</span></li>
|
||||
<li><span class="k">Scope</span><span class="v">Architecture · Interiors</span></li>
|
||||
</ul>
|
||||
<div class="proj-blurb reveal">
|
||||
<p>A residence at Edathua built around a double-height living hall, where a curved open-riser timber staircase climbs to a landing edged by a wood-capped glass balustrade. Polished marble floors and a circular cove ceiling define the interior; outside, a blue-grey gabled porch frames a stained-glass panel over the entrance.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery">
|
||||
<a href="/assets/img/projects/sherry-residence/01-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Sherry Residence — 02">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sherry-residence/01-800.webp 600w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sherry-residence/01-1200.jpg" width="600" height="400" alt="Sherry Residence — photograph 2" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sherry-residence/02-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Sherry Residence — 03">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sherry-residence/02-800.webp 600w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sherry-residence/02-1200.jpg" width="600" height="400" alt="Sherry Residence — photograph 3" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sherry-residence/03-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Sherry Residence — 04">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sherry-residence/03-800.webp 600w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sherry-residence/03-1200.jpg" width="600" height="400" alt="Sherry Residence — photograph 4" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav class="proj-nav" aria-label="More projects">
|
||||
<a href="/projects/sb-souvenir-shop/"><span class="eyebrow">previous</span><span class="name u">SB College Souvenir Shop</span></a>
|
||||
<a class="next" href="/projects/spice-forest/"><span class="eyebrow">next</span><span class="name u">Spice Forest</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">Planning something like this? <em>Let us draw it with you.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/vendor/glightbox.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,186 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Spice Forest — Commercial, Vandiperiyar — Art.n Architects</title>
|
||||
<meta name="description" content="A hillside retreat above Vandiperiyar, its timber pavilions opening to the forested valleys of the Western Ghats. Wood-lined pitched roofs sit over plan…">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/projects/spice-forest/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="Spice Forest — Commercial, Vandiperiyar — Art.n Architects">
|
||||
<meta property="og:description" content="A hillside retreat above Vandiperiyar, its timber pavilions opening to the forested valleys of the Western Ghats. Wood-lined pitched roofs sit over plan…">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/projects/spice-forest/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/projects/spice-forest/01-1200.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
<link rel="stylesheet" href="/assets/vendor/glightbox.min.css">
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Projects","item":"https://www.artnouveau.in/projects/"},{"@type":"ListItem","position":2,"name":"Spice Forest","item":"https://www.artnouveau.in/projects/spice-forest/"}]}</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/" aria-current="page">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="proj-hero wrap">
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/spice-forest/01-800.webp 800w, /assets/img/projects/spice-forest/01-1600.webp 1080w" sizes="92vw"><img src="/assets/img/projects/spice-forest/01-1200.jpg" width="1080" height="720" alt="A timber pavilion glowing with warm light at dusk, set among bare trees on a misty hillside." decoding="async" fetchpriority="high"></picture></div>
|
||||
</section>
|
||||
<section class="proj-title wrap">
|
||||
<span class="eyebrow">Commercial — Vandiperiyar</span>
|
||||
<h1>Spice Forest</h1>
|
||||
</section>
|
||||
<div class="wrap">
|
||||
<div class="proj-cols">
|
||||
<ul class="spec reveal">
|
||||
<li><span class="k">Category</span><span class="v">Commercial</span></li>
|
||||
<li><span class="k">Client</span><span class="v">Adv. Mohammed Yusuf</span></li>
|
||||
<li><span class="k">Year</span><span class="v">2021</span></li>
|
||||
<li><span class="k">Place</span><span class="v">Vandiperiyar</span></li>
|
||||
<li><span class="k">Scope</span><span class="v">Interiors</span></li>
|
||||
</ul>
|
||||
<div class="proj-blurb reveal">
|
||||
<p>A hillside retreat above Vandiperiyar, its timber pavilions opening to the forested valleys of the Western Ghats. Wood-lined pitched roofs sit over plank floors behind full-height glazing, and at dusk the interiors glow warm against the mist. Rooms carry dark timber joinery, shuttered doors and balconies set into the greenery.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery">
|
||||
<a href="/assets/img/projects/spice-forest/02-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Spice Forest — 02">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/spice-forest/02-800.webp 800w, /assets/img/projects/spice-forest/02-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/spice-forest/02-1200.jpg" width="1080" height="720" alt="Spice Forest — photograph 2" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/spice-forest/03-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Spice Forest — 03">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/spice-forest/03-800.webp 720w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/spice-forest/03-1200.jpg" width="720" height="1080" alt="Spice Forest — photograph 3" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/spice-forest/04-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Spice Forest — 04">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/spice-forest/04-800.webp 800w, /assets/img/projects/spice-forest/04-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/spice-forest/04-1200.jpg" width="1080" height="675" alt="Spice Forest — photograph 4" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/spice-forest/05-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Spice Forest — 05">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/spice-forest/05-800.webp 800w, /assets/img/projects/spice-forest/05-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/spice-forest/05-1200.jpg" width="1080" height="675" alt="Spice Forest — photograph 5" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/spice-forest/06-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Spice Forest — 06">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/spice-forest/06-800.webp 800w, /assets/img/projects/spice-forest/06-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/spice-forest/06-1200.jpg" width="1080" height="675" alt="Spice Forest — photograph 6" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/spice-forest/07-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Spice Forest — 07">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/spice-forest/07-800.webp 800w, /assets/img/projects/spice-forest/07-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/spice-forest/07-1200.jpg" width="1080" height="720" alt="Spice Forest — photograph 7" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/spice-forest/08-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Spice Forest — 08">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/spice-forest/08-800.webp 720w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/spice-forest/08-1200.jpg" width="720" height="1080" alt="Spice Forest — photograph 8" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/spice-forest/09-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Spice Forest — 09">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/spice-forest/09-800.webp 800w, /assets/img/projects/spice-forest/09-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/spice-forest/09-1200.jpg" width="1080" height="720" alt="Spice Forest — photograph 9" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/spice-forest/10-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Spice Forest — 10">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/spice-forest/10-800.webp 800w, /assets/img/projects/spice-forest/10-1600.webp 820w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/spice-forest/10-1200.jpg" width="820" height="547" alt="Spice Forest — photograph 10" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/spice-forest/11-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Spice Forest — 11">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/spice-forest/11-800.webp 720w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/spice-forest/11-1200.jpg" width="720" height="1080" alt="Spice Forest — photograph 11" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/spice-forest/12-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Spice Forest — 12">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/spice-forest/12-800.webp 800w, /assets/img/projects/spice-forest/12-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/spice-forest/12-1200.jpg" width="1080" height="720" alt="Spice Forest — photograph 12" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/spice-forest/13-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Spice Forest — 13">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/spice-forest/13-800.webp 800w, /assets/img/projects/spice-forest/13-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/spice-forest/13-1200.jpg" width="1080" height="720" alt="Spice Forest — photograph 13" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/spice-forest/14-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Spice Forest — 14">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/spice-forest/14-800.webp 800w, /assets/img/projects/spice-forest/14-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/spice-forest/14-1200.jpg" width="1080" height="720" alt="Spice Forest — photograph 14" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/spice-forest/15-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Spice Forest — 15">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/spice-forest/15-800.webp 800w, /assets/img/projects/spice-forest/15-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/spice-forest/15-1200.jpg" width="1080" height="720" alt="Spice Forest — photograph 15" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/spice-forest/16-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Spice Forest — 16">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/spice-forest/16-800.webp 800w, /assets/img/projects/spice-forest/16-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/spice-forest/16-1200.jpg" width="1080" height="720" alt="Spice Forest — photograph 16" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/spice-forest/17-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Spice Forest — 17">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/spice-forest/17-800.webp 800w, /assets/img/projects/spice-forest/17-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/spice-forest/17-1200.jpg" width="1080" height="720" alt="Spice Forest — photograph 17" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/spice-forest/18-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Spice Forest — 18">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/spice-forest/18-800.webp 800w, /assets/img/projects/spice-forest/18-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/spice-forest/18-1200.jpg" width="1080" height="720" alt="Spice Forest — photograph 18" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav class="proj-nav" aria-label="More projects">
|
||||
<a href="/projects/sherry-residence/"><span class="eyebrow">previous</span><span class="name u">Sherry Residence</span></a>
|
||||
<a class="next" href="/projects/st-sebastian-hospital/"><span class="eyebrow">next</span><span class="name u">St. Sebastian Hospital</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">Planning something like this? <em>Let us draw it with you.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/vendor/glightbox.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,144 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>St. Sebastian Hospital — Healthcare, Arthunkal — Art.n Architects</title>
|
||||
<meta name="description" content="A hospital at Arthunkal fronted by a curved facade that wraps the entrance block. Fair-faced red brick is banded with white plaster and framed by projec…">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/projects/st-sebastian-hospital/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="St. Sebastian Hospital — Healthcare, Arthunkal — Art.n Architects">
|
||||
<meta property="og:description" content="A hospital at Arthunkal fronted by a curved facade that wraps the entrance block. Fair-faced red brick is banded with white plaster and framed by projec…">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/projects/st-sebastian-hospital/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/projects/st-sebastian-hospital/03-1200.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
<link rel="stylesheet" href="/assets/vendor/glightbox.min.css">
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Projects","item":"https://www.artnouveau.in/projects/"},{"@type":"ListItem","position":2,"name":"St. Sebastian Hospital","item":"https://www.artnouveau.in/projects/st-sebastian-hospital/"}]}</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/" aria-current="page">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="proj-hero wrap">
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/st-sebastian-hospital/03-800.webp 800w, /assets/img/projects/st-sebastian-hospital/03-1600.webp 1080w" sizes="92vw"><img src="/assets/img/projects/st-sebastian-hospital/03-1200.jpg" width="1080" height="885" alt="The curved red-brick and white front facade of St. Sebastian Hospital with a glazed entrance canopy under an overcast sky." decoding="async" fetchpriority="high"></picture></div>
|
||||
</section>
|
||||
<section class="proj-title wrap">
|
||||
<span class="eyebrow">Healthcare — Arthunkal</span>
|
||||
<h1>St. Sebastian Hospital</h1>
|
||||
</section>
|
||||
<div class="wrap">
|
||||
<div class="proj-cols">
|
||||
<ul class="spec reveal">
|
||||
<li><span class="k">Category</span><span class="v">Healthcare</span></li>
|
||||
<li><span class="k">Client</span><span class="v">St. Sebastian Convent</span></li>
|
||||
<li><span class="k">Year</span><span class="v">2017</span></li>
|
||||
<li><span class="k">Place</span><span class="v">Arthunkal</span></li>
|
||||
<li><span class="k">Scope</span><span class="v">Architecture</span></li>
|
||||
</ul>
|
||||
<div class="proj-blurb reveal">
|
||||
<p>A hospital at Arthunkal fronted by a curved facade that wraps the entrance block. Fair-faced red brick is banded with white plaster and framed by projecting window surrounds, with a glazed canopy sheltering the drop-off below the main volume.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery">
|
||||
<a href="/assets/img/projects/st-sebastian-hospital/01-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: St. Sebastian Hospital — 02">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/st-sebastian-hospital/01-800.webp 800w, /assets/img/projects/st-sebastian-hospital/01-1600.webp 964w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/st-sebastian-hospital/01-1200.jpg" width="964" height="689" alt="St. Sebastian Hospital — photograph 2" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/st-sebastian-hospital/02-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: St. Sebastian Hospital — 03">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/st-sebastian-hospital/02-800.webp 479w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/st-sebastian-hospital/02-1200.jpg" width="479" height="889" alt="St. Sebastian Hospital — photograph 3" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/st-sebastian-hospital/04-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: St. Sebastian Hospital — 04">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/st-sebastian-hospital/04-800.webp 800w, /assets/img/projects/st-sebastian-hospital/04-1600.webp 873w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/st-sebastian-hospital/04-1200.jpg" width="873" height="695" alt="St. Sebastian Hospital — photograph 4" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav class="proj-nav" aria-label="More projects">
|
||||
<a href="/projects/spice-forest/"><span class="eyebrow">previous</span><span class="name u">Spice Forest</span></a>
|
||||
<a class="next" href="/projects/sunil-varghese-residence/"><span class="eyebrow">next</span><span class="name u">Sunil Varghese Residence</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">Planning something like this? <em>Let us draw it with you.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/vendor/glightbox.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,152 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Sunil Varghese Residence — Residential — Art.n Architects</title>
|
||||
<meta name="description" content="A contemporary two-storey house that pairs white rendered volumes with panels of multicoloured stone cladding. Cantilevered slabs and a slatted pergola …">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/projects/sunil-varghese-residence/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="Sunil Varghese Residence — Residential — Art.n Architects">
|
||||
<meta property="og:description" content="A contemporary two-storey house that pairs white rendered volumes with panels of multicoloured stone cladding. Cantilevered slabs and a slatted pergola …">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/projects/sunil-varghese-residence/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/projects/sunil-varghese-residence/01-1200.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
<link rel="stylesheet" href="/assets/vendor/glightbox.min.css">
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Projects","item":"https://www.artnouveau.in/projects/"},{"@type":"ListItem","position":2,"name":"Sunil Varghese Residence","item":"https://www.artnouveau.in/projects/sunil-varghese-residence/"}]}</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/" aria-current="page">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="proj-hero wrap">
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/sunil-varghese-residence/01-800.webp 800w, /assets/img/projects/sunil-varghese-residence/01-1600.webp 1080w" sizes="92vw"><img src="/assets/img/projects/sunil-varghese-residence/01-1200.jpg" width="1080" height="720" alt="A contemporary two-storey house with white render and stone-clad panels above a brick-and-stone paved courtyard." decoding="async" fetchpriority="high"></picture></div>
|
||||
</section>
|
||||
<section class="proj-title wrap">
|
||||
<span class="eyebrow">Residential</span>
|
||||
<h1>Sunil Varghese Residence</h1>
|
||||
</section>
|
||||
<div class="wrap">
|
||||
<div class="proj-cols">
|
||||
<ul class="spec reveal">
|
||||
<li><span class="k">Category</span><span class="v">Residential</span></li>
|
||||
<li><span class="k">Client</span><span class="v">Mr. Sunil Varghese</span></li>
|
||||
<li><span class="k">Year</span><span class="v">2017</span></li>
|
||||
<li><span class="k">Scope</span><span class="v">Architecture · Interiors</span></li>
|
||||
</ul>
|
||||
<div class="proj-blurb reveal">
|
||||
<p>A contemporary two-storey house that pairs white rendered volumes with panels of multicoloured stone cladding. Cantilevered slabs and a slatted pergola shade the entrance, reached across a courtyard of brick and stone paving with stepping stones set into pebble beds. Inside, slot windows rake daylight across a stair landing above a glass-and-timber balustrade.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery">
|
||||
<a href="/assets/img/projects/sunil-varghese-residence/02-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Sunil Varghese Residence — 02">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sunil-varghese-residence/02-800.webp 800w, /assets/img/projects/sunil-varghese-residence/02-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sunil-varghese-residence/02-1200.jpg" width="1080" height="720" alt="Sunil Varghese Residence — photograph 2" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sunil-varghese-residence/03-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Sunil Varghese Residence — 03">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sunil-varghese-residence/03-800.webp 720w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sunil-varghese-residence/03-1200.jpg" width="720" height="1080" alt="Sunil Varghese Residence — photograph 3" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sunil-varghese-residence/04-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Sunil Varghese Residence — 04">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sunil-varghese-residence/04-800.webp 720w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sunil-varghese-residence/04-1200.jpg" width="720" height="1080" alt="Sunil Varghese Residence — photograph 4" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sunil-varghese-residence/05-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Sunil Varghese Residence — 05">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sunil-varghese-residence/05-800.webp 720w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sunil-varghese-residence/05-1200.jpg" width="720" height="1080" alt="Sunil Varghese Residence — photograph 5" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sunil-varghese-residence/06-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Sunil Varghese Residence — 06">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sunil-varghese-residence/06-800.webp 800w, /assets/img/projects/sunil-varghese-residence/06-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sunil-varghese-residence/06-1200.jpg" width="1080" height="716" alt="Sunil Varghese Residence — photograph 6" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/sunil-varghese-residence/07-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Sunil Varghese Residence — 07">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/sunil-varghese-residence/07-800.webp 800w, /assets/img/projects/sunil-varghese-residence/07-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sunil-varghese-residence/07-1200.jpg" width="1080" height="720" alt="Sunil Varghese Residence — photograph 7" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav class="proj-nav" aria-label="More projects">
|
||||
<a href="/projects/st-sebastian-hospital/"><span class="eyebrow">previous</span><span class="name u">St. Sebastian Hospital</span></a>
|
||||
<a class="next" href="/projects/thomas-t-residence/"><span class="eyebrow">next</span><span class="name u">Thomas T. Residence</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">Planning something like this? <em>Let us draw it with you.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/vendor/glightbox.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,159 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Thomas T. Residence — Residential, Thiruvalla — Art.n Architects</title>
|
||||
<meta name="description" content="A contemporary house at Thiruvalla composed of stacked flat-roofed volumes in grey and white render, offset by timber louvres and cladding. A cantilever…">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/projects/thomas-t-residence/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="Thomas T. Residence — Residential, Thiruvalla — Art.n Architects">
|
||||
<meta property="og:description" content="A contemporary house at Thiruvalla composed of stacked flat-roofed volumes in grey and white render, offset by timber louvres and cladding. A cantilever…">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/projects/thomas-t-residence/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/projects/thomas-t-residence/05-1200.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
<link rel="stylesheet" href="/assets/vendor/glightbox.min.css">
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Projects","item":"https://www.artnouveau.in/projects/"},{"@type":"ListItem","position":2,"name":"Thomas T. Residence","item":"https://www.artnouveau.in/projects/thomas-t-residence/"}]}</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/" aria-current="page">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="proj-hero wrap">
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/thomas-t-residence/05-800.webp 800w, /assets/img/projects/thomas-t-residence/05-1600.webp 887w" sizes="92vw"><img src="/assets/img/projects/thomas-t-residence/05-1200.jpg" width="887" height="1080" alt="The house at dusk, its timber-framed entrance porch glowing with warm light beneath a cantilevered upper floor and silhouetted palms." decoding="async" fetchpriority="high"></picture></div>
|
||||
</section>
|
||||
<section class="proj-title wrap">
|
||||
<span class="eyebrow">Residential — Thiruvalla</span>
|
||||
<h1>Thomas T. Residence</h1>
|
||||
</section>
|
||||
<div class="wrap">
|
||||
<div class="proj-cols">
|
||||
<ul class="spec reveal">
|
||||
<li><span class="k">Category</span><span class="v">Residential</span></li>
|
||||
<li><span class="k">Client</span><span class="v">Mr. Thomas T</span></li>
|
||||
<li><span class="k">Year</span><span class="v">2023</span></li>
|
||||
<li><span class="k">Place</span><span class="v">Thiruvalla</span></li>
|
||||
<li><span class="k">Scope</span><span class="v">Architecture · Interiors</span></li>
|
||||
</ul>
|
||||
<div class="proj-blurb reveal">
|
||||
<p>A contemporary house at Thiruvalla composed of stacked flat-roofed volumes in grey and white render, offset by timber louvres and cladding. A cantilevered upper floor shelters the entrance porch, where a circular porthole window is cut into the grey wall above black stone steps, and a steel-framed carport extends to one side over grass-jointed paving.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery">
|
||||
<a href="/assets/img/projects/thomas-t-residence/01-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Thomas T. Residence — 02">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/thomas-t-residence/01-800.webp 800w, /assets/img/projects/thomas-t-residence/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/thomas-t-residence/01-1200.jpg" width="1080" height="608" alt="Thomas T. Residence — photograph 2" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/thomas-t-residence/02-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Thomas T. Residence — 03">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/thomas-t-residence/02-800.webp 800w, /assets/img/projects/thomas-t-residence/02-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/thomas-t-residence/02-1200.jpg" width="1080" height="608" alt="Thomas T. Residence — photograph 3" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/thomas-t-residence/03-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Thomas T. Residence — 04">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/thomas-t-residence/03-800.webp 800w, /assets/img/projects/thomas-t-residence/03-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/thomas-t-residence/03-1200.jpg" width="1080" height="618" alt="Thomas T. Residence — photograph 4" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/thomas-t-residence/04-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Thomas T. Residence — 05">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/thomas-t-residence/04-800.webp 800w, /assets/img/projects/thomas-t-residence/04-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/thomas-t-residence/04-1200.jpg" width="1080" height="720" alt="Thomas T. Residence — photograph 5" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/thomas-t-residence/06-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Thomas T. Residence — 06">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/thomas-t-residence/06-800.webp 800w, /assets/img/projects/thomas-t-residence/06-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/thomas-t-residence/06-1200.jpg" width="1080" height="720" alt="Thomas T. Residence — photograph 6" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/thomas-t-residence/07-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Thomas T. Residence — 07">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/thomas-t-residence/07-800.webp 720w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/thomas-t-residence/07-1200.jpg" width="720" height="1080" alt="Thomas T. Residence — photograph 7" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/thomas-t-residence/08-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Thomas T. Residence — 08">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/thomas-t-residence/08-800.webp 772w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/thomas-t-residence/08-1200.jpg" width="772" height="1080" alt="Thomas T. Residence — photograph 8" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/thomas-t-residence/09-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Thomas T. Residence — 09">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/thomas-t-residence/09-800.webp 720w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/thomas-t-residence/09-1200.jpg" width="720" height="1080" alt="Thomas T. Residence — photograph 9" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav class="proj-nav" aria-label="More projects">
|
||||
<a href="/projects/sunil-varghese-residence/"><span class="eyebrow">previous</span><span class="name u">Sunil Varghese Residence</span></a>
|
||||
<a class="next" href="/projects/toggy-residence/"><span class="eyebrow">next</span><span class="name u">Toggy Residence</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">Planning something like this? <em>Let us draw it with you.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/vendor/glightbox.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,174 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Toggy Residence — Residential, Changanacherry — Art.n Architects</title>
|
||||
<meta name="description" content="A Changanacherry home where grey clay-tiled roofs and gabled porches sit above walls that alternate white plaster with panels of exposed laterite. An op…">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/projects/toggy-residence/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="Toggy Residence — Residential, Changanacherry — Art.n Architects">
|
||||
<meta property="og:description" content="A Changanacherry home where grey clay-tiled roofs and gabled porches sit above walls that alternate white plaster with panels of exposed laterite. An op…">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/projects/toggy-residence/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/projects/toggy-residence/01-1200.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
<link rel="stylesheet" href="/assets/vendor/glightbox.min.css">
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Projects","item":"https://www.artnouveau.in/projects/"},{"@type":"ListItem","position":2,"name":"Toggy Residence","item":"https://www.artnouveau.in/projects/toggy-residence/"}]}</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/" aria-current="page">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="proj-hero wrap">
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/toggy-residence/01-800.webp 800w, /assets/img/projects/toggy-residence/01-1600.webp 1080w" sizes="92vw"><img src="/assets/img/projects/toggy-residence/01-1200.jpg" width="1080" height="720" alt="Front elevation of the Toggy Residence showing grey clay-tiled gabled roofs, white and exposed-laterite walls, and an open veranda facing a paved courtyard under an overcast sky." decoding="async" fetchpriority="high"></picture></div>
|
||||
</section>
|
||||
<section class="proj-title wrap">
|
||||
<span class="eyebrow">Residential — Changanacherry</span>
|
||||
<h1>Toggy Residence</h1>
|
||||
</section>
|
||||
<div class="wrap">
|
||||
<div class="proj-cols">
|
||||
<ul class="spec reveal">
|
||||
<li><span class="k">Category</span><span class="v">Residential</span></li>
|
||||
<li><span class="k">Client</span><span class="v">Mr. Toggy</span></li>
|
||||
<li><span class="k">Year</span><span class="v">2023</span></li>
|
||||
<li><span class="k">Place</span><span class="v">Changanacherry</span></li>
|
||||
<li><span class="k">Scope</span><span class="v">Architecture · Interiors</span></li>
|
||||
</ul>
|
||||
<div class="proj-blurb reveal">
|
||||
<p>A Changanacherry home where grey clay-tiled roofs and gabled porches sit above walls that alternate white plaster with panels of exposed laterite. An open veranda, its gable pierced by a row of star cut-outs, faces a broad paved courtyard; inside, the rooms carry teak joinery, marble-backed feature walls, and a walnut kitchen with quartz counters and built-in appliances.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery">
|
||||
<a href="/assets/img/projects/toggy-residence/02-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Toggy Residence — 02">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/toggy-residence/02-800.webp 800w, /assets/img/projects/toggy-residence/02-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/toggy-residence/02-1200.jpg" width="1080" height="720" alt="Toggy Residence — photograph 2" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/toggy-residence/03-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Toggy Residence — 03">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/toggy-residence/03-800.webp 800w, /assets/img/projects/toggy-residence/03-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/toggy-residence/03-1200.jpg" width="1080" height="720" alt="Toggy Residence — photograph 3" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/toggy-residence/04-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Toggy Residence — 04">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/toggy-residence/04-800.webp 800w, /assets/img/projects/toggy-residence/04-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/toggy-residence/04-1200.jpg" width="1080" height="720" alt="Toggy Residence — photograph 4" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/toggy-residence/05-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Toggy Residence — 05">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/toggy-residence/05-800.webp 720w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/toggy-residence/05-1200.jpg" width="720" height="1080" alt="Toggy Residence — photograph 5" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/toggy-residence/06-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Toggy Residence — 06">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/toggy-residence/06-800.webp 706w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/toggy-residence/06-1200.jpg" width="706" height="1080" alt="Toggy Residence — photograph 6" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/toggy-residence/07-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Toggy Residence — 07">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/toggy-residence/07-800.webp 800w, /assets/img/projects/toggy-residence/07-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/toggy-residence/07-1200.jpg" width="1080" height="720" alt="Toggy Residence — photograph 7" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/toggy-residence/08-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Toggy Residence — 08">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/toggy-residence/08-800.webp 800w, /assets/img/projects/toggy-residence/08-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/toggy-residence/08-1200.jpg" width="1080" height="720" alt="Toggy Residence — photograph 8" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/toggy-residence/09-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Toggy Residence — 09">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/toggy-residence/09-800.webp 800w, /assets/img/projects/toggy-residence/09-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/toggy-residence/09-1200.jpg" width="1080" height="724" alt="Toggy Residence — photograph 9" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/toggy-residence/10-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Toggy Residence — 10">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/toggy-residence/10-800.webp 720w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/toggy-residence/10-1200.jpg" width="720" height="1080" alt="Toggy Residence — photograph 10" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/toggy-residence/11-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Toggy Residence — 11">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/toggy-residence/11-800.webp 720w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/toggy-residence/11-1200.jpg" width="720" height="1080" alt="Toggy Residence — photograph 11" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/toggy-residence/12-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Toggy Residence — 12">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/toggy-residence/12-800.webp 800w, /assets/img/projects/toggy-residence/12-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/toggy-residence/12-1200.jpg" width="1080" height="720" alt="Toggy Residence — photograph 12" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/toggy-residence/13-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Toggy Residence — 13">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/toggy-residence/13-800.webp 720w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/toggy-residence/13-1200.jpg" width="720" height="1080" alt="Toggy Residence — photograph 13" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/toggy-residence/14-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Toggy Residence — 14">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/toggy-residence/14-800.webp 800w, /assets/img/projects/toggy-residence/14-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/toggy-residence/14-1200.jpg" width="1080" height="720" alt="Toggy Residence — photograph 14" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav class="proj-nav" aria-label="More projects">
|
||||
<a href="/projects/thomas-t-residence/"><span class="eyebrow">previous</span><span class="name u">Thomas T. Residence</span></a>
|
||||
<a class="next" href="/projects/tony-kallukalam/"><span class="eyebrow">next</span><span class="name u">Tony Kallukalam Commercial</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">Planning something like this? <em>Let us draw it with you.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/vendor/glightbox.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,144 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Tony C. Kallukalam Commercial — Commercial, Changanacherry — Art.n Architects</title>
|
||||
<meta name="description" content="A multi-brand retail block for Changanacherry, shown here in project renders while construction is ongoing. The design sets a glazed stair tower against…">
|
||||
<link rel="canonical" href="https://www.artnouveau.in/projects/tony-kallukalam/">
|
||||
<meta name="theme-color" content="#F4F1EA">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Art.n Architects">
|
||||
<meta property="og:title" content="Tony C. Kallukalam Commercial — Commercial, Changanacherry — Art.n Architects">
|
||||
<meta property="og:description" content="A multi-brand retail block for Changanacherry, shown here in project renders while construction is ongoing. The design sets a glazed stair tower against…">
|
||||
<meta property="og:url" content="https://www.artnouveau.in/projects/tony-kallukalam/">
|
||||
<meta property="og:image" content="https://www.artnouveau.in/assets/img/projects/tony-kallukalam/02-1200.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
|
||||
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
<link rel="stylesheet" href="/assets/vendor/glightbox.min.css">
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Projects","item":"https://www.artnouveau.in/projects/"},{"@type":"ListItem","position":2,"name":"Tony C. Kallukalam Commercial","item":"https://www.artnouveau.in/projects/tony-kallukalam/"}]}</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Skip to content</a>
|
||||
<div class="veil-page" aria-hidden="true"></div>
|
||||
|
||||
<header class="site" id="hdr">
|
||||
<nav class="nav" aria-label="Main">
|
||||
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
|
||||
<ul>
|
||||
<li><a href="/projects/" aria-current="page">projects</a></li>
|
||||
<li><a href="/studio/">studio</a></li>
|
||||
<li><a href="/process/">process</a></li>
|
||||
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
|
||||
<li><a href="/contact/">contact</a></li>
|
||||
</ul>
|
||||
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="menu-overlay" id="site-menu" hidden>
|
||||
<button class="menu-close" aria-label="Close menu">close</button>
|
||||
<nav aria-label="Mobile">
|
||||
<a href="/">home</a>
|
||||
<a href="/projects/">projects</a>
|
||||
<a href="/studio/">studio</a>
|
||||
<a href="/process/">process</a>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
|
||||
<a href="/contact/">contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<main id="main">
|
||||
<section class="proj-hero wrap">
|
||||
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/tony-kallukalam/02-800.webp 800w, /assets/img/projects/tony-kallukalam/02-1600.webp 1080w" sizes="92vw"><img src="/assets/img/projects/tony-kallukalam/02-1200.jpg" width="1080" height="608" alt="Dusk architectural rendering of the Kallukalam Plaza retail building, its glazed stair tower and faceted screen wall lit against a twilight sky above a wet street." decoding="async" fetchpriority="high"></picture></div>
|
||||
</section>
|
||||
<section class="proj-title wrap">
|
||||
<span class="eyebrow">Commercial — Changanacherry</span>
|
||||
<h1>Tony C. Kallukalam Commercial</h1>
|
||||
</section>
|
||||
<div class="wrap">
|
||||
<div class="proj-cols">
|
||||
<ul class="spec reveal">
|
||||
<li><span class="k">Category</span><span class="v">Commercial</span></li>
|
||||
<li><span class="k">Client</span><span class="v">Mr. Tony C Kallukalam</span></li>
|
||||
<li><span class="k">Year</span><span class="v">Ongoing</span></li>
|
||||
<li><span class="k">Place</span><span class="v">Changanacherry</span></li>
|
||||
<li><span class="k">Scope</span><span class="v">Architecture · Interiors</span></li>
|
||||
</ul>
|
||||
<div class="proj-blurb reveal">
|
||||
<p>A multi-brand retail block for Changanacherry, shown here in project renders while construction is ongoing. The design sets a glazed stair tower against a faceted, diamond-patterned screen wall and a louvred, signage-fronted shopping facade, with an open cafe and retail floor recessed at street level.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery">
|
||||
<a href="/assets/img/projects/tony-kallukalam/01-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Tony C. Kallukalam Commercial — 02">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/tony-kallukalam/01-800.webp 800w, /assets/img/projects/tony-kallukalam/01-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/tony-kallukalam/01-1200.jpg" width="1080" height="608" alt="Tony C. Kallukalam Commercial — photograph 2" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/tony-kallukalam/03-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Tony C. Kallukalam Commercial — 03">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/tony-kallukalam/03-800.webp 800w, /assets/img/projects/tony-kallukalam/03-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/tony-kallukalam/03-1200.jpg" width="1080" height="608" alt="Tony C. Kallukalam Commercial — photograph 3" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
<a href="/assets/img/projects/tony-kallukalam/04-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Tony C. Kallukalam Commercial — 04">
|
||||
<picture><source type="image/webp" srcset="/assets/img/projects/tony-kallukalam/04-800.webp 800w, /assets/img/projects/tony-kallukalam/04-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/tony-kallukalam/04-1200.jpg" width="1080" height="608" alt="Tony C. Kallukalam Commercial — photograph 4" decoding="async" loading="lazy"></picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav class="proj-nav" aria-label="More projects">
|
||||
<a href="/projects/toggy-residence/"><span class="eyebrow">previous</span><span class="name u">Toggy Residence</span></a>
|
||||
<a class="next" href="/projects/vsaffron-regency/"><span class="eyebrow">next</span><span class="name u">Vsaffron Regency</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<section class="cta">
|
||||
<div class="wrap inner">
|
||||
<h2 class="reveal">Planning something like this? <em>Let us draw it with you.</em></h2>
|
||||
<div class="actions reveal">
|
||||
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
|
||||
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site">
|
||||
<div class="wrap">
|
||||
<div class="foot-top">
|
||||
<p class="wordmark">Art<span>.</span>n Architects</p>
|
||||
<p class="eyebrow">Architecture · Interiors · Project Management</p>
|
||||
</div>
|
||||
<div class="foot-cols">
|
||||
<div>
|
||||
<span class="eyebrow">Changanacherry</span>
|
||||
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Kochi</span>
|
||||
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Write</span>
|
||||
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
|
||||
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="eyebrow">Elsewhere</span>
|
||||
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
|
||||
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
|
||||
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foot-base">
|
||||
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
|
||||
<p>Changanacherry · Kochi — Kerala, India</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="/assets/vendor/gsap.min.js" defer></script>
|
||||
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
|
||||
<script src="/assets/vendor/lenis.min.js" defer></script>
|
||||
<script src="/assets/vendor/glightbox.min.js" defer></script>
|
||||
<script src="/assets/js/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue