1<!doctype html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en" > <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en" > <![endif]--><!--[if IE 8]> <html class="no-js lt-ie9" lang="en" > <![endif]--><!--[if gt IE 8]><!--><html class="no-js" lang="en"><!--<![endif]--><head> 2 <meta charset="utf-8"> 3 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 4 <meta name="author" content="FBi Buildings"> 5 <meta name="description" content="Design your pole barn or post-frame building with our 3D online tool to visualize the finished result."> 6 <meta name="generator" content="HubSpot"> 7 <title>Design Your Own Pole Barn | FBi Buildings</title> 8 <link rel="shortcut icon" href="https://www.fbibuildings.com/hubfs/fbi-favicon-01.png"> 9 10<meta name="viewport" content="width=device-width, initial-scale=1"> 11 12
12<script src="/hs/hsstatic/jquery-libs/static-1.1/jquery/jquery-1.7.1.js"></script>
vendor: 1 bytes, line 12
12
13<script>hsjQuery = window['jQuery'];</script>
13 14 <meta property="og:description" content="Design your pole barn or post-frame building with our 3D online tool to visualize the finished result."> 15 <meta property="og:title" content="Design Your Own Pole Barn | FBi Buildings"> 16 <meta name="twitter:description" content="Design your pole barn or post-frame building with our 3D online tool to visualize the finished result."> 17 <meta name="twitter:title" content="Design Your Own Pole Barn | FBi Buildings"> 18 19 20 21 22 23 <style> 24a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'âº';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px} 25</style> 26 27<link rel="stylesheet" href="https://www.fbibuildings.com/hubfs/hub_generated/template_assets/1/48156622918/1745590122707/template_Header.min.css"> 28<link rel="stylesheet" href="https://www.fbibuildings.com/hubfs/hub_generated/module_assets/1/48216794128/1742189511721/module_Hero.min.css"> 29<link rel="stylesheet" href="https://www.fbibuildings.com/hubfs/hub_generated/module_assets/1/49379273525/1742189518963/module_How_It_Works.min.css"> 30<link rel="stylesheet" href="https://www.fbibuildings.com/hubfs/hub_generated/template_assets/1/48156835234/1745590089918/template_Footer.min.css"> 31 32 33 34 35 36<!-- Added by GoogleAnalytics integration -->
37<script data-cookieconsent="ignore"> 38var _hsp = window._hsp = window._hsp || []; 39_hsp.push(['addPrivacyConsentListener', function(consent) { if (consent.allowed || (consent.categories && consent.categories.analytics)) {
vendor: 335 bytes, lines 39-44
39 40 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 41 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 42 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 43})(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 44 ga('create','
44UA-121263-1
vendor: 36 bytes, lines 44-45
44','auto'); 45 ga('send','pageview');
46}}]); 47</script>
47 48 49<!-- /Added by GoogleAnalytics integration --> 50 51 <link rel="canonical" href="https://www.fbibuildings.com/getting-started/design-your-own/"> 52 53<meta name="facebook-domain-verification" content="2urcvy1k6dxgxizppwwx18vd76q2eq">
54<script src="https://use.typekit.net/uxo8mfu.js"></script>
vendor: 1 bytes, line 54
54
55<script>try{Typekit.load({ async: true });}catch(e){}</script>
55 56<!-- Hotjar Tracking Code for info.fbibuildings.com --> 57 58<!-- Google Tag Manager -->
59<script>
vendor: 327 bytes, lines 59-63
59(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 60new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 61j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 62'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 63})(window,document,'script','dataLayer','
63GTM-NF38QDS
vendor: 3 bytes, line 63
63');
63</script>
63 64<!-- End Google Tag Manager -->
65<script type="text/javascript"> 66window.__lo_site_id = 137794; 67 68 (function() { 69 var wa = document.createElement('script'); wa.type = 'text/javascript'; wa.async = true; 70 wa.src = 'https://d10lpsik1i8c69.cloudfront.net/w.js'; 71 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wa, s); 72 })(); 73 </script>
73 74 75<meta property="og:url" content="https://www.fbibuildings.com/getting-started/design-your-own/"> 76<meta name="twitter:card" content="summary"> 77<meta http-equiv="content-language" content="en"> 78<link rel="stylesheet" href="//7052064.fs1.hubspotusercontent-na1.net/hubfs/7052064/hub_generated/template_assets/DEFAULT_ASSET/1790256306962/template_layout.min.css"> 79 80 81<link rel="stylesheet" href="https://www.fbibuildings.com/hubfs/hub_generated/template_assets/1/48155745423/1745590093617/template_production.css"> 82<link rel="stylesheet" href="https://www.fbibuildings.com/hubfs/hub_generated/template_assets/1/48271134858/1742140239484/template_Custom.min.css"> 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700" rel="stylesheet"> 103 104 105<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" crossorigin="anonymous"> 106 107
108<script src="https://cdn2.hubspot.net/hubfs/298890/assets/scripts/jquery.mobile.min.js" type="text/javascript"></script>
108 109 110
111<script src="https://cdn2.hubspot.net/hubfs/298890/assets/scripts/jquery.mousewheel.min.js" type="text/javascript"></script>
111 112 113 114<link href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.2/jquery.fancybox.min.css" rel="stylesheet">
115<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.2/jquery.fancybox.min.js" type="text/javascript"></script>
115 116<link rel="preconnect" href="https://fonts.gstatic.com"> 117<link href="https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@300;400;600;800&family=Nunito+Sans:wght@300;400;600;800&display=swap" rel="stylesheet"> 118 119 120 121</head> 122<body class="pagetype--other hs-content-id-50201497130 hs-site-page page hs-content-path-getting-started-design-your-own hs-content-name-design-your-own-main-page " style=""> 123 <div class="header-container-wrapper"> 124 <div class="header-container container-fluid"> 125 126<div class="row-fluid-wrapper row-depth-1 row-number-1 "> 127<div class="row-fluid "> 128<div class="span12 widget-span widget-type-global_group " style="" data-widget-type="global_group" data-x="0" data-w="12"> 129<div class="" data-global-widget-path="generated_global_groups/48156892599.html"><div class="row-fluid-wrapper row-depth-1 row-number-1 "> 130<div class="row-fluid "> 131<div class="span12 widget-span widget-type-custom_widget " style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 132<div id="hs_cos_wrapper_module_16225607788629" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> 133 134 135 136 137 138<header> 139 140 <div class="header--body"> 141 <div class="header--top portable-visuallyhidden background--secondary"> 142 <div class="grid hard--ends"> 143 <div class="grid__item one-whole hard--ends text--right"> 144 145 <div class="header--main--search portable-visuallyhidden"> 146 <div class="header--main--search--trigger"> 147 <i class="fas fa-search header--main--search--trigger--icon"></i> 148 </div> 149 <div class="header--main--search--input--fixed"> 150 <form onsubmit="event.preventDefault();headerSearch(this);"> 151 <label for="search-input" style="display: absolute; left: -100%; top: -100%; opacity: 0; z-index: -999;">Search the site</label> 152 <input id="search-input" type="text" class="header--main--search--input--input" placeholder="Search the site"> 153 <input type="submit" class="visuallyhidden" value="Submit"> 154 </form> 155 </div> 156 </div> 157 158 <div class="header--top--nav"> 159 <span id="hs_cos_wrapper_module_16225607788629_topNavigation" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="menu"><div id="hs_menu_wrapper_module_16225607788629_topNavigation" class="hs-menu-wrapper active-branch no-flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="default" data-menu-id="49799862037" aria-label="Navigation Menu"> 160 <ul role="menu" class="active-branch"> 161 <li class="hs-menu-item hs-menu-depth-1 active active-branch" role="none"><a href="https://www.fbibuildings.com/getting-started/design-your-own/" role="menuitem">Design Your Own</a></li> 162 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.fbibuildings.com/getting-started/gallery" role="menuitem">Gallery</a></li> 163 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.fbibuildings.com/make-a-payment" role="menuitem">Make a Payment</a></li> 164 </ul> 165</div></span> 166 </div> 167 168 169 170 <a class="header--main--cta btn btn--orange btn--narrow portable-visuallyhidden" href="https://www.fbibuildings.com/request-a-quote?hsLang=en"> 171 get a quote 172 </a> 173 174 175 </div> 176 </div> 177 </div> 178 <div class="header--main background--primary opacity--header--body"> 179 <div class="grid hard--ends"> 180 <div class="grid__item one-whole hard padding--short--left lap-and-up-padding--short--right text--left"> 181 <a href="https://www.fbibuildings.com?hsLang=en" class="header--main--logo" style="margin:21px 0px;"> 182 <img src="https://www.fbibuildings.com/hubfs/FBi%20Buildings_2C_TM_Blue.svg" alt="FBi Buildings_2C_TM_Blue" style="height:49px;width:auto;" onerror="this.src='https://info.fbibuildings.com/hubfs/FBi%20Buildings_2C_TM_Blue.svg'"> 183 </a> 184 <a class="header--main--menutrigger lap-and-up-visuallyhidden">
185 <span class="header--main--menutrigger--icon"></span> 186 </a> 187 <div class="header--main--nav portable-visuallyhidden"> 188 <span id="hs_cos_wrapper_module_16225607788629_mainNavigation" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="menu"><div id="hs_menu_wrapper_module_16225607788629_mainNavigation" class="hs-menu-wrapper active-branch no-flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="default" data-menu-id="49798682724" aria-label="Navigation Menu"> 189 <ul role="menu"> 190 <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="https://www.fbibuildings.com/getting-started/gallery" aria-haspopup="true" aria-expanded="false" role="menuitem">Buildings</a> 191 <ul role="menu" class="hs-menu-children-wrapper"> 192 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.fbibuildings.com/farm-buildings" role="menuitem">Farm Buildings</a></li> 193 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.fbibuildings.com/commercial-buildings" role="menuitem">Commercial Buildings</a></li> 194 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.fbibuildings.com/residential-buildings" role="menuitem">Residential Buildings</a></li> 195 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.fbibuildings.com/barndominiums" role="menuitem">Barndominiums</a></li> 196 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.fbibuildings.com/horse-barns" role="menuitem">Horse Barns</a></li> 197 </ul></li> 198 <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="https://www.fbibuildings.com/repairs-renovations" aria-haspopup="true" aria-expanded="false" role="menuitem">Repairs & Renovations </a> 199 <ul role="menu" class="hs-menu-children-wrapper"> 200 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.fbibuildings.com/buildings/pole-barn-additions-renovations/" role="menuitem">Building Additions</a></li> 201 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.fbibuildings.com/buildings/building-repairs/" role="menuitem">Building Repairs</a></li> 202 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.fbibuildings.com/buildings/building-renovations/" role="menuitem">Building Renovations</a></li> 203 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.fbibuildings.com/getting-started/rr-gallery" role="menuitem">Repair & Renovation Gallery</a></li> 204 </ul></li> 205 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.fbibuildings.com/pole-barn-kits" role="menuitem">Pole Barn Kits</a></li> 206 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.fbibuildings.com/learning-center" role="menuitem">Learning Center</a></li> 207 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.fbibuildings.com/partner" role="menuitem">Premier Partner Alliance</a></li> 208 <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="https://www.fbibuildings.com/about-us" aria-haspopup="true" aria-expanded="false" role="menuitem">About Us</a> 209 <ul role="menu" class="hs-menu-children-wrapper"> 210 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.fbibuildings.com/about-us" role="menuitem">Our Story</a></li> 211 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.fbibuildings.com/about-us/our-service-area/" role="menuitem">Our Service Area</a></li> 212 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.fbibuildings.com/about-us/meet-our-team/" role="menuitem">Our Team</a></li> 213 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.fbibuildings.com/getting-started/testimonials/" role="menuitem">Customer Testimonials</a></li> 214 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.fbibuildings.com/about-us/careers/" role="menuitem">Careers</a></li> 215 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.fbibuildings.com/about-us/careers/apply-onl
215ine" role="menuitem">Apply Online</a></li> 216 </ul></li> 217 </ul> 218</div></span> 219 </div> 220 </div> 221 </div> 222 </div> 223 </div> 224 <div class="mobilenav lap-and-up-visuallyhidden"> 225 <div class="mobilenav--nav--wrapper"> 226 <div class="mobilenav--nav"> 227 228 229 230 231 232 <div class="mobilenav--panel mobilenav--panel--depth--0 mobilenav--panel--active" rel="0" data-depth="0"> 233 234 235 <div class="mobilenav--search--wrapper"> 236 <div class="mobilenav--search production--form"> 237 <form onsubmit="event.preventDefault();mobileSearch(this);"> 238 <label for="search-input-mobile" style="display: absolute; left: -100%; top: -100%; opacity: 0; z-index: -999;">Search the site</label> 239 <input id="search-input-mobile" type="text" class="mobilenav--search--input" placeholder="Search the site"> 240 <input type="submit" class="visuallyhidden" value="Submit"> 241 <a class="mobilenav--search--submit"> 242 <i class="fas fa-search mobilenav--search--submit--icon"></i> 243 </a> 244 </form> 245 </div> 246 </div> 247 248 249 250 <div class="mobilenav--panel--body"> 251 252 253 <div class="mobilenav--nav--item mobilenav--nav--item--parent" rel="p-1"> 254 <a href="https://www.fbibuildings.com/getting-started/gallery?hsLang=en" target="" class="mobilenav--nav--item--label"> 255 Buildings 256 </a> 257 258 259 <div class="mobilenav--panel mobilenav--panel--depth--1" rel="p-1" data-depth="1"> 260 <div class="mobilenav--panel--body"> 261 <div class="mobilenav--nav--back" rel="0"> 262 <div class="mobilenav--nav--back--label"> 263 Back 264 </div> 265 </div> 266 267 268 269 <div class="mobilenav--nav--item " rel="p-1-1"> 270 <a href="https://www.fbibuildings.com/farm-buildings?hsLang=en" class="mobilenav--nav--item--label"> 271 Farm Buildings 272 </a> 273 274 </div> 275 276 277 <div class="mobilenav--nav--item " rel="p-1-2"> 278 <a href="https://www.fbibuildings.com/commercial-buildings?hsLang=en" class="mobilenav--nav--item--label"> 279 Commercial Buildings 280 </a> 281 282 </div> 283 284 285 <div class="mobilenav--nav--item " rel="p-1-3"> 286 <a href="https://www.fbibuildings.com/residential-buildings?hsLang=en" class="mobilenav--nav--item--label"> 287 Residential Buildings 288 </a> 289 290 </div> 291 292 293 <div class="mobilenav--nav--item " rel="p-1-4"> 294 <a href="https://www.fbibuildings.com/barndominiums?hsLang=en" class="mobilenav--nav--item--label"> 295 Barndominiums 296 </a> 297 298 </div> 299 300 301 <div class="mobilenav--nav--item " rel="p-1-5"> 302 <a href="https://www.fbibuildings.com/horse-barns?hsLang=en" class="mobilenav--nav--item--label"> 303 Horse Barns 304 </a> 305 306 </div> 307 308 </div> 309 </div> 310 311 312 </div> 313 314 315 <div class="mobilenav--nav--item mobilenav--nav--item--parent" rel="p-2"> 316 <a href="https://www.fbibuildings.com/repairs-renovations?hsLang=en" target="" class="mobilenav--nav--item--label"> 317 Repairs & Renovations 318 </a> 319 320 321 <div class="mobilenav--panel mobilenav--panel--depth--1" rel="p-2" data-depth="1"> 322 <div class="mobilenav--panel--body"> 323 <div class="mobilenav--nav--back" rel="0"> 324 <div class="mobilenav--nav--back--label"> 325 Back 326 </div> 327 </div> 328 329 330 331 <div class="mobilenav--nav--item " rel="p-2-1"> 332 <a href="https://www.fbibuildings.com/buildings/pole-barn-additions-renovations/?hsLang=en" class="mobilenav--nav--item--label"> 333 Building Additions 334 </a> 335 336 </div> 337 338 339 <div class="mobilenav--nav--item " rel="p-2-2"> 340 <a href="https://www.fbibuildings.com/buildings/building-repairs/?hsLang=en" class="mobilenav--nav--item--label"> 341 Building Repairs 342 </a> 343 344 </div> 345 346 347 <div class="mobilenav--nav--item " rel="p-2-3"> 348 <a href="https://www.fbibuildings.com/buildings/building-renovations/?hsLang=en" class="mobilenav--nav--item--label"> 349 Building Renovations 350 </a> 351 352 </div> 353 354 355 <div class="mobilenav--nav--item " rel="p-2-4"> 356 <a href="https://www.fbibuildings.com/getting-started/rr-gallery?hsLang=en" class="mobilenav--nav--item--label"> 357 Repair & Renovation Gallery 358 </a> 359 360 </div> 361 362 </div> 363 </div> 364 365 366 </div> 367 368 369 <div class="mobilenav--nav--item " rel="p-3"> 370 <a href="https://www.fbibuildings.com/pole-barn-kits?hsLang=en" target="" class="mobilenav--nav--item--label"> 371 Pole Barn Kits 372 </a> 373 374 375 </div> 376 377 378 <div class="mobilenav--nav--item " rel="p-4"> 379 <a href="https://www.fbibuildings.com/learning-center?hsLang=en" target="" class="mobilenav--nav--item--label"> 380 Learning Center 381 </a> 382 383 384 </div> 385 386 387 <div class="mobilenav--nav--item " rel="p-5"> 388 <a href="https://www.fbibuildings.com/partner?hsLang=en" target="" class="mobilenav--nav--item--label"> 389 Premier Partner Alliance 390 </a> 391 392 393 </div> 394 395 396 <div class="mobilenav--nav--item mobilenav--nav--item--parent" rel="p-6"> 397 <a href="https://www.fbibuildings.com/about-us?hsLang=en" target="" class="mobilenav--nav--item--label"> 398 About Us 399 </a> 400 401 402 <div class="mobilenav--panel mobilenav--panel--depth--1" rel="p-6" data-depth="1"> 403 <div class="mobilenav--panel--body"> 404 <div class="mobilenav--nav--back" rel="0"> 405 <div class="mobilenav--nav--back--label"> 406 Back 407 </div> 408 </div> 409 410 411 412 <div class="mobilenav--nav--item " rel="p-6-1"> 413 <a href="https://www.fbibuildings.com/about-us?hsLang=en" class="mobilenav--nav--item--label"> 414 Our Story 415 </a> 416 417 </div> 418 419 420 <div class="mobilenav--nav--item " rel="p-6-2"> 421 <a href="https://www.fbibuildings.com/about-us/our-service-area/?hsLang=en" class="mobilenav--nav--item--label"> 422 Our Service Area 423 </a> 424 425 </div> 426 427 428 <div class="mobilenav--nav--item " rel="p-6-3"> 429 <a href="https://www.fbibuildings.com/about-us/meet-our-team/?hsLang=en" class="mobilenav--nav--item--label"> 430 Our Team 431 </a> 432 433 </div> 434 435 436 <div class="mobilenav--nav--item " rel="p-6-4"> 437 <a href="https://www.fbibuildings.com/getting-started/testimonials/?hsLang=en" class="mobilenav--nav--item--label"> 438 Customer Testimonials 439 </a> 440 441 </div> 442 443 444 <div class="mobilenav--nav--item " rel="p-6-5"> 445 <a href="https://www.fbibuildings.com/about-us/careers/?hsLang=en" class="mobilenav--nav--item--label"> 446 Careers 447 </a> 448 449 </div> 450 451 452 <div class="mobilenav--nav--item " rel="p-6-6"> 453 <a href="https://www.fbibuildings.com/about-us/careers/apply-onl
453ine?hsLang=en" class="mobilenav--nav--item--label"> 454 Apply Online 455 </a> 456 457 </div> 458 459 </div> 460 </div> 461 462 463 </div> 464 465 466 467 468 <div class="mobilenav--nav--item " rel="s-1"> 469 <a href="https://www.fbibuildings.com/getting-started/design-your-own/" target="" class="mobilenav--nav--item--label"> 470 Design Your Own 471 </a> 472 473 474 </div> 475 476 477 <div class="mobilenav--nav--item " rel="s-2"> 478 <a href="https://www.fbibuildings.com/getting-started/gallery?hsLang=en" target="" class="mobilenav--nav--item--label"> 479 Gallery 480 </a> 481 482 483 </div> 484 485 486 <div class="mobilenav--nav--item " rel="s-3"> 487 <a href="https://www.fbibuildings.com/make-a-payment?hsLang=en" target="" class="mobilenav--nav--item--label"> 488 Make a Payment 489 </a> 490 491 492 </div> 493 494 </div> 495 496 497 498 499 <div class="mobilenav--cta--wrapper"> 500 <a class="mobilenav--cta btn btn--orange btn--wide" href="https://www.fbibuildings.com/request-a-quote?hsLang=en"> 501 get a quote 502 </a> 503 </div> 504 505 506 </div> 507 508 509 </div> 510 </div> 511 512 </div> 513</header> 514 515<div class="header--anchor"></div> 516
517<script> 518 519 function headerSearch() { 520 if ($("body").find(".header--main--search--input--input").val()) { 521 if ($("body").find(".header--main--search--input--input").val().trim().length > 0) { 522 window.location.href = "/search?term="+$("body").find(".header--main--search--input--input").val(); 523 } 524 } 525 else { 526 $("body").find(".header--main--search--input--input").focus(); 527 } 528 529 } 530 531 532 function sizeHeaderMainSearch() { 533 if ($("body").find(".header--main--search").hasClass("active")) { 534 $("body").find(".header--main--search--input").css({ 535 "width":($("body").find(".header--main--search").position().left - ($("body").find(".header--main--logo").position().left + $("body").find(".header--main--logo").outerWidth(true)))+"px" 536 }); 537 } 538 } 539 540 541 lastScrollDist = 0; 542 helloBarTransition = false; 543 function sizeHeader() { 544 sizeHeaderMainSearch(); 545 546 if (!$("body").hasClass("header--static")) { 547 scrollDist = $(window).scrollTop(); 548 thisHeader = $("body").find("header"); 549 550 thisHeaderTop = thisHeader.find(".header--top"); 551 thisHeaderBody = thisHeader.find(".header--body"); 552 thisHeaderAnchor = $("body").find(".header--anchor"); 553 554 thisHeader.addClass("header--initialized"); 555 556 scrollDistOffset = 0; 557 if ($("body").hasClass("header--hello--visible")) { 558 scrollDistOffset += $("body").find(".header--hello").height(); 559 } 560 561 scrollDistRecalculated = scrollDist - ($("body").hasClass("header--hello--visible")?$("body").find(".header--hello--body").height():0); 562 563 scrollDirection = "neutral"; 564 if (scrollDistRecalculated < lastScrollDist) { 565 scrollDirection = "up"; 566 } 567 else if (scrollDistRecalculated > lastScrollDist) { 568 scrollDirection = "down"; 569 } 570 571 lastScrollDist = scrollDistRecalculated; 572 573 if (viewport("lap-and-up")) { 574 if (!$("body").hasClass("header--hello--transitioning")&&!$("body").hasClass("no--overlap")) { 575 thisHeaderAnchor.css({ 576 "height":(thisHeaderTop.height()+($("body").hasClass("header--hello--visible")?$("body").find(".header--hello--body").height():0))+"px" 577 }); 578 } else if(!$("body").hasClass("header--hello--transitioning")&&$("body").hasClass("no--overlap")) { 579 thisHeaderAnchor.css({ 580 "height":(thisHeaderBody.height()+($("body").hasClass("header--hello--visible")?$("body").find(".header--hello--body").height():0))+"px" 581 }); 582 } 583 } else { 584 if (!$("body").hasClass("header--hello--transitioning")&&!$("body").hasClass("no--overlap")) { 585 thisHeaderAnchor.css({ 586 "height":(thisHeaderTop.height()+thisHeaderBody.height()+($("body").hasClass("header--hello--visible")?$("body").find(".header--hello--body").height():0))+"px" 587 }); 588 } else if(!$("body").hasClass("header--hello--transitioning")&&$("body").hasClass("no--overlap")) { 589 thisHeaderAnchor.css({ 590 "height":(thisHeaderBody.height()+thisHeaderBody.height()+($("body").hasClass("header--hello--visible")?$("body").find(".header--hello--body").height():0))+"px" 591 }); 592 } 593 } 594 595 stickyStart = 0; 596 if ($("body").hasClass("header--hello--visible")&&(!$("body").hasClass("header--hello--closed"))) { 597 stickyStart += $("body").find(".header--hello").height(); 598 } 599 stickyStart += thisHeaderTop.outerHeight(); 600 601 if ((scrollDist > 0)&&(helloBarTransition != true)&&(!$("body").hasClass("mobilenav--active"))) { 602 thisHeader.addClass("header--fixed"); 603 if (scrollDist >= stickyStart) { 604 if (scrollDirection == "up") { 605 thisHeader.removeClass("header--hidden"); 606 thisHeader.css({ 607 "top":"" 608 }); 609 } 610 else if (scrollDirection == "down") { 611 thisHeader.addClass("header--hidden"); 612 thisHeader.css({ 613 "top":(-1 * stickyStart)+"px" 614 }); 615 } 616 } 617 else { 618 thisHeader.removeClass("header--hidden"); 619 thisHeader.css({ 620 "top":"" 621 }); 622 } 623 } 624 else { 625 thisHeader.removeClass("header--fixed header--hidden"); 626 thisHeader.css({ 627 "top":"" 628 }); 629 } 630 } 631 if (typeof(sizeSubmenu) == "function") { 632 sizeSubmenu(); 633 } 634 } 635 636 637 function sizeMobilenav() { 638 if ($("body").hasClass("mobilenav--active")) { 639 if ($("body").hasClass("header--static")) { 640 $(window).scrollTop(0); 641 } 642 headerHeight = $("body").find("header .header--body").height(); 643 644 windowHeight = $(window).height(); 645 activePanelHeight = $("body").find(".mobilenav--panel--active .mobilenav--panel--body").height(); 646 minHeight = windowHeight - headerHeight; 647 if (activePanelHeight > minHeight) { 648 minHeight = activePanelHeight; 649 } 650 $("body").find(".mobilenav").css({ 651 "height":(windowHeight-headerHeight)+"px" 652 }); 653 } 654 else { 655 $("body").find(".mobilenav").css({ 656 "height":"0px" 657 }); 658 } 659 } 660 661 662 $("body").find(".header--main--menutrigger").click(function () { 663 if ($("body").hasClass("mobilenav--active")) { 664 $("body").removeClass("mobilenav--active"); 665 sizeMobilenav(); 666 } 667 else { 668 $("body").find(".mobilenav--nav").addClass("no--transition"); 669 $("body").find(".mobilenav--nav")[0].offsetHeight; 670 $("body").find(".mobilenav--nav").css({ 671 "left":"" 672 }); 673 $("body").find(".mobilenav--panel").removeClass("mobilenav--panel--active"); 674 $("body").find(".mobilenav--nav")[0].offsetHeight; 675 $("body").find(".mobilenav--nav").removeClass("no--transition"); 676 677 $("body").addClass("mobilenav--active"); 678 sizeMobilenav(); 679 } 680 }); 681 682 683 $("body").find(".header--main--nav .hs-menu-wrapper li.hs-item-has-children").hover(function () {
684 thisChild = $(this).find(">ul"); 685 thisChild.css({ 686 "margin-left":"" 687 }); 688 windowWidth = $(window).width(); 689 childOffset = thisChild.offset().left; 690 childWidth = thisChild.width(); 691 childOverlap = windowWidth - (childOffset + childWidth); 692 if (childOverlap < 0) { 693 thisChild.css({ 694 "margin-left":(childOverlap)+"px" 695 }); 696 } 697 }); 698 699 700 701 702 703 704 $("body").find(".header--main--search--trigger").click(function () { 705 if ($("body").find(".header--main--search").hasClass("active")) { 706 headerSearch(); 707 } 708 else { 709 $("body").find(".header--main--search").addClass("active"); 710 $("body").find(".header--main--search--input").animate({width: ($("body").find(".header--main--search").position().left - ($("body").find(".header--main--logo").position().left + $("body").find(".header--main--logo").outerWidth(true)))},500); 711 $("body").find(".header--main--search--input--input").focus(); 712 } 713 }); 714 $("body").find(".header--main--search--close").click(function () { 715 $("body").find(".header--main--search--input--input").blur(); 716 $("body").find(".header--main--search").removeClass("active"); 717 $("body").find(".header--main--search--input").animate({width: 0},500); 718 }); 719 720 721 $("body").find(".mobilenav--panel").each(function () { 722 $(this).appendTo(".mobilenav--nav"); 723 }); 724 $("body").find(".mobilenav--nav--item--parent > a").click(function (e) { 725 e.preventDefault(); 726 727 thisDepth = parseInt($(this).closest(".mobilenav--panel").attr("data-depth")) + 1; 728 thisRel = $(this).closest(".mobilenav--nav--item--parent").attr("rel"); 729 thisPanel = $("body").find(".mobilenav--panel[rel='"+thisRel+"']"); 730 thisPanelHeight = thisPanel.find(".mobilenav--panel--body").height(); 731 $("body").find(".mobilenav--panel[data-depth='"+thisDepth+"']").scrollTop(0).css({ 732 "z-index":"" 733 }); 734 $("body").find(".mobilenav--panel").removeClass("mobilenav--panel--active"); 735 thisPanel.addClass("mobilenav--panel--active").css({ 736 "z-index":"2" 737 }); 738 $("body").find(".mobilenav--upper").css({ 739 "min-height":(thisPanelHeight)+"px" 740 }); 741 sizeMobilenav(); 742 $("body").find(".mobilenav--nav").css({ 743 "left":(-100 * thisDepth)+"%" 744 }); 745 }); 746 $("body").find(".mobilenav--nav--back--label").click(function (e) { 747 e.preventDefault(); 748 749 thisDepth = parseInt($(this).closest(".mobilenav--panel").attr("data-depth")) - 1; 750 thisRel = $(this).closest(".mobilenav--nav--back").attr("rel"); 751 thisPanel = $("body").find(".mobilenav--panel[rel='"+thisRel+"']"); 752 $("body").find(".mobilenav--panel[data-depth='"+thisDepth+"']").scrollTop(0).css({ 753 "z-index":"" 754 }); 755 $("body").find(".mobilenav--panel").removeClass("mobilenav--panel--active"); 756 thisPanel.addClass("mobilenav--panel--active").css({ 757 "z-index":"2" 758 }); 759 760 sizeMobilenav(); 761 $("body").find(".mobilenav--nav").css({ 762 "left":(-100 * thisDepth)+"%" 763 }); 764 }); 765 766 767 $(document).ready(function () { 768 if ($(window).scrollTop() < 200) { 769 $(window).scrollTop(0); 770 } 771 sizeHeader(); 772 if (!$("body").hasClass("header--static")) { 773 scrollDist = $(window).scrollTop(); 774 775 stickyStart = 0; 776 if ($("body").hasClass("header--hello--visible")) { 777 stickyStart += $("body").find(".header--hello").height(); 778 } 779 stickyStart += $("body").find(".header--body").height(); 780 781 if (scrollDist >= stickyStart) { 782 thisHeader.addClass("header--fixed header--hidden no--transition"); 783 thisHeader[0].offsetHeight; 784 thisHeader.css({ 785 "top":(-1 * stickyStart - 15)+"px" 786 }); 787 thisHeader[0].offsetHeight; 788 thisHeader.removeClass("no--transition"); 789 } 790 } 791 sizeMobilenav(); 792 }); 793 /* 794 $(window).mousewheel(function () { 795 sizeHeader(); 796 }); 797 $("body").on("touchmove", function () { 798 sizeHeader(); 799 }); 800 */ 801 $(document).scroll(function () { 802 sizeHeader(); 803 }); 804 $(window).load(function () { 805 sizeHeader(); 806 sizeMobilenav(); 807 }); 808 $(window).resize(function () { 809 sizeHeader(); 810 sizeMobilenav(); 811 }); 812 813 814 function mobileSearch() { 815 if ($("body").find(".mobilenav--search--input").val()) { 816 if ($("body").find(".mobilenav--search--input").val().trim().length > 0) { 817 window.location.href = "/search?term="+$("body").find(".mobilenav--search--input").val(); 818 } 819 } 820 } 821 $("body").find(".mobilenav--search--submit").click(function () { 822 $("body").find(".mobilenav--search form").submit(); 823 }); 824</script>
824</div> 825 826</div><!--end widget-span --> 827</div><!--end row--> 828</div><!--end row-wrapper --> 829</div> 830</div><!--end widget-span --> 831</div><!--end row--> 832</div><!--end row-wrapper --> 833 834 </div><!--end header --> 835</div><!--end header wrapper --> 836 837<div class="body-container-wrapper"> 838 <div class="body-container container-fluid"> 839 840<div class="row-fluid-wrapper row-depth-1 row-number-1 "> 841<div class="row-fluid "> 842<div class="span12 widget-span widget-type-widget_container " style="" data-widget-type="widget_container" data-x="0" data-w="12"> 843<span id="hs_cos_wrapper_module_1538699377074171" class="hs_cos_wrapper hs_cos_wrapper_widget_container hs_cos_wrapper_type_widget_container" style="" data-hs-cos-general-type="widget_container" data-hs-cos-type="widget_container"><div id="hs_cos_wrapper_widget_1625514010892" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> 844 845 846 847<div class="section section--hero relative overflow--hidden "> 848 849<div class="background"> 850 851 <div class="background--layer z-index--1 opacity--100 background-size--cover background-repeat--none" style="background-image:url('https://www.fbibuildings.com/hubfs/Hero%20Image_Design%20Online.jpg');background-position:25% 25%;top:0%;bottom:0%;right:0%;left:0%;"> 852 853 </div> 854 855 <div class="background--layer z-index--2 opacity--100 " style="background: rgba(255, 188, 14, 0.1);background: -moz-linear-gradient(90deg, rgba(255, 188, 14, 0.1) 0%, rgba(254, 135, 6, 0.1) 100%);background: -ms-linear-gradient(90deg, rgba(255, 188, 14, 0.1) 0%, rgba(254, 135, 6, 0.1) 100%);background: -webkit-linear-gradient(90deg, rgba(255, 188, 14, 0.1) 0%, rgba(254, 135, 6, 0.1) 100%);background: linear-gradient(90deg, rgba(255, 188, 14, 0.1) 0%, rgba(254, 135, 6, 0.1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFBC0E', endColorstr='#FE8706',GradientType=1 );top:0%;bottom:0%;right:0%;left:0%;"> 856 857 </div> 858 859 <div class="background--layer z-index--3 opacity--45 background--black" style="top:0%;bottom:0%;right:0%;left:0%;"> 860 861 </div> 862 863</div> 864 865 866 867 868 869<div class="background--diagonals"> 870<div class="back-left-top"></div> 871<div class="back-right-bottom"></div> 872</div> 873 874 875 876 <div class="block relative z-index--3"> 877 <div class="grid lap-custom--top tablet-tall--top palm-tall--top desk-venti--bottom lap-venti--bottom tablet-tall--bottom palm-tall--bottom lap-and-up-text--center portable-text--center"> 878 <div class="grid__item desk-nine-twelfths portable-one-whole short first--hard--top last--hard--bottom all--color--white valign--top"> 879 880 <h1 class="hard">Design Your Own Pole Barn</h1> 881 882 <span class="grid__item hard desk-ten-twelfths hard lap-ten-twelfths"> 883 <h3 style="text-align: center;">See your building in 3D.</h3> 884 </span> 885 <span class="block"></span><p class="hard--top block--multibutton"> 886 887<span class="block--multibutton--btn all--btn all--btn--orange "> 888 889<a class="btn box-shadow btn--orange " href="https://design.fbibuildings.com/" target="_blank">Design Your Own</a> 890 891</span> 892 893 894 895<span class="block--multibutton--btn all--btn all--btn--secondary "> 896 897<a class="btn box-shadow btn--secondary fancybox" href="https://youtu.be/5zcURGiUK0s">How it Works</a> 898 899</span> 900 901</p> 902 </div> 903 904 </div> 905 906 907 908<style> 909 @media (min-width: 1164px) {#hs_cos_wrapper_widget_1625514010892 .grid {padding-top:24vh;}}@media (min-width: 1024px) and (max-width: 1163px) {#hs_cos_wrapper_widget_1625514010892 .grid {padding-top:24vh;}} 910</style> 911 912 913 </div> 914 915<div class="vertical--line"></div> 916 917</div> 918 919<div class="archor-down-icon"> 920 <a aria-label="Scroll" href="#next"><img alt="down arrow" src="https://www.fbibuildings.com/hubfs/2021-website/icon-bottom-archor.svg"></a> 921 </div> 922</div> 923<div id="hs_cos_wrapper_widget_1625514968639" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> 924 925 926<div class="section section--howitworks relative overflow--hidden "> 927 928<div class="background"> 929
930 <div class="background--layer z-index--1 opacity--100 background--white" style="top:0%;bottom:0%;right:0%;left:0%;"> 931 932 </div> 933 934</div> 935 936 937 938 939 940 941 942 <div class="block relative z-index--3"> 943 <div class="grid desk-venti--top lap-venti--top tablet-tall--top palm-tall--top desk-venti--bottom lap-venti--bottom tablet-tall--bottom palm-tall--bottom "> 944 945 <div class="grid__item twelve-twelfths portable-one-whole short first--hard--top last--hard--bottom all--text--left"> 946 947 <h4 class=" preheader--section "> 948 Getting Started 949 </h4> 950 951 952 <h2>Plan your dream building. We'll do the rest.</h2> 953 954 <div class="grid__item eight-twelfths palm-one-whole hard--top hard--bottom"> 955 956 </div> 957 </div> 958 959 960 961 962 963 964 965 966 <div class="grid__item one-whole hard"> 967 <div class="grid__item one-whole tall--top tall--bottom palm-short "> 968 <div class="section--howitworks--controls--wrapper palm-visuallyhidden "> 969 <div class="section--howitworks--controls--outer"> 970 <div class="section--howitworks--controls--bar"> 971 <div class="section--howitworks--controls--bar--inner" style="width:85.71428571428571%;"></div> 972 </div> 973 <ul class="section--howitworks--controls flexslider--controls section--howitworks--controls--numbers--always" data-slider="widget_1625514968639"> 974 975 <li class="active" style="width:14.285714285714286%;" rel="1"> 976 <span class="section--howitworks--controls--label"> 977 <p class="hard--ends"> 978 Dimensions 979 </p> 980 </span> 981 </li> 982 983 <li class="" style="width:14.285714285714286%;" rel="2"> 984 <span class="section--howitworks--controls--label"> 985 <p class="hard--ends"> 986 Colors 987 </p> 988 </span> 989 </li> 990 991 <li class="" style="width:14.285714285714286%;" rel="3"> 992 <span class="section--howitworks--controls--label"> 993 <p class="hard--ends"> 994 Extensions 995 </p> 996 </span> 997 </li> 998 999 <li class="" style="width:14.285714285714286%;" rel="4"> 1000 <span class="section--howitworks--controls--label"> 1001 <p class="hard--ends"> 1002 Porch 1003 </p> 1004 </span> 1005 </li> 1006 1007 <li class="" style="width:14.285714285714286%;" rel="5"> 1008 <span class="section--howitworks--controls--label"> 1009 <p class="hard--ends"> 1010 Accessories 1011 </p> 1012 </span> 1013 </li> 1014 1015 <li class="" style="width:14.285714285714286%;" rel="6"> 1016 <span class="section--howitworks--controls--label"> 1017 <p class="hard--ends"> 1018 Interior 1019 </p> 1020 </span> 1021 </li> 1022 1023 <li class="" style="width:14.285714285714286%;" rel="7"> 1024 <span class="section--howitworks--controls--label"> 1025 <p class="hard--ends"> 1026 Submit 1027 </p> 1028 </span> 1029 </li> 1030 1031 </ul> 1032 </div> 1033 </div> 1034 <div class="section--howitworks--controls--mobile production--form lap-and-up-visuallyhidden tablet-visuallyhidden" data-slider="widget_1625514968639"> 1035 <select> 1036 1037 <option value="0">1. Dimensions</option> 1038 1039 <option value="1">2. Colors</option> 1040 1041 <option value="2">3. Extensions</option> 1042 1043 <option value="3">4. Porch</option> 1044 1045 <option value="4">5. Accessories</option> 1046 1047 <option value="5">6. Interior</option> 1048 1049 <option value="6">7. Submit</option> 1050 1051 </select> 1052 </div> 1053 </div> 1054 <div class="grid__item one-whole short relative section--howitworks--slider--wrapper" data-breakpoint="palm"> 1055 <div class="section--howitworks--slider flexslider--slider flexslider--slider flexslider--type--slide section--howitworks--slider--boxed default background--transparent" data-appendcontrol
1055s="false" data-slider="widget_1625514968639" data-loop="false" style=""> 1056 <div class="flexslider--slide--wrapper"> 1057 <span> 1058 1059 <div class="flexslider--slide text--center active"> 1060 1061 <div class="grid__item one-half palm-one-whole hard section--howitworks--slide--image section--howitworks--slide--addrightspace palm-visuallyhidden valign--middle all--text--center"> 1062 <div class="block"> 1063 1064 <div class="block"> 1065 1066 <div class="block"> 1067 <a class="fancybox block block--video" href="https://www.fbibuildings.com/hubfs/Design%20Online%20Videos/1.%20Dimensions.mp4?hsLang=en"> 1068 <img class="block" src="https://www.fbibuildings.com/hs-fs/hubfs/FBi%201.jpg?width=1920&height=1080&name=FBi%201.jpg" loading="lazy" alt="Design Your Own Pole Barn_Step 1_Building Dimensions" width="1920" height="1080" srcset="https://www.fbibuildings.com/hs-fs/hubfs/FBi%201.jpg?width=960&height=540&name=FBi%201.jpg 960w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%201.jpg?width=1920&height=1080&name=FBi%201.jpg 1920w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%201.jpg?width=2880&height=1620&name=FBi%201.jpg 2880w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%201.jpg?width=3840&height=2160&name=FBi%201.jpg 3840w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%201.jpg?width=4800&height=2700&name=FBi%201.jpg 4800w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%201.jpg?width=5760&height=3240&name=FBi%201.jpg 5760w" sizes="(max-width: 1920px) 100vw, 1920px"> 1069 </a> 1070 </div> 1071 1072 1073 </div> 1074 1075 </div> 1076 </div> 1077 1078 <div class="section--howitworks--slide--content grid__item section--howitworks--slide--addleft one-half palm-one-whole desk-padding--grande desk-top--tall desk-bottom--tall valign--middle"> 1079 1080 <div class="table first--hard--top last--hard--bottom desk-text--left lap-text--left tablet-text--left"> 1081 <h3> 1082 Building Dimensions 1083 </h3> 1084 1085 <p>When your planner launches, the first step you will want to take is to<span> </span><strong>pick out your building dimensions and roof type</strong>. If you havenât decided (or canât decide) youâll be able to get a real-time view on:</p> 1086<ul> 1087<li>Width</li> 1088<li>Length</li> 1089<li>Height</li> 1090<li>Roof type</li> 1091</ul> 1092<p><strong>Things to note:</strong></p> 1093<ul> 1094<li>Our building widths are based on 6' increments</li> 1095<li>Our building lengths are based on 8' increments</li> 1096</ul> 1097 1098 </div> 1099 </div> 1100 1101 <div class="grid__item one-half palm-one-whole hard section--howitworks--slide--image section--howitworks--slide--addleftspace palm-margin--tall--top lap-and-up-visuallyhidden tablet-visuallyhidden valign--middle all--text--center"> 1102 <div class="block"> 1103 1104 <div class="block"> 1105 1106 <div class="block"> 1107 <a class="fancybox block block--video" href="https://www.fbibuildings.com/hubfs/Design%20Online%20Videos/1.%20Dimensions.mp4?hsLang=en"> 1108 <img class="block" src="https://www.fbibuildings.com/hs-fs/hubfs/FBi%201.jpg?width=1920&height=1080&name=FBi%201.jpg" loading="lazy" alt="Design Your Own Pole Barn_Step 1_Building Dimensions" width="1920" height="1080" srcset="https://www.fbibuildings.com/hs-fs/hubfs/FBi%201.jpg?width=960&height=540&name=FBi%201.jpg 960w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%201.jpg?width=1920&height=1080&name=FBi%201.jpg 1920w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%201.jpg?width=2880&height=1620&name=FBi%201.jpg 2880w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%201.jpg?width=3840&height=2160&name=FBi%201.jpg 3840w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%201.jpg?width=4800&height=2700&name=FBi%201.jpg 4800w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%201.jpg?width=5760&height=3240&
1108name=FBi%201.jpg 5760w" sizes="(max-width: 1920px) 100vw, 1920px"> 1109 </a> 1110 </div> 1111 1112 1113 </div> 1114 1115 </div> 1116 </div> 1117 1118 </div> 1119 1120 <div class="flexslider--slide text--center "> 1121 1122 <div class="grid__item one-half palm-one-whole hard section--howitworks--slide--image section--howitworks--slide--addrightspace palm-visuallyhidden valign--middle all--text--center"> 1123 <div class="block"> 1124 1125 <div class="block"> 1126 1127 <div class="block"> 1128 <a class="fancybox block block--video" href="https://www.fbibuildings.com/hubfs/Design%20Online%20Videos/2.%20Colors.mp4?hsLang=en"> 1129 <img class="block" src="https://www.fbibuildings.com/hs-fs/hubfs/FBi%202.jpg?width=1920&height=1080&name=FBi%202.jpg" loading="lazy" alt="Design Your Own Pole Barn_Step 2_Pole Barn Colors" width="1920" height="1080" srcset="https://www.fbibuildings.com/hs-fs/hubfs/FBi%202.jpg?width=960&height=540&name=FBi%202.jpg 960w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%202.jpg?width=1920&height=1080&name=FBi%202.jpg 1920w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%202.jpg?width=2880&height=1620&name=FBi%202.jpg 2880w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%202.jpg?width=3840&height=2160&name=FBi%202.jpg 3840w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%202.jpg?width=4800&height=2700&name=FBi%202.jpg 4800w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%202.jpg?width=5760&height=3240&name=FBi%202.jpg 5760w" sizes="(max-width: 1920px) 100vw, 1920px"> 1130 </a> 1131 </div> 1132 1133 1134 </div> 1135 1136 </div> 1137 </div> 1138 1139 <div class="section--howitworks--slide--content grid__item section--howitworks--slide--addleft one-half palm-one-whole desk-padding--grande desk-top--tall desk-bottom--tall valign--middle"> 1140 1141 <div class="table first--hard--top last--hard--bottom desk-text--left lap-text--left tablet-text--left"> 1142 <h3> 1143 Select Your Colors 1144 </h3> 1145 1146 <p>Once youâve finalized the building dimensions and roof type, itâs now time to pick the colors of your building. In this step you will be deciding on:</p> 1147<ul> 1148<li>Roof color</li> 1149<li>Wall color</li> 1150<li>Trim color</li> 1151<li>Wainscot color</li> 1152</ul> 1153<p><strong>Things to note:</strong></p> 1154<ul> 1155<li>Our standard height for wainscot is 3'. If you want to choose a different height, please comment on the notes section before submitting.</li> 1156</ul> 1157 1158 </div> 1159 </div> 1160 1161 <div class="grid__item one-half palm-one-whole hard section--howitworks--slide--image section--howitworks--slide--addleftspace palm-margin--tall--top lap-and-up-visuallyhidden tablet-visuallyhidden valign--middle all--text--center"> 1162 <div class="block"> 1163 1164 <div class="block"> 1165 1166 <div class="block"> 1167 <a class="fancybox block block--video" href="https://www.fbibuildings.com/hubfs/Design%20Online%20Videos/2.%20Colors.mp4?hsLang=en"> 1168 <img class="block" src="https://www.fbibuildings.com/hs-fs/hubfs/FBi%202.jpg?width=1920&height=1080&name=FBi%202.jpg" loading="lazy" alt="Design Your Own Pole Barn_Step 2_Pole Barn Colors" width="1920" height="1080" srcset="https://www.fbibuildings.com/hs-fs/hubfs/FBi%202.jpg?width=960&height=540&name=FBi%202.jpg 960w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%202.jpg?width=1920&height=1080&name=FBi%202.jpg 1920w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%202.jpg?width=2880&height=1620&name=FBi%202.jpg 2880w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%202.jpg?width=3840&height=2160&name=FBi%202.jpg 3840w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%202.jpg?width=4800&height=2700&name=FBi%202.jpg 4800w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%202.jpg?width=5760&height=3240&
1168name=FBi%202.jpg 5760w" sizes="(max-width: 1920px) 100vw, 1920px"> 1169 </a> 1170 </div> 1171 1172 1173 </div> 1174 1175 </div> 1176 </div> 1177 1178 </div> 1179 1180 <div class="flexslider--slide text--center "> 1181 1182 <div class="grid__item one-half palm-one-whole hard section--howitworks--slide--image section--howitworks--slide--addrightspace palm-visuallyhidden valign--middle all--text--center"> 1183 <div class="block"> 1184 1185 <div class="block"> 1186 1187 <div class="block"> 1188 <a class="fancybox block block--video" href="https://www.fbibuildings.com/hubfs/Design%20Online%20Videos/3.%20Extensions.mp4?hsLang=en"> 1189 <img class="block" src="https://www.fbibuildings.com/hs-fs/hubfs/FBi%203.jpg?width=1920&height=1080&name=FBi%203.jpg" loading="lazy" alt="Design Your Own Pole Barn_Step 3_Building Extensions" width="1920" height="1080" srcset="https://www.fbibuildings.com/hs-fs/hubfs/FBi%203.jpg?width=960&height=540&name=FBi%203.jpg 960w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%203.jpg?width=1920&height=1080&name=FBi%203.jpg 1920w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%203.jpg?width=2880&height=1620&name=FBi%203.jpg 2880w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%203.jpg?width=3840&height=2160&name=FBi%203.jpg 3840w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%203.jpg?width=4800&height=2700&name=FBi%203.jpg 4800w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%203.jpg?width=5760&height=3240&name=FBi%203.jpg 5760w" sizes="(max-width: 1920px) 100vw, 1920px"> 1190 </a> 1191 </div> 1192 1193 1194 </div> 1195 1196 </div> 1197 </div> 1198 1199 <div class="section--howitworks--slide--content grid__item section--howitworks--slide--addleft one-half palm-one-whole desk-padding--grande desk-top--tall desk-bottom--tall valign--middle"> 1200 1201 <div class="table first--hard--top last--hard--bottom desk-text--left lap-text--left tablet-text--left"> 1202 <h3> 1203 Building Extension 1204 </h3> 1205 1206 <p>During this step, your building starts to come to life. This step will allow you to choose your:</p> 1207<ul> 1208<li>Overhangs</li> 1209<li>Cupolas</li> 1210<li>Eave lights</li> 1211<li>Lean-to</li> 1212</ul> 1213<p><strong>Things to note:</strong></p> 1214<ul> 1215<li><span>By default, you can choose from </span>one-foot or two-foot overhangs.<br><br></li> 1216</ul> 1217 1218 </div> 1219 </div> 1220 1221 <div class="grid__item one-half palm-one-whole hard section--howitworks--slide--image section--howitworks--slide--addleftspace palm-margin--tall--top lap-and-up-visuallyhidden tablet-visuallyhidden valign--middle all--text--center"> 1222 <div class="block"> 1223 1224 <div class="block"> 1225 1226 <div class="block"> 1227 <a class="fancybox block block--video" href="https://www.fbibuildings.com/hubfs/Design%20Online%20Videos/3.%20Extensions.mp4?hsLang=en"> 1228 <img class="block" src="https://www.fbibuildings.com/hs-fs/hubfs/FBi%203.jpg?width=1920&height=1080&name=FBi%203.jpg" loading="lazy" alt="Design Your Own Pole Barn_Step 3_Building Extensions" width="1920" height="1080" srcset="https://www.fbibuildings.com/hs-fs/hubfs/FBi%203.jpg?width=960&height=540&name=FBi%203.jpg 960w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%203.jpg?width=1920&height=1080&name=FBi%203.jpg 1920w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%203.jpg?width=2880&height=1620&name=FBi%203.jpg 2880w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%203.jpg?width=3840&height=2160&name=FBi%203.jpg 3840w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%203.jpg?width=4800&height=2700&name=FBi%203.jpg 4800w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%203.jpg?width=5760&height=3240&
1228name=FBi%203.jpg 5760w" sizes="(max-width: 1920px) 100vw, 1920px"> 1229 </a> 1230 </div> 1231 1232 1233 </div> 1234 1235 </div> 1236 </div> 1237 1238 </div> 1239 1240 <div class="flexslider--slide text--center "> 1241 1242 <div class="grid__item one-half palm-one-whole hard section--howitworks--slide--image section--howitworks--slide--addrightspace palm-visuallyhidden valign--middle all--text--center"> 1243 <div class="block"> 1244 1245 <div class="block"> 1246 1247 <div class="block"> 1248 <a class="fancybox block block--video" href="https://www.fbibuildings.com/hubfs/Design%20Online%20Videos/4.%20Porch.mp4?hsLang=en"> 1249 <img class="block" src="https://www.fbibuildings.com/hs-fs/hubfs/FBi%204.jpg?width=1920&height=1080&name=FBi%204.jpg" loading="lazy" alt="Design Your Own Pole Barn_Step 4_Porches" width="1920" height="1080" srcset="https://www.fbibuildings.com/hs-fs/hubfs/FBi%204.jpg?width=960&height=540&name=FBi%204.jpg 960w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%204.jpg?width=1920&height=1080&name=FBi%204.jpg 1920w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%204.jpg?width=2880&height=1620&name=FBi%204.jpg 2880w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%204.jpg?width=3840&height=2160&name=FBi%204.jpg 3840w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%204.jpg?width=4800&height=2700&name=FBi%204.jpg 4800w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%204.jpg?width=5760&height=3240&name=FBi%204.jpg 5760w" sizes="(max-width: 1920px) 100vw, 1920px"> 1250 </a> 1251 </div> 1252 1253 1254 </div> 1255 1256 </div> 1257 </div> 1258 1259 <div class="section--howitworks--slide--content grid__item section--howitworks--slide--addleft one-half palm-one-whole desk-padding--grande desk-top--tall desk-bottom--tall valign--middle"> 1260 1261 <div class="table first--hard--top last--hard--bottom desk-text--left lap-text--left tablet-text--left"> 1262 <h3> 1263 Adding a Porch 1264 </h3> 1265 1266 <p>This step may or may not pertain to you. Some of our customers want porches included with their building and some of them do not. It all boils down to your personal preference and what you want your final building to look like. </p> 1267<p>If you decide to include a porch, it really is as easy as checking what type of porch you wish to have. You can choose from:</p> 1268<ul> 1269<li>A standard porch</li> 1270<li>A wrap porch</li> 1271<li>A wrap hip porch</li> 1272</ul> 1273 1274 </div> 1275 </div> 1276 1277 <div class="grid__item one-half palm-one-whole hard section--howitworks--slide--image section--howitworks--slide--addleftspace palm-margin--tall--top lap-and-up-visuallyhidden tablet-visuallyhidden valign--middle all--text--center"> 1278 <div class="block"> 1279 1280 <div class="block"> 1281 1282 <div class="block"> 1283 <a class="fancybox block block--video" href="https://www.fbibuildings.com/hubfs/Design%20Online%20Videos/4.%20Porch.mp4?hsLang=en"> 1284 <img class="block" src="https://www.fbibuildings.com/hs-fs/hubfs/FBi%204.jpg?width=1920&height=1080&name=FBi%204.jpg" loading="lazy" alt="Design Your Own Pole Barn_Step 4_Porches" width="1920" height="1080" srcset="https://www.fbibuildings.com/hs-fs/hubfs/FBi%204.jpg?width=960&height=540&name=FBi%204.jpg 960w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%204.jpg?width=1920&height=1080&name=FBi%204.jpg 1920w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%204.jpg?width=2880&height=1620&name=FBi%204.jpg 2880w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%204.jpg?width=3840&height=2160&name=FBi%204.jpg 3840w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%204.jpg?width=4800&height=2700&name=FBi%204.jpg 4800w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%204.jpg?width=5760&height=3240&
1284name=FBi%204.jpg 5760w" sizes="(max-width: 1920px) 100vw, 1920px"> 1285 </a> 1286 </div> 1287 1288 1289 </div> 1290 1291 </div> 1292 </div> 1293 1294 </div> 1295 1296 <div class="flexslider--slide text--center "> 1297 1298 <div class="grid__item one-half palm-one-whole hard section--howitworks--slide--image section--howitworks--slide--addrightspace palm-visuallyhidden valign--middle all--text--center"> 1299 <div class="block"> 1300 1301 <div class="block"> 1302 1303 <div class="block"> 1304 <a class="fancybox block block--video" href="https://www.fbibuildings.com/hubfs/Design%20Online%20Videos/5.%20Accessories.mp4?hsLang=en"> 1305 <img class="block" src="https://www.fbibuildings.com/hs-fs/hubfs/FBi%205.jpg?width=1920&height=1080&name=FBi%205.jpg" loading="lazy" alt="Design Your Own Pole Barn_Step 5_Accessories" width="1920" height="1080" srcset="https://www.fbibuildings.com/hs-fs/hubfs/FBi%205.jpg?width=960&height=540&name=FBi%205.jpg 960w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%205.jpg?width=1920&height=1080&name=FBi%205.jpg 1920w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%205.jpg?width=2880&height=1620&name=FBi%205.jpg 2880w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%205.jpg?width=3840&height=2160&name=FBi%205.jpg 3840w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%205.jpg?width=4800&height=2700&name=FBi%205.jpg 4800w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%205.jpg?width=5760&height=3240&name=FBi%205.jpg 5760w" sizes="(max-width: 1920px) 100vw, 1920px"> 1306 </a> 1307 </div> 1308 1309 1310 </div> 1311 1312 </div> 1313 </div> 1314 1315 <div class="section--howitworks--slide--content grid__item section--howitworks--slide--addleft one-half palm-one-whole desk-padding--grande desk-top--tall desk-bottom--tall valign--middle"> 1316 1317 <div class="table first--hard--top last--hard--bottom desk-text--left lap-text--left tablet-text--left"> 1318 <h3> 1319 Adding Windows & Doors 1320 </h3> 1321 1322 <p><span>If this step doesnât pertain to you, then you can jump to step seven. If you choose to add windows and doors to your building, youâll want to stay on this step. </span></p> 1323<p>There are a wide variety of window and door options for you to choose from. For example, you can select:</p> 1324<ul> 1325<li>3x4 window</li> 1326<li>3x4 window with shutters</li> 1327<li>Solid walk door</li> 1328<li>9-lite walk door</li> 1329<li>Dutch door</li> 1330<li>Overhead window door</li> 1331<li>Sliding door</li> 1332<li>Etc</li> 1333</ul> 1334 1335 </div> 1336 </div> 1337 1338 <div class="grid__item one-half palm-one-whole hard section--howitworks--slide--image section--howitworks--slide--addleftspace palm-margin--tall--top lap-and-up-visuallyhidden tablet-visuallyhidden valign--middle all--text--center"> 1339 <div class="block"> 1340 1341 <div class="block"> 1342 1343 <div class="block"> 1344 <a class="fancybox block block--video" href="https://www.fbibuildings.com/hubfs/Design%20Online%20Videos/5.%20Accessories.mp4?hsLang=en"> 1345 <img class="block" src="https://www.fbibuildings.com/hs-fs/hubfs/FBi%205.jpg?width=1920&height=1080&name=FBi%205.jpg" loading="lazy" alt="Design Your Own Pole Barn_Step 5_Accessories" width="1920" height="1080" srcset="https://www.fbibuildings.com/hs-fs/hubfs/FBi%205.jpg?width=960&height=540&name=FBi%205.jpg 960w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%205.jpg?width=1920&height=1080&name=FBi%205.jpg 1920w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%205.jpg?width=2880&height=1620&name=FBi%205.jpg 2880w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%205.jpg?width=3840&height=2160&name=FBi%205.jpg 3840w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%205.jpg?width=4800&height=2700&name=FBi%205.jpg 4800w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%205.jpg?width=5760&height=3240&
1345name=FBi%205.jpg 5760w" sizes="(max-width: 1920px) 100vw, 1920px"> 1346 </a> 1347 </div> 1348 1349 1350 </div> 1351 1352 </div> 1353 </div> 1354 1355 </div> 1356 1357 <div class="flexslider--slide text--center "> 1358 1359 <div class="grid__item one-half palm-one-whole hard section--howitworks--slide--image section--howitworks--slide--addrightspace palm-visuallyhidden valign--middle all--text--center"> 1360 <div class="block"> 1361 1362 <div class="block"> 1363 1364 <div class="block"> 1365 <a class="fancybox block block--video" href="https://www.fbibuildings.com/hubfs/Design%20Online%20Videos/6.%20Interior.mp4?hsLang=en"> 1366 <img class="block" src="https://www.fbibuildings.com/hs-fs/hubfs/FBi%206.jpg?width=1920&height=1080&name=FBi%206.jpg" loading="lazy" alt="Design Your Own Pole Barn_Step 6_Interior" width="1920" height="1080" srcset="https://www.fbibuildings.com/hs-fs/hubfs/FBi%206.jpg?width=960&height=540&name=FBi%206.jpg 960w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%206.jpg?width=1920&height=1080&name=FBi%206.jpg 1920w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%206.jpg?width=2880&height=1620&name=FBi%206.jpg 2880w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%206.jpg?width=3840&height=2160&name=FBi%206.jpg 3840w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%206.jpg?width=4800&height=2700&name=FBi%206.jpg 4800w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%206.jpg?width=5760&height=3240&name=FBi%206.jpg 5760w" sizes="(max-width: 1920px) 100vw, 1920px"> 1367 </a> 1368 </div> 1369 1370 1371 </div> 1372 1373 </div> 1374 </div> 1375 1376 <div class="section--howitworks--slide--content grid__item section--howitworks--slide--addleft one-half palm-one-whole desk-padding--grande desk-top--tall desk-bottom--tall valign--middle"> 1377 1378 <div class="table first--hard--top last--hard--bottom desk-text--left lap-text--left tablet-text--left"> 1379 <h3> 1380 Finish Your Interior 1381 </h3> 1382 1383 <p>You can finish the interior of your pole barn by selecting 'Interior' and selecting from the following options:</p> 1384<ul> 1385<li>Division wall</li> 1386<li>
1386Perimeter wall</li> 1387<li>Flooring options</li> 1388<li>Ceiling options</li> 1389</ul> 1390<p>If youâre interested in figuring out if the building you designed will be big enough for your needs, then this is the perfect step for you to choose scaled items and place them throughout your building.</p> 1391 1392 </div> 1393 </div> 1394 1395 <div class="grid__item one-half palm-one-whole hard section--howitworks--slide--image section--howitworks--slide--addleftspace palm-margin--tall--top lap-and-up-visuallyhidden tablet-visuallyhidden valign--middle all--text--center"> 1396 <div class="block"> 1397 1398 <div class="block"> 1399 1400 <div class="block"> 1401 <a class="fancybox block block--video" href="https://www.fbibuildings.com/hubfs/Design%20Online%20Videos/6.%20Interior.mp4?hsLang=en"> 1402 <img class="block" src="https://www.fbibuildings.com/hs-fs/hubfs/FBi%206.jpg?width=1920&height=1080&name=FBi%206.jpg" loading="lazy" alt="Design Your Own Pole Barn_Step 6_Interior" width="1920" height="1080" srcset="https://www.fbibuildings.com/hs-fs/hubfs/FBi%206.jpg?width=960&height=540&name=FBi%206.jpg 960w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%206.jpg?width=1920&height=1080&name=FBi%206.jpg 1920w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%206.jpg?width=2880&height=1620&name=FBi%206.jpg 2880w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%206.jpg?width=3840&height=2160&name=FBi%206.jpg 3840w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%206.jpg?width=4800&height=2700&name=FBi%206.jpg 4800w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%206.jpg?width=5760&height=3240&name=FBi%206.jpg 5760w" sizes="(max-width: 1920px) 100vw, 1920px"> 1403 </a> 1404 </div> 1405 1406 1407 </div> 1408 1409 </div> 1410 </div> 1411 1412 </div> 1413 1414 <div class="flexslider--slide text--center "> 1415 1416 <div class="grid__item one-half palm-one-whole hard section--howitworks--slide--image section--howitworks--slide--addrightspace palm-visuallyhidden valign--middle all--text--center"> 1417 <div class="block"> 1418 1419 <div class="block"> 1420 1421 <div class="block"> 1422 <a class="fancybox block block--video" href="https://www.fbibuildings.com/hubfs/Design%20Online%20Videos/7.%20Submit.mp4?hsLang=en"> 1423 <img class="block" src="https://www.fbibuildings.com/hs-fs/hubfs/FBi%207.jpg?width=1920&height=1080&name=FBi%207.jpg" loading="lazy" alt="Design Your Own Pole Barn_Step 7_Submit" width="1920" height="1080" srcset="https://www.fbibuildings.com/hs-fs/hubfs/FBi%207.jpg?width=960&height=540&name=FBi%207.jpg 960w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%207.jpg?width=1920&height=1080&name=FBi%207.jpg 1920w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%207.jpg?width=2880&height=1620&name=FBi%207.jpg 2880w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%207.jpg?width=3840&height=2160&name=FBi%207.jpg 3840w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%207.jpg?width=4800&height=2700&name=FBi%207.jpg 4800w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%207.jpg?width=5760&height=3240&name=FBi%207.jpg 5760w" sizes="(max-width: 1920px) 100vw, 1920px"> 1424 </a> 1425 </div> 1426 1427 1428 </div> 1429 1430 </div> 1431 </div> 1432 1433 <div class="section--howitworks--slide--content grid__item section--howitworks--slide--addleft one-half palm-one-whole desk-padding--grande desk-top--tall desk-bottom--tall valign--middle"> 1434 1435 <div class="table first--hard--top last--hard--bottom desk-text--left lap-text--left tablet-text--left"> 1436 <h3> 1437 Print, Share, Save or Submit 1438 </h3> 1439 1440 <p><span>Congratulations! Youâve made it to the last step of designing your pole barn online. </span></p> 1441<p><span>When youâre ready to get a quote, <strong>click on the âSubmit this Design for a Free Quoteâ button</strong>. Your information will be sent to our Customer Engagement Team. You will also be sent a follow-up email with a link to your building design.</span></p> 1442<p><span>You can also 'Save' your design or 'Share' it with a family member.</span></p> 1443 1444 </div> 1445 </div> 1446 1447 <div class="grid__item one-half palm-one-whole hard section--howitworks--slide--image section--howitworks--slide--addleftspace palm-margin--tall--top lap-and-up-visuallyhidden tablet-visuallyhidden valign--middle all--text--center"> 1448 <div class="block"> 1449 1450 <div class="block"> 1451 1452 <div class="block"> 1453 <a class="fancybox block block--video" href="https://www.fbibuildings.com/hubfs/Design%20Online%20Videos/7.%20Submit.mp4?hsLang=en"> 1454 <img class="block" src="https://www.fbibuildings.com/hs-fs/hubfs/FBi%207.jpg?width=1920&height=1080&name=FBi%207.jpg" loading="lazy" alt="Design Your Own Pole Barn_Step 7_Submit" width="1920" height="1080" srcset="https://www.fbibuildings.com/hs-fs/hubfs/FBi%207.jpg?width=960&height=540&name=FBi%207.jpg 960w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%207.jpg?width=1920&height=1080&name=FBi%207.jpg 1920w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%207.jpg?width=2880&height=1620&name=FBi%207.jpg 2880w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%207.jpg?width=3840&height=2160&name=FBi%207.jpg 3840w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%207.jpg?width=4800&height=2700&name=FBi%207.jpg 4800w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%207.jpg?width=5760&height=3240&
1454name=FBi%207.jpg 5760w" sizes="(max-width: 1920px) 100vw, 1920px"> 1455 </a> 1456 </div> 1457 1458 1459 </div> 1460 1461 </div> 1462 </div> 1463 1464 </div> 1465 1466 </span> 1467 </div> 1468 </div> 1469 1470 <span class="flexslider--prev " data-slider="widget_1625514968639"><i class="fas fa-chevron-left"></i></span> 1471 <span class="flexslider--next " data-slider="widget_1625514968639"><i class="fas fa-chevron-right"></i></span> 1472 1473 </div> 1474 </div> 1475 1476 <div id="cta--custom" class="grid__item eight-twelfths portable-one-whole short--bottom tall--top palm-short--top first--hard--top last--hard--bottom all--text--center"> 1477 <span class="block"></span><p class="hard--top block--multibutton"> 1478 1479<span class="block--multibutton--btn all--btn all--btn--secondary "> 1480 1481<a class="btn box-shadow btn--secondary " href="https://design.fbibuildings.com/" target="_blank">Design Your Own</a> 1482 1483</span> 1484 1485</p> 1486 </div> 1487 1488 </div> 1489 1490 1491 1492 1493 1494 1495 1496 1497 1498 1499 1500 1501 1502 1503 1504 1505 1506 1507 1508 1509 1510 1511 1512 1513 1514 1515 1516 1517 1518 1519 1520 1521 </div> 1522 1523 1524 1525</div></div></span> 1526</div><!--end widget-span --> 1527</div><!--end row--> 1528</div><!--end row-wrapper --> 1529 1530 </div><!--end body --> 1531</div><!--end body wrapper --> 1532 1533<div class="footer-container-wrapper"> 1534 <div class="footer-container container-fluid"> 1535 1536<div class="row-fluid-wrapper row-depth-1 row-number-1 "> 1537<div class="row-fluid "> 1538<div class="span12 widget-span widget-type-global_group " style="" data-widget-type="global_group" data-x="0" data-w="12"> 1539<div class="" data-global-widget-path="generated_global_groups/48155812995.html"><div class="row-fluid-wrapper row-depth-1 row-number-1 "> 1540<div class="row-fluid "> 1541<div class="span12 widget-span widget-type-custom_widget " style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 1542<div id="hs_cos_wrapper_module_1622657216391228" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> 1543 1544 1545 1546 1547 1548 1549 1550 1551 1552 1553 1554 1555 1556 1557 1558<footer> 1559 <div class="footer--main"> 1560 <div class="grid tall portable-short--bottom"> 1561 <div class="grid__item one-whole hard text--left"> 1562 1563 1564 1565 1566 1567 <div class="footer--main--column footer--main--column--1col" style="width:16.5%;"> 1568 1569 <a href="https://www.fbibuildings.com?hsLang=en" class="footer--main--logo margin--short--top"> 1570 <img src="https://www.fbibuildings.com/hubfs/FBi%20Buildings_2C_TM_Blue.svg" alt="https://info.fbibuildings.com/hubfs/FBi%20Buildings_2C_TM_Blue.svg" style="height:67px;width:auto;"> 1571 </a> 1572 1573 1574 <div class="block short first--hard--top last--hard--bottom "> 1575 1576 1577 <div class="block first--hard--top last--hard--bottom"> 1578 1579 </div> 1580 1581 1582 </div> 1583 1584 1585 </div> 1586 1587 1588 1589 1590 1591 <div class="footer--main--column footer--main--column--1col" style="width:16.5%;"> 1592 1593 1594 <div class="block short first--hard--top last--hard--bottom "> 1595 1596 <p class="font--18 footer--main--menu--header "> 1597 Connect with Us 1598 </p> 1599 1600 1601 <div class="block first--hard--top last--hard--bottom"> 1602 <p>FBi Buildings<br>3823 W 1800 S<br>Remington, IN 47977</p> 1603<p><strong>p.</strong> <a href="tel:1.800.552.2981" rel="noopener">1.800.552.2981</a></p> 1604<p><strong>f. </strong>219.525.1612</p> 1605<p><strong>m.</strong> <a href="mailto:[email protected]" rel="noopener">[email protected]</a></p> 1606 </div> 1607 1608 1609 </div> 1610 1611 1612 </div> 1613 1614 1615 1616 1617 1618 <div class="footer--main--column footer--main--column--1col" style="width:16.5%;"> 1619 1620 1621 <div class="block short first--hard--top last--hard--bottom footer--main--menu--wrapper"> 1622 1623 <p class="font--18 footer--main--menu--header "> 1624 Buildings 1625 </p> 1626 1627 1628
1629 <span id="hs_cos_wrapper_module_1622657216391228_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="menu"><div id="hs_menu_wrapper_module_1622657216391228_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="default" data-menu-id="49808101465" aria-label="Navigation Menu"> 1630 <ul role="menu"> 1631 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.fbibuildings.com/farm-buildings" role="menuitem">Farm Buildings</a></li> 1632 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.fbibuildings.com/commercial-buildings" role="menuitem">Commercial Buildings</a></li> 1633 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.fbibuildings.com/barndominiums" role="menuitem">Barndominiums</a></li> 1634 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.fbibuildings.com/residential-buildings" role="menuitem">Residential Buildings</a></li> 1635 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.fbibuildings.com/horse-barns" role="menuitem">Horse Barns</a></li> 1636 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.fbibuildings.com/repairs-renovations" role="menuitem">Repairs & Renovations</a></li> 1637 </ul> 1638</div></span> 1639 1640 </div> 1641 1642 1643 </div> 1644 1645 1646 1647 1648 1649 <div class="footer--main--column footer--main--column--1col" style="width:16.5%;"> 1650 1651 1652 <div class="block short first--hard--top last--hard--bottom footer--main--menu--wrapper"> 1653 1654 <p class="font--18 footer--main--menu--header "> 1655 Resources 1656 </p> 1657 1658 1659 1660 <span id="hs_cos_wrapper_module_1622657216391228_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="menu"><div id="hs_menu_wrapper_module_1622657216391228_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="default" data-menu-id="49807523253" aria-label="Navigation Menu"> 1661 <ul role="menu" class="active-branch"> 1662 <li class="hs-menu-item hs-menu-depth-1 active active-branch" role="none"><a href="https://www.fbibuildings.com/getting-started/design-your-own/" role="menuitem">Design Your Own</a></li> 1663 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.fbibuildings.com/getting-started/gallery" role="menuitem">Gallery</a></li> 1664 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.fbibuildings.com/financing" role="menuitem">Financing</a></li> 1665 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.fbibuildings.com/getting-started/testimonials/" role="menuitem">Testimonials</a></li> 1666 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.fbibuildings.com/request-a-quote" role="menuitem">Get a Quote</a></li> 1667 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.fbibuildings.com/warranty" role="menuitem">Submit a Warranty Claim</a></li> 1668 </ul> 1669</div></span> 1670 1671 </div> 1672 1673 1674 </div> 1675 1676 1677 1678 1679 1680 <div class="footer--main--column footer--main--column--1col" style="width:16.5%;"> 1681 1682 1683 <div class="block short first--hard--top last--hard--bottom footer--main--menu--wrapper"> 1684 1685 <p class="font--18 footer--main--menu--header "> 1686 About Us 1687 </p> 1688 1689 1690 1691 <span id="hs_cos_wrapper_module_1622657216391228_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="menu"><div id="hs_menu_wrapper_module_1622657216391228_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="default" data-menu-id="49808101894" aria-label="Navigation Menu"> 1692 <ul role="menu"> 1693 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.fbibuildings.com/about-us/meet-our-team/" role="menuitem">Our Team</a></li> 1694 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.fbibuildings.com/about-us/our-service-area/" role="menuitem">Our Service Area</a></li> 1695 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.fbibuildings.com/getting-started" role="menuitem">Our Building Process</a></li> 1696 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.fbibuildings.com/getting-started/building-process/materials-features" role="menuitem">Building Materials & Features</a></li> 1697 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.fbibuildings.com/about-us/careers/" role="menuitem">Careers</a></li> 1698 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.fbibuildings.com/contact-us" role="menuitem">Contact Us</a></li> 1699 </ul> 1700</div></span> 1701 1702 </div> 1703 1704 1705 </div> 1706 1707 </div> 1708 </div> 1709 </div> 1710 <div class="footer--copyright"> 1711 <div class="grid hard--ends"> 1712 <div class="grid__item one-whole short"> 1713 <p class="hard--ends text--left font--14 footer--below">
1714 <span class="portable-block">© <!-- 2026 --> FBi Buildings <!-- . All Rights Reserved. --></span> <span class="portable-block"><a href="https://www.fbibuildings.com/privacy-policy?hsLang=en">| Privacy Policy </a><!-- --></span> 1715 </p> 1716 1717 <div class="footer--main--social text--right social--below"> 1718 1719 1720 1721 <a href="https://www.facebook.com/postframebuilder/" target="_blank" rel="nofollow noopener" title="Like us on Facebook"> 1722 <i class="fab fa-facebook-f"></i> 1723 <span class="visuallyhidden">Facebook</span> 1724 </a> 1725 1726 1727 <a href="https://www.youtube.com/user/FBiBuildings" target="_blank" rel="nofollow noopener" title="Subscribe to us on YouTube"> 1728 <i class="fab fa-youtube"></i> 1729 <span class="visuallyhidden">YouTube</span> 1730 </a> 1731 1732 1733 <a href="https://www.pinterest.com/fbibuildings/" target="_blank" rel="nofollow noopener" title="Follow us on Pinterest"> 1734 <i class="fab fa-pinterest"></i> 1735 <span class="visuallyhidden">Pinterest</span> 1736 </a> 1737 1738 1739 <a href="https://twitter.com/fbibuildings" target="_blank" rel="nofollow noopener" title="Follow us on Twitter"> 1740 <i class="fab fa-twitter"></i> 1741 <span class="visuallyhidden">Twitter</span> 1742 </a> 1743 1744 1745 <a href="https://www.instagram.com/fbibuildings/" target="_blank" rel="nofollow noopener" title="Follow us on Instagram"> 1746 <i class="fab fa-instagram"></i> 1747 <span class="visuallyhidden">Instagram</span> 1748 </a> 1749 1750 1751 <a href="https://www.linkedin.com/company/fbi-buildings-inc" target="_blank" rel="nofollow noopener" title="Like us on LinkedIn"> 1752 <i class="fab fa-linkedin-in"></i> 1753 <span class="visuallyhidden">LinkedIn</span> 1754 </a> 1755 1756 1757 <a href="https://www.tiktok.com/@fbibuildings" target="_blank" rel="nofollow noopener" title="Follow us on TikTok"> 1758 <i class="fab fa-tiktok"></i> 1759 <span class="visuallyhidden">TikTok</span> 1760 </a> 1761 1762 1763 1764 </div> 1765 1766 </div> 1767 </div> 1768 </div> 1769
1769<script> 1770 $(document).ready(function () { 1771 $("body").find(".footer--main .footer--main--menu--wrapper .footer--main--menu--header").click(function () { 1772 if (viewport("portable")) { 1773 thisWrapper = $(this).closest(".footer--main--menu--wrapper"); 1774 thisMenu = thisWrapper.find(".hs-menu-wrapper"); 1775 if (thisWrapper.hasClass("footer--main--menu--open")) { 1776 thisWrapper.removeClass("footer--main--menu--open"); 1777 thisMenu.slideUp(); 1778 } 1779 else { 1780 thisWrapper.addClass("footer--main--menu--open"); 1781 thisMenu.slideDown(); 1782 } 1783 } 1784 }); 1785 }); 1786 </script>
1786 1787</footer></div> 1788 1789</div><!--end widget-span --> 1790</div><!--end row--> 1791</div><!--end row-wrapper --> 1792</div> 1793</div><!--end widget-span --> 1794</div><!--end row--> 1795</div><!--end row-wrapper --> 1796 1797 </div><!--end footer --> 1798</div><!--end footer wrapper --> 1799 1800 1801<!-- HubSpot performance collection script -->
1802<script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script>
vendor: 1 bytes, line 1802
1802
1803<script src="https://www.fbibuildings.com/hubfs/hub_generated/template_assets/1/48155745427/1745590111652/template_production.min.js"></script>
vendor: 1 bytes, line 1803
1803
1804<script> 1805var hsVars = hsVars || {}; hsVars['language'] = 'en'; 1806</script>
1806 1807
1808<script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script>
vendor: 1 bytes, line 1808
1808
1809<script src="https://www.fbibuildings.com/hubfs/hub_generated/module_assets/1/49379273525/1742189518963/module_How_It_Works.min.js"></script>
vendor: 1 bytes, line 1809
1809
1810<script src="/hs/hsstatic/keyboard-accessible-menu-flyouts/static-1.17/bundles/project.js"></script>
1810 1811 1812 1813<!-- Start of HubSpot Analytics Code -->
1814<script type="text/javascript"> 1815var _hsq = _hsq || []; 1816_hsq.push(["setContentType", "standard-page"]); 1817_hsq.push(["setCanonicalUrl", "https:\/\/www.fbibuildings.com\/getting-started\/design-your-own\/"]); 1818_hsq.push(["setPageId", "50201497130"]); 1819_hsq.push(["setContentMetadata", { 1820 "contentPageId": 50201497130, 1821 "legacyPageId": "50201497130", 1822 "contentFolderId": null, 1823 "contentGroupId": null, 1824 "abTestId": null, 1825 "languageVariantId": 50201497130, 1826 "languageCode": "en", 1827 1828 1829}]); 1830</script>
1830 1831
1832<script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/433010.js?businessUnitId=0"></script>
1832 1833<!-- End of HubSpot Analytics Code --> 1834 1835
1836<script type="text/javascript"> 1837var hsVars = { 1838 render_id: "21e1fe86-d0a9-4cb7-9972-4ad0a6de8dab", 1839 ticks: 1790296713089, 1840 page_id: 50201497130, 1841 1842 content_group_id: 0, 1843 portal_id: 433010, 1844 app_hs_base_url: "https://app.hubspot.com", 1845 cp_hs_base_url: "https://cp.hubspot.com", 1846 language: "en", 1847 analytics_page_type: "standard-page", 1848 scp_content_type: "", 1849 1850 analytics_page_id: "50201497130", 1851 category_id: 1, 1852 folder_id: 0, 1853 is_hubspot_user: false 1854} 1855</script>
1855 1856 1857
1858<script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.640/js/index.js"></script>
1858 1859 1860<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 1860-1861
1860 1861<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1861GTM-NF38QDS
vendor: 83 bytes, line 1861
1861" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1862<!-- End Google Tag Manager (noscript) --> 1863 1864<style> 1865 .btn--orange, .all--btn--orange .hs-cta-wrapper a, .all--btn--orange form.hs-form .hs_submit input.hs-button { 1866 background-color: #BC3E31 !important; 1867 border-color: #BC3E31 !important; 1868 } 1869 1870 .btn--orange:hover, .all--btn--orange .hs-cta-wrapper a:hover, .all--btn--orange form.hs-form .hs_submit input.hs-button:hover { 1871 background-color: #9d2b1f !important; 1872 border-color: #9d2b1f !important; 1873 } 1874 1875 .section--hero, .section--bofu { 1876 background-color: #0d2240; 1877 } 1878 1879 .section--leftrightoverlap h2.short--bottom { 1880 font-size: 22px !important; 1881 color: #0379c3 !important; 1882 } 1883</style> 1884 1885 1886 1887 <!-- Generated by the HubSpot Template Builder - template version 1.03 --> 1888 1889</body></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.