Files

324 lines
14 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<!-- TRACKING:START -->
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-P9T4GN');</script>
<!-- End Google Tag Manager -->
<!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//analytics.dbtsites.com.br/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '3']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
<!-- TRACKING:END -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="format-detection" content="telephone=no">
<meta name="description" content="Our portfolio. Services done by Eddy's Construction and Masonry">
<meta name="author" content="Deyson Thomé">
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Raleway:100,300,400,500,600,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link type="text/css" href="/css/style.css" rel="stylesheet">
<title>Portfolio | Masonry Services done by Eddy</title>
<style>
.eddys-portfolio-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
margin: 0 auto;
max-width: 1180px;
}
.eddys-portfolio-item {
display: grid;
grid-template-columns: 34% 66%;
min-height: 150px;
overflow: hidden;
text-decoration: none;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 4px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.eddys-portfolio-item:hover,
.eddys-portfolio-item:focus-visible {
transform: translateY(-2px);
box-shadow: 0 7px 20px rgba(0, 0, 0, 0.10);
}
.eddys-portfolio-image {
min-width: 0;
min-height: 150px;
background: #d0d0d0;
overflow: hidden;
}
.eddys-portfolio-image img {
display: block;
width: 100%;
height: 100%;
min-height: 150px;
object-fit: cover;
}
.eddys-portfolio-content {
display: flex;
flex-direction: column;
justify-content: center;
padding: 22px 24px;
}
.eddys-portfolio-content h2 {
margin: 0 0 8px;
font-size: 1.25rem;
line-height: 1.25;
}
.eddys-portfolio-location {
margin: 0 0 12px;
}
.eddys-portfolio-link {
font-weight: 600;
}
@media (max-width: 900px) {
.eddys-portfolio-list {
grid-template-columns: 1fr;
}
}
@media (max-width: 600px) {
.eddys-portfolio-item {
grid-template-columns: 1fr;
}
.eddys-portfolio-image,
.eddys-portfolio-image img {
min-height: 210px;
height: 210px;
}
.eddys-portfolio-content {
padding: 22px;
}
}
</style>
</head><body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P9T4GN"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div id="preload" class="preload">
<div class="square"></div>
</div>
<header class="header head3">
<!-- HEADER:START -->
<div class="main-header">
<div class="container header-container">
<div class="logo"><a href="/index.html"><img alt="Eddy's Construction &amp; Masonry" src="/img/logo.png"/></a></div>
<div class="info-contact">
<ul class="info-contact-list">
<li><i class="fa fa-phone"></i><p>(508) 782-2159</p><p class="vice">Call Us Free</p></li>
<li><i class="fa fa-clock-o"></i><p>Mon - Sat: 7:00 AM - 7:00 PM</p><p class="vice">Sunday CLOSED</p></li>
</ul>
</div>
</div>
</div>
<!-- HEADER:END -->
<!-- NAV:START -->
<div class="navBar6">
<div class="container nav-container">
<nav class="navigation" id="main-nav" aria-label="Main Navigation">
<ul class="nav text-uppercase">
<li><a href="/index.html">Home</a></li>
<li><a href="/about.html">About Us</a></li>
<li class="menu-item-has-children">
<a href="/services/index.html" aria-haspopup="true">Our Services <span class="fa fa-angle-down"></span></a>
<ul class="sub-menu">
<li><a href="/services/masonry-stone/index.html">Masonry &amp; Stone</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="/locations/index.html" aria-haspopup="true">Locations <span class="fa fa-angle-down"></span></a>
<ul class="sub-menu">
<li><a href="/locations/wellesley/index.html">Wellesley</a></li>
<li><a href="/locations/index.html">Others</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="/resources/index.html" aria-haspopup="true">Resources <span class="fa fa-angle-down"></span></a>
<ul class="sub-menu">
<li><a href="/resources/masonry-stone/index.html">Masonry &amp; Stonework</a></li>
<li><a href="/resources/outdoor-living/index.html">Outdoor Living</a></li>
<li><a href="/resources/concrete/index.html">Concrete</a></li>
<li><a href="/resources/roofing-exterior/index.html">Roofing &amp; Exterior</a></li>
<li><a href="/resources/excavation-drainage/index.html">Excavation &amp; Drainage</a></li>
<li><a href="/resources/decks-porches/index.html">Decks &amp; Porches</a></li>
</ul>
</li>
<li class="active"><a href="/portfolio/index.html">Our Portfolio</a></li>
<li><a href="/contact.html">Contact us</a></li>
</ul>
</nav>
<button aria-label="Toggle Navigation" class="mobile-nav-toggle" id="mobile-toggle"><span class="hamburger"></span></button>
</div>
</div>
<!-- NAV:END -->
</header>
<div id="page-wrap">
<section id="sub-header" class="section bg-parallax" style="background-image: url('/img/bg/work.jpg');">
<div class="bg-overlay-black"></div>
<div class="container">
<div class="sub-wrapper">
<h1>Our Portfolio</h1>
<h2 class="h4">Explore selected projects completed by Eddy's Construction &amp; Masonry.</h2>
<!-- BREADCRUMB:START -->
<div class="breadcrumb-container">
<span>You are here:</span>
<ul class="breadcrumb">
<li><a href="/index.html">Home</a></li>
<li>Our Portfolio</li>
</ul>
</div>
<!-- BREADCRUMB:END -->
</div>
</div>
</section>
<section class="section bg-white">
<div class="container">
<h2 class="section-header big text-center">Our Projects</h2>
<div class="eddys-portfolio-list">
<a class="eddys-portfolio-item" href="/portfolio/blue-stone-patio-in-framighan/">
<div class="eddys-portfolio-image">
<img src="/portfolio/blue-stone-patio-in-framighan/framinghan-stone-masonry-01.jpg"
alt="Blue stone patio project in Framingham"
loading="lazy">
</div>
<div class="eddys-portfolio-content">
<h2>Blue Stone Patio in Framingham</h2>
<p class="eddys-portfolio-location">Framingham, MA</p>
<span class="eddys-portfolio-link">View Project &rarr;</span>
</div>
</a>
<a class="eddys-portfolio-item" href="/portfolio/firepit-in-marborough/">
<div class="eddys-portfolio-image">
<img src="/img/portfolio/fire-pits.jpg"
alt="Fire pit project in Marlborough"
loading="lazy">
</div>
<div class="eddys-portfolio-content">
<h2>Fire Pit in Marlborough</h2>
<p class="eddys-portfolio-location">Marlborough, MA</p>
<span class="eddys-portfolio-link">View Project &rarr;</span>
</div>
</a>
<a class="eddys-portfolio-item" href="/portfolio/hunneset-in-wellesley/">
<div class="eddys-portfolio-image">
<img src="/img/portfolio/wellesley-1.jpg"
alt="Masonry project in Wellesley"
loading="lazy">
</div>
<div class="eddys-portfolio-content">
<h2>Hunneset Project in Wellesley</h2>
<p class="eddys-portfolio-location">Wellesley, MA</p>
<span class="eddys-portfolio-link">View Project &rarr;</span>
</div>
</a>
<a class="eddys-portfolio-item" href="/portfolio/walkway-steps-in-wellesley/">
<div class="eddys-portfolio-image">
<img src="/img/portfolio/steps.jpg"
alt="Walkway and steps project in Wellesley"
loading="lazy">
</div>
<div class="eddys-portfolio-content">
<h2>Walkway &amp; Steps in Wellesley</h2>
<p class="eddys-portfolio-location">Wellesley, MA</p>
<span class="eddys-portfolio-link">View Project &rarr;</span>
</div>
</a>
</div>
</div>
</section>
<!-- FOOTER:START -->
<footer class="footer bg-dark" id="footer">
<div class="foot-widget">
<div class="container">
<div class="footer-grid">
<div class="widget widget_about">
<div class="logo"><a href="/index.html"><img alt="Eddy's Construction &amp; Masonry" src="/img/logo-w.png"/></a></div>
<p>Eddy's Construction &amp; Masonry treats every construction project, large or small, residential or commercial, as if we are working on our own homes.</p>
<ul class="social-list">
<li><a href="https://www.facebook.com/Eddys-Construction-Masonry-950975358293175/" target="_blank" rel="noopener"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://br.pinterest.com/eddysconstructi/" target="_blank" rel="noopener"><i class="fa fa-pinterest"></i></a></li>
</ul>
</div>
<div class="widget widget_contact">
<h3 class="widget-title">Get in touch</h3>
<ul>
<li><i class="fa fa-mobile"></i>(508) 782-2159</li>
<li><i class="fa fa-map-marker"></i>299 Church St #1, Marlborough, MA 01752</li>
<li><i class="fa fa-paper-plane"></i>contact@eddysconstruction.com</li>
<li><i class="fa fa-clock-o"></i>Mon - Sat: 7:00 AM - 7:00 PM</li>
</ul>
</div>
<div class="widget widget_subscribe">
<h3 class="widget-title">Mobile Contact</h3>
<p>Quick options to call or email directly from your phone:</p>
<div class="mobile-actions">
<a class="btn btn-transparent radius" href="tel:+15087822159">Click to Call</a>
<a class="btn btn-transparent radius" href="mailto:contact@eddysconstruction.com">Click to Email</a>
</div>
</div>
</div>
</div>
</div>
<div class="foot-credit">
<div class="container foot-credit-flex">
<p>EDDY'S Construction & Masonry &copy; 2026 By DBT Sites. All rights Reserved</p>
<ul class="foot-menu">
<li><a href="/index.html">Home</a></li>
<li><a href="/about.html">Who we are</a></li>
<li><a href="/services/index.html">Our Services</a></li>
<li><a href="/portfolio/index.html">Our Portfolio</a></li>
<li><a href="/contact.html">Contact us</a></li>
</ul>
</div>
</div>
</footer>
<!-- FOOTER:END -->
</div>
<script src="/js/main.js"></script>
</body>
</body>
</html>