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