<!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>