<!DOCTYPE html>

<html lang="en">


<head>

    <meta charset="UTF-8">

    <title>BostonTeam - Kitchen Design</title>

    <style>

        body {

            font-family: verdana, sans-serif;

            margin: 0;

            padding: 0;

            background-color: #fff;

            color: #333;

            font-weight: 100; /* Thinner font weight */

            text-align: center; /* Center align for the whole body */

        }



        header {

            background-image: url('header_background.jpg'); /* Replace with your image path */

            background-size: cover;

            background-position: center;

            padding: 20px;

            display: flex;

            flex-direction: column;

            align-items: center; /* Align items to the left */

        }


        .header-content {

            margin-bottom: 20px;

            text-align: center; /* Align text content to the left */

        }


        .container {

            width: 100%;

            display: flex;

            flex-wrap: wrap;

            justify-content: center;

        }


        .company-description {

            width: 100%;

            padding: 20px;

            box-sizing: border-box;

            text-align: center;

        }


        .location {

            width: 30%;

            border: 0px solid #444;

            padding: 20px;

            margin: 20px;

            box-sizing: border-box;

            background-color: #fff;

            color: #333;

            text-align: center;

            transition: transform 0.3s ease; /* Removed hover effect */

        }


        .location h2 {

            margin-top: 0;

        }


        .location p {

            margin-bottom: 0;

        }


        .location a {

            text-decoration: none;

            color: #333;

            display: block;

        }


        .location img {

            max-width: 100%;

            height: auto;

            margin-bottom: 10px;

        }


        .full-width-picture {

            width: 100%;

            background-image: url('full_width_picture.jpg'); /* Replace with your image path */

            background-size: cover;

            background-position: center;

            height: 300px;

            margin-top: 20px;

            display: flex;

            justify-content: center; /* Center the content horizontally */

            align-items: center; /* Center the content vertically */

        }

    </style>

</head>


<body>

    <header>

        <div class="header-content">

            <img src="bostonteam_logo.png" alt="BostonTeam Logo" class="logo">

            <h1 style="font-weight: 300;">BETTER LIFE<br>EXPERIENCE</h1>

            <p>KITCHEN RENOVATION NEVER BEEN SO EASY</p>

        </div>

    </header>


    <div class="container">

        <div class="company-description">

            <p>Welcome to BostonTeam! We specialize in creating stunning kitchen designs that perfectly blend style and functionality.</p>

        </div>


        <div class="location">

            <a href="https://www.bauteam.boston" target="_blank">

                <h2>Boston Showroom</h2>

                <img src="location1_image.jpg" alt="Location 1 Image">

                <p>BauTeam Boston</p>

                <p>511 Tremont Street<br>Boston, MA<br>(857) 350-3215</p>

            </a>

        </div>


        <div class="location">

            <a href="https://www.ygkboston.com" target="_blank">

                <h2>Newton Showroom</h2>

                <img src="location2_image.jpg" alt="Location 2 Image">

                <p>YGK Kitchen Cabinets + Design</p>

                <p>308 Walnut Street<br>Newton, MA<br>(857) 263-8415</p>

            </a>

        </div>


        <div class="location">

            <a href="https://www.burgkitchens.com" target="_blank">

                <h2>Lynnfield Showroom</h2>

                <img src="location3_image.jpg" alt="Location 3 Image">

                 <p>BURG Kitchens + Applinaces</p>

                   <p>325 Market Street<br>Lynnfield, MA<br>(781) 776-6579</p>

            </a>

        </div>

    </div>


    <div class="full-width-picture"></div>

    <!-- Place the picture here -->


    <footer>

        <p>2024 BostonTeam - All Rights Reserved</p>

    </footer>

</body>


</html>

<!DOCTYPE html>

<html lang="en">


<head>

    <meta charset="UTF-8">

    <title>BostonTeam - Kitchen Design</title>

    <style>

        body {

            font-family: verdana, sans-serif;

            margin: 0;

            padding: 0;

            background-color: #fff;

            color: #333;

            font-weight: 100; /* Thinner font weight */

            text-align: center; /* Center align for the whole body */

        }



        header {

            background-image: url('header_background.jpg'); /* Replace with your image path */

            background-size: cover;

            background-position: center;

            padding: 20px;

            display: flex;

            flex-direction: column;

            align-items: center; /* Align items to the left */

        }


        .header-content {

            margin-bottom: 20px;

            text-align: center; /* Align text content to the left */

        }


        .container {

            width: 100%;

            display: flex;

            flex-wrap: wrap;

            justify-content: center;

        }


        .company-description {

            width: 100%;

            padding: 20px;

            box-sizing: border-box;

            text-align: center;

        }


        .location {

            width: 30%;

            border: 0px solid #444;

            padding: 20px;

            margin: 20px;

            box-sizing: border-box;

            background-color: #fff;

            color: #333;

            text-align: center;

            transition: transform 0.3s ease; /* Removed hover effect */

        }


        .location h2 {

            margin-top: 0;

        }


        .location p {

            margin-bottom: 0;

        }


        .location a {

            text-decoration: none;

            color: #333;

            display: block;

        }


        .location img {

            max-width: 100%;

            height: auto;

            margin-bottom: 10px;

        }


        .full-width-picture {

            width: 100%;

            background-image: url('full_width_picture.jpg'); /* Replace with your image path */

            background-size: cover;

            background-position: center;

            height: 300px;

            margin-top: 20px;

            display: flex;

            justify-content: center; /* Center the content horizontally */

            align-items: center; /* Center the content vertically */

        }

    </style>

</head>


<body>

    <header>

        <div class="header-content">

            <img src="bostonteam_logo.png" alt="BostonTeam Logo" class="logo">

            <h1 style="font-weight: 300;">BETTER LIFE<br>EXPERIENCE</h1>

            <p>KITCHEN RENOVATION NEVER BEEN SO EASY</p>

        </div>

    </header>


    <div class="container">

        <div class="company-description">

            <p>Welcome to BostonTeam! We specialize in creating stunning kitchen designs that perfectly blend style and functionality.</p>

        </div>


        <div class="location">

            <a href="https://www.bauteam.boston" target="_blank">

                <h2>Boston Showroom</h2>

                <img src="location1_image.jpg" alt="Location 1 Image">

                <p>BauTeam Boston</p>

                <p>511 Tremont Street<br>Boston, MA<br>(857) 350-3215</p>

            </a>

        </div>


        <div class="location">

            <a href="https://www.ygkboston.com" target="_blank">

                <h2>Newton Showroom</h2>

                <img src="location2_image.jpg" alt="Location 2 Image">

                <p>YGK Kitchen Cabinets + Design</p>

                <p>308 Walnut Street<br>Newton, MA<br>(857) 263-8415</p>

            </a>

        </div>


        <div class="location">

            <a href="https://www.burgkitchens.com" target="_blank">

                <h2>Lynnfield Showroom</h2>

                <img src="location3_image.jpg" alt="Location 3 Image">

                 <p>BURG Kitchens + Applinaces</p>

                   <p>325 Market Street<br>Lynnfield, MA<br>(781) 776-6579</p>

            </a>

        </div>

    </div>


    <div class="full-width-picture"></div>

    <!-- Place the picture here -->


    <footer>

        <p>2024 BostonTeam - All Rights Reserved</p>

    </footer>

</body>


</html>