You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
198 lines
18 KiB
HTML
198 lines
18 KiB
HTML
<!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> |