1<!DOCTYPE html> 2<html is="dmx-app"> 3 4<head> 5 <base href="/"> 6
6<script src="/dmxAppConnect/dmxAppConnect.js"></script>
6 7 <meta charset="UTF-8"> 8 <title> Bellatrix | Greater Miamisburg Area Projects</title> 9 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous" /> 10 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 11 <!-- Poppins and Montserrat for base and headings --> 12 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&family=Montserrat:wght@400;700&display=swap" /> 13 <link rel="stylesheet" href="/bootstrap/5/css/bootstrap.min.css" /> 14 <link rel="stylesheet" href="/css/swiper_custom.css" /> 15 <link rel="stylesheet" href="/css/style.css" /> 16
16<script src="/dmxAppConnect/dmxBootstrap5Navigation/dmxBootstrap5Navigation.js" defer></script>
16 17 <style> 18 .navbar-brand { 19 display: flex; 20 flex-direction: column; 21 /* Stack images vertically */ 22 align-items: center; 23 /* Center the images horizontally */ 24 } 25 26 .navbar-brand img { 27 transition: transform 0.3s ease; 28 } 29 30 .navbar-brand img:hover { 31 transform: scale(1.1); 32 } 33 34 .navbar-brand .text-image { 35 margin-top: 5px; 36 /* Space between the two images */ 37 } 38 39 .navbar-nav { 40 padding-top: 40px; 41 /* Adjusts nav links to align with BELLATRIX in the image */ 42 } 43 44 /* Fix toggler position */ 45 .navbar-toggler { 46 position: relative; 47 top: 20px; 48 /* Pushes the toggler down to align with the nav links */ 49 } 50 51 /* Ensure Poppins for nav links */ 52 .navbar-nav .nav-link { 53 font-family: 'Poppins', sans-serif; 54 font-weight: 400; 55 } 56 57 /* Montserrat for all headings site-wide */ 58 h1, 59 h2, 60 h3, 61 h4, 62 h5, 63 h6 { 64 font-family: 'Montserrat', sans-serif; 65 } 66 </style> 67 <link rel="icon" href="/assets/images/favicon-32x32.png"> 68
68<script src="/dmxAppConnect/dmxBootstrap5Popovers/dmxBootstrap5Popovers.js" defer></script>
68 69
69<script src="/dmxAppConnect/dmxBootstrap5Tooltips/dmxBootstrap5Tooltips.js" defer></script>
69 70
70<script src="/dmxAppConnect/dmxMasonry/dmxMasonry.js" defer></script>
70 71 <link rel="stylesheet" href="/dmxAppConnect/dmxLightbox/dmxLightbox.css" /> 72
72<script src="/dmxAppConnect/dmxLightbox/dmxLightbox.js" defer></script>
72 73 <link rel="stylesheet" href="/dmxAppConnect/dmxAnimateCSS/animate.min.css" /> 74
74<script src="/dmxAppConnect/dmxAnimateCSS/dmxAnimateCSS.js" defer></script>
74 75
75<script src="/dmxAppConnect/dmxSwiper/dmxSwiper.js" defer></script>
75 76 <link rel="stylesheet" href="/dmxAppConnect/dmxSwiper/swiper.min.css" /> 77
77<script src="/dmxAppConnect/dmxSwiper/swiper.min.js" defer></script>
77 78 <link rel="canonical" href="https://thebellatrixgroup.com/projects"> 79 <link rel="stylesheet" href="/dmxAppConnect/dmxSlideshow/dmxSlideshow.css" /> 80
80<script src="/dmxAppConnect/dmxSlideshow/dmxSlideshow.js" defer></script>
80 81 <link rel="stylesheet" href="/dmxAppConnect/dmxSlideshow/themes/default.css" /> 82 <meta name="description" content="Explore Bellatrixâs roofing, siding, and gutter projects in the Greater Miamisburg area and beyond. Expertly crafted with lasting beauty and precision. See our work!"> 83 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/leaflet.min.css" /> 84
84<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/leaflet.min.js" defer></script>
84 85
85<script src="/dmxAppConnect/dmxLeafletMaps/dmxLeafletMaps.js" defer></script>
85 86 <link rel="stylesheet" href="/dmxAppConnect/dmxValidator/dmxValidator.css" /> 87
87<script src="/dmxAppConnect/dmxValidator/dmxValidator.js" defer></script>
87 88 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/MarkerCluster.css" /> 89 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/MarkerCluster.Default.css" /> 90
90<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/leaflet.markercluster.js" defer></script>
90 91 92</head> 93 94<body id="main" class="style15"> 95 <nav class="navbar navbar-expand-lg style1 sticky-top" style="--bs-navbar-hover-color: #fff; --bs-navbar-active-color: #fb8304;" data-bs-theme="dark"> 96 <div class="container mb-md-2"> 97 <a class="navbar-brand" href="/"> 98 <img class="img-fluid" src="/assets/images/b_frame_only.png" alt="Bellatrix B Icon" style="height: 40px;" width="70"> 99 <img class="img-fluid text-image" src="/assets/images/text_only.png" alt="Bellatrix Roofing & Restoration Logo" style="max-width: 175px; height: auto;" width="170"> 100 </a> 101 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-controls="collapse1" aria-expanded="false" aria-label="Toggle navigation"> 102 <span class="navbar-toggler-icon"></span> 103 </button> 104 <div id="collapse1" class="collapse navbar-collapse"> 105 <div class="navbar-nav bg-transparent ms-5 nav-tabs"> 106 <a class="nav-item nav-link" href="/">home</a> 107 <a class="nav-item nav-link" href="/roofing">roofing</a> 108 <a class="nav-item nav-link" href="/siding">siding</a> 109 <a class="nav-item nav-link" href="/gutters">gutters</a> 110 <a class="nav-item nav-link" href="/projects">projects</a> 111 <a class="nav-item nav-link" href="/financing">financing</a> 112 <a class="nav-item nav-link" href="/service">service area</a><a class="nav-item nav-link" href="/reviews">reviews</a> 113 114 </div> 115 </div> 116 </div> 117 </nav> 118 <div is="dmx-view" id="content" class="style43"> 119 <!-- Wappler include head-page="layouts/main" fontawesome_5="cdn" bootstrap5="local" is="dmx-app" id="projects" appConnect="local" components="{dmxMasonry:{},dmxLightbox:{}}" --> 120<meta name="ac:route" content="/projects"> 121 122<div class="d-flex"> 123 <!-- xs, sm, md --> 124 <img class="img-fluid d-lg-none" src="/assets/images/projects_1920_880.jpg" alt="Bellatrix Roofing & Restoration Projects Page Top 1920x880"> 125 126 <!-- lg only --> 127 <img class="img-fluid d-none d-lg-block d-xl-none" src="/assets/images/projects_2000_576.jpg" alt="Bellatrix Roofing & Restoration Projects Page Top 2000x576"> 128 129 <!-- xl only --> 130 <img class="img-fluid d-none d-xl-block d-xxl-none" src="/assets/images/Wide/projects_2560_738.jpg" alt="Bellatrix Roofing & Restoration Projects Page Top 2560x738"> 131 132 <!-- xxl and full --> 133 <img class="img-fluid d-none d-xxl-block" src="/assets/images/Wide/projects_3480_1002.jpg" alt="Bellatrix Roofing & Restoration Projects Page Top 3840x720"> 134 135</div> 136 137<div class="container wappler-block pt-4 pb-4"> 138 <div class="row"> 139 <div class="col"> 140 <h3 class="text-success fw-bold">Built by Bellatrix</h3> 141 <p>Bellatrix Roofing & Restoration delivers exceptional roofing, restoration, siding, and gutter work across the Greater Miamisburg area and beyond. A recent project transformed a commercial property with storm-resistant roofing and seamless gutters, blending durability with modern style.</p> 142 </div> 143 </div> 144 <div class="row"> 145 <dmx-lightbox id="lightbox1" class="style38" buttons="show" noscrollbars="true"></dmx-lightbox> 146 <div id="masonry1" is="dmx-masonry" animated="true"></div> 147 <div class="text-center col-12 col-sm-6 col-lg-3 mb-3"> 148 <a href="/assets/images/Projects/Go%20Live/1.jpg" class="shadow-lg" dmx-lightbox="" data-type="image"><img class="img-fluid img-thumbnail shadow-lg" src="/assets/images/Projects/Go%20Live/1.jpg" alt="Roofing Gutter Work Bellatrix Roofing & Restoration"></a> 149 <a href="/assets/images/Projects/Go%20Live/5.jpg" dmx-lightbox="" data-type="image"><img src="/assets/images/Projects/Go%20Live/5.jpg" class="img-fluid img-thumbnail shadow-lg" alt="Commercial Roofing Camp Washington, OH Bellatrix Roofing & Restoration"></a> 150 <a href="/assets/images/Projects/Go%20Live/9.jpg" dmx-lightbox="" data-type="image"><img src="/assets/images/Projects/Go%20Live/9.jpg" class="img-fluid img-thumbnail" alt="Roofing Liberty Township, OH Bellatrix Roofing & Restoration"></a> 151 <a href="/assets/images/Projects/Go%20Live/13.jpg" dmx-lightbox="" data-type="image"><img src="/assets/images/Projects/Go%20Live/13.jpg" class="img-fluid img-thumbnail" alt="After Industrial Cleaning Camp Washington, OH Bellatrix Roofing & Restoration"></a> 152 </div> 153 <div class="text-center col-12 col-sm-6 col-lg-3 mb-3"> 154 <a href="/assets/images/Projects/Go%20Live/2.jpg" dmx-lightbox=""><img src="/assets/images/Projects/Go%20Live/2.jpg" class="img-fluid img-thumbnail shadow-lg" alt="Roofing & Gutters Indian Hill | Bellatrix Roofing & Restoration"> 155 </a> 156 <a href="/assets/images/Projects/Go%20Live/6.jpg" dmx-lightbox="" data-type="image"><img class="img-fluid img-thumbnail shadow-lg" src="/assets/images/Projects/Go%20Live/6.jpg" alt="Commercial Roofing Millford, OH Bellatrix roofing & Restoration"> 157 </a> 158 <a href="/assets/images/Projects/Go%20Live/10.jpg" dmx-lightbox="" data-type="image"><img class="img-fluid img-thumbnail" src="/assets/images/Projects/Go%20Live/10.jpg" alt="Gutter Work Hyde Park, OH Bellatrix Roofing & Restoration"> 159 </a> 160 <a href="/assets/images/Projects/Pojects_Final/26.jpg" dmx-lightbox="" data-type="image"><img class="img-fluid img-thumbnail" src="/assets/images/Projects/Go%20Live/14.jpg" alt="Restoration Western Hills, OH Bellatrix Roofing & Restoration"> 161 </a> 162 </div> 163 <div class="text-center col-12 col-sm-6 col-lg-3 mb-3"> 164 <a href="/assets/images/Projects/Go%20Live/3.jpg" dmx-lightbox="" data-type="image"><img src="/assets/images/Projects/Go%20Live/3.jpg" class="img-fluid img-thumbnail shadow-lg" alt="Roofing Siding Gutter and Windows Alexandria, KY Bellatrix Roofing & Restoration"> 165 </a> 166 <a href="/assets/images/Projects/Go%20Live/7.jpg" dmx-lightbox="" data-type="image"><img src="/assets/images/Projects/Go%20Live/7.jpg" class="img-fluid img-thumbnail shadow-lg" alt="Gutter Work Front View Clifton, OH Bellatrix Roofing & Restoration"> 167 </a> 168 <a href="/assets/images/Projects/Go%20Live/12.jpg" dmx-lightbox="" data-type="image"><img src="/assets/images/Projects/Go%20Live/12.jpg" class="img-fluid img-thumbnail" alt="Before Industrial Cleaning Camp Washington, OH Bellatrix Roofing & Restoration"> 169 </a> 170 <a href="/assets/images/Projects/Go%20Live/15.jpg" dmx-lightbox="" data-type="image"><img src="/assets/images/Projects/Go%20Live/15.jpg" class="img-fluid img-thumbnail" alt="Restoration Finish Western Hills, OH Bellatrix Roofing & Restoration"> 171 </a> 172 </div> 173 <div class="text-center col-12 col-sm-6 col-lg-3 mb-3"> 174 <a href="/assets/images/Projects/Go%20Live/4.jpg" dmx-lightbox="" data-type="image"><img src="/assets/images/Projects/Go%20Live/4.jpg" class="img-fluid img-thumbnail shadow-lg" alt="Commercial Roofing Camp Washington, OH Bellatrix Roofing & restoration"> 175 </a> 176 <a href="/assets/images/Projects/Go%20Live/8.jpg" dmx-lightbox="" data-type="image"><img class="img-fluid img-thumbnail shadow-lg" src="/assets/images/Projects/Go%20Live/8.jpg" alt="Gutter Work Side View Clifton, OH Bellatrix Roofing & Restoration"> 177 </a> 178 <a href="/assets/images/Projects/Go%20Live/11.jpg" dmx-lightbox="" data-type="image"><img src="/assets/images/Projects/Go%20Live/11.jpg" class="img-fluid img-thumbnail" alt="After Industrial Cleaning Camp Washington, OH Bellatrix Roofing & Restoration"> 179 </a> 180 <a href="/assets/images/Projects/Go%20Live/16.jpg" dmx-lightbox="" data-type="image"><img src="/assets/images/Projects/Go%20Live/16.jpg" class="img-fluid img-thumbnail" alt="Roofing & Gutters Lebanon, OH Bellatrix Roofing & Restoration"> 181 </a> 182 </div> 183 </div> 184</div> 185 </div> 186 <footer class="style2"> 187 <div class="container bg-transparent"> 188 <div class="row"> 189 <div class="col-lg style58 col-xl-6 col-lg-7"> 190 <p class="mt-3 small d-none d-sm-block text-light"><i class="far fa-clock style67 fa-lg fa-fw"></i> Monday - Friday 9:00 AM - 5:00 PM Weekends by appt.</p> 191 <p class="mt-3 small text-white d-sm-none"><i class="far fa-clock fa-lg style66"></i> Monday - Friday 9:00 AM - 5:00 PM </p> 192 <p class="text-white mt-3 small"><i class="fas fa-phone-alt fa-fw style12 fa-lg"></i> 513.304.8658</p> 193 <p class="small text-light"><i class="fas fa-map-pin fa-fw style71 fa-lg"></i> Miamisburg, OH 45342</p> 194 195 <p class="small"><i class="fas fa-user-secret fa-lg fa-fw style13"></i> <a href="/privacy">Privacy Policy</a></p> 196 <p class="small text-light"><i class="far fa-check-circle fa-lg fa-fw style72"></i> Licensed Bonded Insured</p> 197 <p class="d-md-none small mb-sm-4 text-light"><i class="far fa-copyright fa-lg style69 fa-fw"></i> 2025 Bellatrix Roofing and Restoration</p> 198 <p class="small text-light mb-xl-3 d-none d-sm-block"><i class="fas fa-archive fa-lg fa-fw style63"></i>
198Operating previously as "Bellatrix Realty Group" for archive purposes only</p> 199 200 <p class="d-none d-md-block small text-light style75"><i class="far fa-copyright fa-lg style70 fa-fw"></i> 2025 Bellatrix Roofing & Restoration, All Rights Reserved</p> 201 202 203 </div> 204 <div class="col d-none d-xxl-block bg-transparent"> 205 <div class="d-flex style60 justify-content-end"> 206 <a href="https://www.bbb.org/us/oh/cincinnati/profile/roofing-contractors/bellatrix-realty-group-llc-0292-90026838/customer-reviews"><img src="/assets/images/Reviews/bbb_a_plus.png" class="shadow-lg style76 d-none d-xl-inline mt-4" width="300" alt="BBB Accredited Business A+ logo's for Bellatrix Roofing & Restoration"></a> 207 208 </div> 209 </div> 210 211 <div class="col d-xxl-none offset-xl-1"> 212 <div class="d-flex justify-content-xl-end style64 justify-content-lg-end mb-5"> 213 <a href="https://www.bbb.org/us/oh/cincinnati/profile/roofing-contractors/bellatrix-realty-group-llc-0292-90026838/customer-reviews" class="style78"><img src="/assets/images/Reviews/bbb_a_plus.png" class="d-none d-xl-inline mt-xl-2" width="300"></a> 214 <a href="https://www.bbb.org/us/oh/cincinnati/profile/roofing-contractors/bellatrix-realty-group-llc-0292-90026838/customer-reviews" class="d-xl-none"><img src="/assets/images/Reviews/bbb_a_plus.png" width="275" class="style77" alt="BBB Accredited Business A+ logo's for Bellatrix Roofing & Restoration"></a> 215 </div> 216 217 218 </div> 219 </div> 220 </div> 221 </footer> 222
222<script src="/bootstrap/5/js/bootstrap.bundle.min.js"></script>
222 223 <audio id="clickAudio" preload="auto"> 224 <source src="/assets/images/Sound FX/on_click_wine_glass.mp3" type="audio/mpeg"> 225 </audio> 226 227
227<script> 228 document.addEventListener('DOMContentLoaded', function () { 229 const clickAudio = document.getElementById("clickAudio"); 230 231 if (!clickAudio) { 232 console.warn("Audio element not found."); 233 return; 234 } 235 236 // Universal delegated click listener 237 document.addEventListener('click', function (event) { 238 const target = event.target; 239 240 // Only play if the click is on a visible, interactive element 241 const isInteractive = target.closest('a, button, [role="button"], .navbar, .dmx-button, .project-thumb, [data-bs-toggle="modal"]'); 242 243 if (isInteractive) { 244 clickAudio.currentTime = 0; 245 clickAudio.play().catch(function (error) { 246 console.warn("Playback blocked:", error); 247 }); 248 } 249 }); 250 }); 251 </script>
251 252 253</body> 254 255</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.