<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Missiato Design and Build</title>
<style id='classic-theme-styles-inline-css' type='text/css'>
.wp-block-button__link {
color: #fff;
background-color: #32373c;
border-radius: 9999px;
box-shadow: none;
text-decoration: none;
padding: calc(.667em + 2px) calc(1.333em + 2px);
font-size: 1.125em
}
.wp-block-file__button {
background: #32373c;
color: #fff;
text-decoration: none
}
</style>
<link rel='stylesheet' id='bootstrap-css'
href='https://minaleandmann.com/wp-content/themes/pegasus/dist/css/bootstrap.min.css' type='text/css'
media='all' />
<link rel='stylesheet' id='global_css-css'
href='https://minaleandmann.com/wp-content/themes/pegasus/dist/css/global.min.css?ver=1639738319'
type='text/css' media='all' />
<script type='text/javascript' src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'
id='jquery-js'></script>
<script type='text/javascript' src='//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js'
id='modernizer-js'></script>
<script>
document.documentElement.className += " preload";
</script>
</head>
<body>
<!-- <script>try { Typekit.load({ async: true }); } catch (e) { }</script> -->
<!-- Including loading-screen component -->
<section class="component component-loading-screen -text">
<div class="background">
<div class="top"></div>
<div class="bottom"></div>
</div>
<div class="inner" style="background-color: black;">
<p class="intro-text">
<div class="minale-logo" style="display: flex; justify-content:center; background:black;">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 269 141.8"
style="enable-background:new 0 0 269 141.8;" xml:space="preserve">
<style type="text/css">
<!-- .st0 {
fill: #1b1b1e;
}
-->
</style>
<img style=" width:250px; height: max-content;"
src="https://missiatodb.globalbay.agency/wp-content/uploads/2023/07/MISSIATO-MASTER-Logo-white-1-1414x1536.png"
alt="">
</svg>
</div>
</div>
</section>
<div class="container-fluid" id="wrapper">
<!-- Slider Nav Prototype -->
<!-- Including slider-nav component -->
<div class="component slider-nav" id="sliderNav" style="background: #32373c;">
<div class="slider-wrapper" style=" width: max-content;">
<ul class="slides" style="width: 1400vw; transform: translateX(-650vw);">
<li class="cell active">
<div class="inner" data-link="#">
<div class="background" style="background-image: url(./Residential.jpg);">
</div>
</div>
<div class="append">
<div class="inner">
<p>RESIDENTIAL </p> <span>Building your forever home. <br>
Creating a loft conversion.
Adding an extension.</span>
</div>
</div>
</li>
<li class="cell active" style="border: 2px solid;">
<div class="inner" data-link="#">
<div class="background" style="background-image: url(./714A7659-1-scaled.jpg);">
</div>
</div>
<div class="append">
<div class="inner">
<p>DEVELOPMENT </p> <span>High-end quality. <br>
Joint ventures on land plots. <br>
Experience and resources.</span>
</div>
</div>
</li>
<li class="cell active">
<div class="inner" data-link="#">
<div class="background" style="background-image: url(./insi-1.jpg);">
</div>
</div>
<div class="append">
<div class="inner">
<p>ABOUT</p> <span>We are an award-winning design and <br> build company delivering work
across <br> the Bristol area.
</span>
</div>
</div>
</li>
</ul>
</div>
<div class="captions-full">
<ul>
<li class="cell active">
<div class="inner" data-link="#">
<div class="caption smoothstate no-cta">
<h4 style="font-weight: bold;">RESIDENTIAL</h4>
<p>Building your forever home.
Creating a loft conversion.
Adding an extension.
</p>
<button class="loadpage"><span>DISCOVER MORE</span></button>
</div>
</div>
</li>
<li class="cell active">
<div class="inner" data-link="#">
<div class="caption smoothstate">
<h4 style="font-weight: bold;">DEVELOPERS</h4>
<p>High-end quality.
Joint ventures on land plots.
Experience and resources.</p>
<button class="loadpage"><span>DISCOVER MORE</span></button>
</div>
</div>
</li>
<li class="cell active">
<div class="inner" data-link="#">
<div class="caption smoothstate">
<h4 style="font-weight: bold;">ABOUT MISSIATO DESIGN AND BUILD</h4>
<p>We are an award-winning design and build company delivering work across the Bristol
area.</p>
<button class="loadpage"><span>LEARN ABOUT US</span></button>
</div>
</div>
</li>
</ul>
</div>
<div class="section-wrap">
<div class="inner">
<div class="current"></div>
</div>
</div>
<!-- Sensitive areas -->
<div class="left back">
<div class="cursor"><img
src="https://minaleandmann.com/wp-content/themes/pegasus/dist/img/ios-arrow-left.svg"
alt="back"></div>
<div class="hit-area"></div>
</div>
<div class="right next">
<div class="cursor"><img
src="https://minaleandmann.com/wp-content/themes/pegasus/dist/img/ios-arrow-right.svg"
alt="next"></div>
<div class="hit-area"></div>
</div>
<!-- Countdown shown on zoom in -->
<div class="countdown">
<div class="bar"></div>
</div>
</div>
</div>
<script type='text/javascript'
src='https://minaleandmann.com/wp-content/themes/pegasus/dist/js/global.min.js?ver=1639738323'
id='global_js-js'></script>
<!-- Team Overlay Wrapper End -->
</main>
</div>
<!-- Including navigation component -->
<header id="page-header">
<div class="desktop-slider_overlay mobile-slider_overlay">
<nav class="nav-container nav-height display-table-xs" id="desktop-nav">
<div>
<a class="image" href="">
<svg version="1.1" id="logo_svg" xmlns="" xmlns:xlink="" x="0px" y="0px" viewBox="0 0 269 95.6"
style="enable-background:new 0 0 269 95.6;" xml:space="preserve">
<style type="text/css">
.header-logo {
fill: #FFFFFF;
}
</style>
<img class="img1" style="width: 100px; height: 100px;"
src="https://missiatodb.globalbay.agency/wp-content/uploads/2023/06/MISSIATO-MASTER-Logo-REV.svg"
alt="">
</svg>
<div class="project">
<span class="case"></span>
</div>
</a>
<div class="burger-container">
<button class="navbar-toggle navbar-toggle-overlay burger" style=" margin-top: -55px;"
type="button">
<span class="sr-only">Toggle navigation</span>
<i></i>
</button>
<button class="view-toggle">
<span class="slider-icon"></span>
</button>
</div>
<div class="overlay-menu">
<div class="side-menu-veil pnp-toggle-mob-nav" id="side-menu-veil"></div>
<div class="side-menu-container" id="side-menu-container">
<!-- Main Menu Start -->
<div class="main menu-wrapper">
<ul class="text-menu">
<li>
<div class='parent'>
<a href="MissiatoDesignandBuild.html">
Home </a>
</div>
</li>
<li>
<div class='parent'>
<a href="MissiatoDesignandBuild.html">
About </a>
</div>
</li>
<li>
<div class='parent has-children'>
<a href="MissiatoDesignandBuild.html" data-trigger="2199">
Services </a>
</div>
</li>
<li>
<div class='parent has-children'>
<a href="MissiatoDesignandBuild.html" data-trigger="3394">
insight </a>
</div>
</li>
<li>
<div class='parent'>
<a href="MissiatoDesignandBuild.html">
Contact </a>
</div>
</li>
</ul>
</div>
<!-- Second Level Submenus Start -->
<div class="submenu menu-wrapper first">
<!-- Submenu 2199 -->
<div class="inner">
<div class="line"></div>
<!-- First Level Submenu 2199 -->
<ul class="text-menu first-level 2199">
<li>
<div class="back visible-xs visible-sm">
<div class="label">Back</div>
</div>
</li>
<li>
<div class='has-children'>
<a class="sub-link first-tier" href="MissiatoDesignandBuild.html">
RESIDENTIAL </a>
</div>
</li>
<li>
<div class='has-children'>
<a class="sub-link first-tier" href="MissiatoDesignandBuild.html">
DEVELOPERS </a>
</div>
</li>
<li>
<div class='has-children'>
<a class="sub-link first-tier" href="MissiatoDesignandBuild.html">
HMO </a>
</div>
</li>
</ul>
</div>
<!-- Submenu 3394 -->
<div class="inner">
<div class="line"></div>
<!-- First Level Submenu 3394 -->
<ul class="text-menu first-level 3394">
<li>
<div class="back visible-xs visible-sm">
<div class="label">Back</div>
</div>
</li>
<li>
<div>
<a class="sub-link first-tier" href="">
CASE STUDIES </a>
</div>
</li>
<li>
<div>
<a class="sub-link first-tier" href="">
INSIGHT </a>
</div>
</li>
<li>
<div>
<a class="sub-link first-tier" href="">
BLOG </a>
</div>
</li>
</ul>
</div>
</div>
<div class="submenu menu-wrapper second">
</div>
</div>
</div>
</div>
</nav>
</div>
</header>
</body>
</html>