PageSourceSearch

https://www.fbibuildings.com/getting-started/design-your-own/

html fbibuildings.com collected 2026-10-02 12:09:41 UTC 93,644 bytes, 1,889 lines download raw bytes

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&amp;family=Nunito+Sans:wght@300;400;600;800&amp;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 &amp; 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 &amp; 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 &amp; 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 &amp; 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&amp;height=1080&amp;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&amp;height=540&amp;name=FBi%201.jpg 960w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%201.jpg?width=1920&amp;height=1080&amp;name=FBi%201.jpg 1920w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%201.jpg?width=2880&amp;height=1620&amp;name=FBi%201.jpg 2880w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%201.jpg?width=3840&amp;height=2160&amp;name=FBi%201.jpg 3840w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%201.jpg?width=4800&amp;height=2700&amp;name=FBi%201.jpg 4800w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%201.jpg?width=5760&amp;height=3240&amp;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>&nbsp;</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&amp;height=1080&amp;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&amp;height=540&amp;name=FBi%201.jpg 960w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%201.jpg?width=1920&amp;height=1080&amp;name=FBi%201.jpg 1920w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%201.jpg?width=2880&amp;height=1620&amp;name=FBi%201.jpg 2880w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%201.jpg?width=3840&amp;height=2160&amp;name=FBi%201.jpg 3840w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%201.jpg?width=4800&amp;height=2700&amp;name=FBi%201.jpg 4800w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%201.jpg?width=5760&amp;height=3240&amp;
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&amp;height=1080&amp;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&amp;height=540&amp;name=FBi%202.jpg 960w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%202.jpg?width=1920&amp;height=1080&amp;name=FBi%202.jpg 1920w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%202.jpg?width=2880&amp;height=1620&amp;name=FBi%202.jpg 2880w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%202.jpg?width=3840&amp;height=2160&amp;name=FBi%202.jpg 3840w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%202.jpg?width=4800&amp;height=2700&amp;name=FBi%202.jpg 4800w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%202.jpg?width=5760&amp;height=3240&amp;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&amp;height=1080&amp;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&amp;height=540&amp;name=FBi%202.jpg 960w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%202.jpg?width=1920&amp;height=1080&amp;name=FBi%202.jpg 1920w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%202.jpg?width=2880&amp;height=1620&amp;name=FBi%202.jpg 2880w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%202.jpg?width=3840&amp;height=2160&amp;name=FBi%202.jpg 3840w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%202.jpg?width=4800&amp;height=2700&amp;name=FBi%202.jpg 4800w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%202.jpg?width=5760&amp;height=3240&amp;
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&amp;height=1080&amp;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&amp;height=540&amp;name=FBi%203.jpg 960w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%203.jpg?width=1920&amp;height=1080&amp;name=FBi%203.jpg 1920w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%203.jpg?width=2880&amp;height=1620&amp;name=FBi%203.jpg 2880w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%203.jpg?width=3840&amp;height=2160&amp;name=FBi%203.jpg 3840w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%203.jpg?width=4800&amp;height=2700&amp;name=FBi%203.jpg 4800w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%203.jpg?width=5760&amp;height=3240&amp;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&nbsp;</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&amp;height=1080&amp;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&amp;height=540&amp;name=FBi%203.jpg 960w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%203.jpg?width=1920&amp;height=1080&amp;name=FBi%203.jpg 1920w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%203.jpg?width=2880&amp;height=1620&amp;name=FBi%203.jpg 2880w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%203.jpg?width=3840&amp;height=2160&amp;name=FBi%203.jpg 3840w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%203.jpg?width=4800&amp;height=2700&amp;name=FBi%203.jpg 4800w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%203.jpg?width=5760&amp;height=3240&amp;
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&amp;height=1080&amp;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&amp;height=540&amp;name=FBi%204.jpg 960w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%204.jpg?width=1920&amp;height=1080&amp;name=FBi%204.jpg 1920w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%204.jpg?width=2880&amp;height=1620&amp;name=FBi%204.jpg 2880w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%204.jpg?width=3840&amp;height=2160&amp;name=FBi%204.jpg 3840w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%204.jpg?width=4800&amp;height=2700&amp;name=FBi%204.jpg 4800w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%204.jpg?width=5760&amp;height=3240&amp;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.&nbsp;</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&amp;height=1080&amp;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&amp;height=540&amp;name=FBi%204.jpg 960w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%204.jpg?width=1920&amp;height=1080&amp;name=FBi%204.jpg 1920w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%204.jpg?width=2880&amp;height=1620&amp;name=FBi%204.jpg 2880w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%204.jpg?width=3840&amp;height=2160&amp;name=FBi%204.jpg 3840w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%204.jpg?width=4800&amp;height=2700&amp;name=FBi%204.jpg 4800w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%204.jpg?width=5760&amp;height=3240&amp;
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&amp;height=1080&amp;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&amp;height=540&amp;name=FBi%205.jpg 960w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%205.jpg?width=1920&amp;height=1080&amp;name=FBi%205.jpg 1920w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%205.jpg?width=2880&amp;height=1620&amp;name=FBi%205.jpg 2880w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%205.jpg?width=3840&amp;height=2160&amp;name=FBi%205.jpg 3840w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%205.jpg?width=4800&amp;height=2700&amp;name=FBi%205.jpg 4800w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%205.jpg?width=5760&amp;height=3240&amp;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 &amp; 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.&nbsp;</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&amp;height=1080&amp;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&amp;height=540&amp;name=FBi%205.jpg 960w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%205.jpg?width=1920&amp;height=1080&amp;name=FBi%205.jpg 1920w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%205.jpg?width=2880&amp;height=1620&amp;name=FBi%205.jpg 2880w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%205.jpg?width=3840&amp;height=2160&amp;name=FBi%205.jpg 3840w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%205.jpg?width=4800&amp;height=2700&amp;name=FBi%205.jpg 4800w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%205.jpg?width=5760&amp;height=3240&amp;
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&amp;height=1080&amp;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&amp;height=540&amp;name=FBi%206.jpg 960w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%206.jpg?width=1920&amp;height=1080&amp;name=FBi%206.jpg 1920w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%206.jpg?width=2880&amp;height=1620&amp;name=FBi%206.jpg 2880w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%206.jpg?width=3840&amp;height=2160&amp;name=FBi%206.jpg 3840w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%206.jpg?width=4800&amp;height=2700&amp;name=FBi%206.jpg 4800w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%206.jpg?width=5760&amp;height=3240&amp;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&amp;height=1080&amp;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&amp;height=540&amp;name=FBi%206.jpg 960w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%206.jpg?width=1920&amp;height=1080&amp;name=FBi%206.jpg 1920w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%206.jpg?width=2880&amp;height=1620&amp;name=FBi%206.jpg 2880w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%206.jpg?width=3840&amp;height=2160&amp;name=FBi%206.jpg 3840w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%206.jpg?width=4800&amp;height=2700&amp;name=FBi%206.jpg 4800w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%206.jpg?width=5760&amp;height=3240&amp;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&amp;height=1080&amp;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&amp;height=540&amp;name=FBi%207.jpg 960w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%207.jpg?width=1920&amp;height=1080&amp;name=FBi%207.jpg 1920w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%207.jpg?width=2880&amp;height=1620&amp;name=FBi%207.jpg 2880w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%207.jpg?width=3840&amp;height=2160&amp;name=FBi%207.jpg 3840w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%207.jpg?width=4800&amp;height=2700&amp;name=FBi%207.jpg 4800w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%207.jpg?width=5760&amp;height=3240&amp;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.&nbsp;</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&amp;height=1080&amp;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&amp;height=540&amp;name=FBi%207.jpg 960w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%207.jpg?width=1920&amp;height=1080&amp;name=FBi%207.jpg 1920w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%207.jpg?width=2880&amp;height=1620&amp;name=FBi%207.jpg 2880w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%207.jpg?width=3840&amp;height=2160&amp;name=FBi%207.jpg 3840w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%207.jpg?width=4800&amp;height=2700&amp;name=FBi%207.jpg 4800w, https://www.fbibuildings.com/hs-fs/hubfs/FBi%207.jpg?width=5760&amp;height=3240&amp;
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 &amp; 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 &amp; 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.