thorsteelstructures.sensei3d.com
Open in
urlscan Pro
108.157.150.79
Public Scan
URL:
https://thorsteelstructures.sensei3d.com/
Submission: On February 08 via api from US — Scanned from US
Submission: On February 08 via api from US — Scanned from US
Form analysis 16 forms found in the DOM
<form>
<div class="section-seprator">
<div class="row mb-3">
<div class="col-6">
<h5 class="section-title text-uppercase">Building Type</h5>
</div>
</div>
<div class="w-full accordion-type-2 pb-5 accordion"></div>
</div>
</form><form class="">
<div class="section-seprator">
<div class="row">
<div class="col-6">
<h5 class="section-title text-uppercase">COLORS</h5>
</div>
</div>
<div class="roof-colors colors-section-wrapper section-seprator pt-2">
<div class="row align-items-center mb-3">
<div class="col-6">
<h5 class="section-title no-underline mb-0">Roof Color</h5>
</div>
<div class="col-6 text-right">
<div class="price-box-type-2"></div>
</div>
</div>
<div class="color-shadow-box">
<div class="row">
<div class="col-12 mb-2">
<div class="colors-section-wrapper-label">
<h5 class="mb-0 no-underline">Basic</h5><label><span class="color-box-value" style="background: rgb(174, 143, 102);"></span><span class="color-box-name">(Red)</span></label>
</div>
</div>
<div class="col-12">
<div class="colors-section-wrapper-value">
<div class="colors-box-sec">
<div class="btn-group btn-group-toggle" data-toggle="buttons"></div>
</div>
</div>
</div>
</div>
</div>
<div class="d-none">
<div class="price-row mb-3 align-items-start">
<aside class="price-row-left">
<div class="col-12">
<aside class="colors-section-wrapper-label">
<h5 class="mb-0">Roof</h5><label><span class="color-box-value" style="background: rgb(174, 143, 102);"></span><span class="color-box-name">(Red)</span></label>
</aside>
<div class="section-title-wrapper accordion">
<div>
<div><button variant="link" type="button"><span class="icon icon-info-fill"></span> <span class="text">Learn More</span></button></div>
<div class="learnmore-info-box collapse show">
<div>Choose a color for your building’s Roof, all colors are available for the same price except for the premium colors. Premium colors are priced extra. Colors does not affect the delivery time.</div>
</div>
</div>
</div>
</div>
</aside>
<aside class="price-box price-box-sm"></aside>
</div>
<div class="extra-hightlight-box">
<div class="price-row m-0">
<aside class="price-row-left">
<aside class="colors-section-wrapper-value">
<div class="colors-box-sec">
<div class="btn-group btn-group-toggle" data-toggle="buttons"></div>
</div>
</aside>
</aside>
</div>
</div>
</div>
</div>
<div class="colors-section-wrapper trim-colors section-seprator m-0">
<div class="row align-items-center mb-3">
<div class="col-6">
<h5 class="section-title no-underline mb-0">Trim Color</h5>
</div>
<div class="col-6 text-right">
<div class="price-box-type-2"></div>
</div>
</div>
<div class="color-shadow-box">
<div class="row">
<div class="col-12 mb-2">
<div class="colors-section-wrapper-label">
<h5 class="mb-0 no-underline">Basic</h5><label><span class="color-box-value" style="background: rgb(255, 255, 255);"></span><span class="color-box-name">(Red)</span></label>
</div>
</div>
<div class="col-12">
<div class="colors-section-wrapper-value">
<div class="colors-box-sec">
<div class="btn-group btn-group-toggle" data-toggle="buttons"></div>
</div>
</div>
</div>
</div>
</div>
<div class="d-none">
<div class="price-row mb-3 align-items-start">
<aside class="price-row-left">
<div class="col-12">
<aside class="colors-section-wrapper-label">
<h5 class="mb-0">Trim</h5><label><span class="color-box-value" style="background: rgb(255, 255, 255);"></span><span class="color-box-name">(Red)</span></label>
</aside>
<div class="section-title-wrapper accordion">
<div>
<div><button variant="link" type="button"><span class="icon icon-info-fill"></span> <span class="text">Learn More</span></button></div>
<div class="learnmore-info-box collapse show">
<div>Choose a color for your building’s Trim, all colors are available for the same price except for the premium colors. Premium colors are priced extra. Colors does not affect the delivery time.</div>
</div>
</div>
</div>
</div>
</aside>
<aside class="price-box price-box-sm"></aside>
</div>
<div class="extra-hightlight-box">
<div class="price-row m-0">
<aside class="price-row-left">
<aside class="colors-section-wrapper-value">
<div class="colors-box-sec">
<div class="btn-group btn-group-toggle" data-toggle="buttons"></div>
</div>
</aside>
</aside>
</div>
</div>
</div>
</div>
<div class="colors-section-wrapper wall-colors disabled">
<div class="row align-items-center mb-3">
<div class="col-8">
<div class="d-flex mb-0">
<h5 class="section-title mb-0 no-underline">
<div class="checkbox">
<div class="secondary mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-checkbox--upgraded mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-checkbox--upgraded mdc-checkbox"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input ripple="RipplePropF" id="Checkbox-8wkkw7otjz" type="checkbox" class="mdc-checkbox__native-control">
<div class="mdc-checkbox__background"><svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
<path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
</div><label id="Checkbox-8wkkw7otjzlabel" for="Checkbox-8wkkw7otjz">Add Wainscot</label>
</div>
</div>
</h5>
<div class="colors-section-wrapper-label"><label><span class="color-box-name ml-1">(Full Building)</span></label></div>
</div>
</div>
<div class="col-4 text-right">
<div class="price-box-type-2"></div>
</div>
</div>
<div class="row align-items-center mb-3">
<div class="col-6">
<h5 class="section-title no-underline mb-0">Wainscot Color</h5>
</div>
<div class="col-6 text-right">
<div class="price-box-type-2"></div>
</div>
</div>
<div class="color-shadow-box disable-field">
<div class="row">
<div class="col-12 mb-2">
<div class="colors-section-wrapper-label">
<h5 class="mb-0 no-underline">Basic</h5><label><span class="color-box-value" style="background: rgb(18, 75, 138);"></span><span class="color-box-name">(Red)</span></label>
</div>
</div>
<div class="col-12">
<div class="colors-section-wrapper-value">
<div class="colors-box-sec">
<div class="btn-group btn-group-toggle" data-toggle="buttons"></div>
</div>
</div>
</div>
</div>
</div>
<div class="d-none">
<div class="price-row mb-2">
<aside class="price-row-left">
<div class="col-12">
<div class="d-flex mb-0">
<h5 class="section-title mb-0 no-underline">
<div class="checkbox">
<div class="secondary mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-checkbox--upgraded mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-checkbox--upgraded mdc-checkbox"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input ripple="RipplePropF" id="Checkbox-colhhuacfl" type="checkbox" class="mdc-checkbox__native-control">
<div class="mdc-checkbox__background"><svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
<path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
</div><label id="Checkbox-colhhuacfllabel" for="Checkbox-colhhuacfl">Add Wainscot</label>
</div>
</div>
</h5>
<div class="colors-section-wrapper-label"><label><span class="color-box-name">(Full Building)</span></label></div>
</div>
</div>
</aside>
<aside class="price-box price-box-sm"></aside>
</div>
<div class="disabled price-row mb-3 align-items-start">
<aside class="price-row-left">
<div class="col-12">
<div class="section-title-wrapper mb-0">
<h5 class="section-title mb-0 no-underline">Color</h5>
<div class="colors-section-wrapper-label"><label><span class="color-box-value" style="background: rgb(18, 75, 138);"></span><span class="color-box-name">(Red)</span></label></div>
</div>
<div class="section-title-wrapper d-none accordion">
<div>
<div><button variant="link" type="button"><span class="icon icon-info-fill"></span> <span class="text">Learn More</span></button></div>
<div class="learnmore-info-box collapse show">
<div>Choose a color for your building’s Trim, all colors are available for the same price except for the premium colors. Premium colors are priced extra. Colors does not affect the delivery time.</div>
</div>
</div>
</div>
</div>
</aside>
<aside class="price-box price-box-sm"></aside>
</div>
<div class="extra-hightlight-box">
<div class="disable-field price-row m-0">
<aside class="price-row-left">
<aside class="colors-section-wrapper-value">
<div class="colors-box-sec">
<div class="btn-group btn-group-toggle" data-toggle="buttons"></div>
</div>
</aside>
</aside>
</div>
<div class="section-title-wrapper mb-2 mt-3"></div>
<div class="disable-field price-row m-0">
<aside class="price-row-left">
<aside class="colors-section-wrapper-value">
<div class="colors-box-sec primium-colors">
<div class="btn-group btn-group-toggle" data-toggle="buttons"></div>
</div>
</aside>
</aside>
</div>
</div>
</div>
</div>
</div>
</form><form class="d-none">
<div class="section-title-wrapper justify-content-between d-none">
<h5 class="section-title mb-0">Colors</h5>
<div class="accordion">
<div>
<div><button variant="link" type="button"><span class="icon icon-info-fill"></span> <span class="text">Learn More</span></button></div>
<div class="learnmore-info-box collapse show">
<div>Size is the standard tubing used on the framing of the metal buildings, it is 2 1/2’’ square tubing. The optional thicker 12 gauge tubing is 2 1/4’’ square tubing. Framing on the 12 gauge tubing.</div>
</div>
</div>
</div>
</div>
</form><form class="">
<div class="section-seprator">
<div class="row mb-4">
<div class="col-6">
<h5 class="section-title text-uppercase">Building Name</h5>
</div>
<div class="col-6 text-right d-none"><a class="question-help"><span class=" icon icon-questiion-mark"></span></a></div>
</div>
<div class="row">
<div class="col-md-6 col-7 active-img-box-type-1">
<div class="img-box-type-1 cursor-pointer ">
<div class="img-box-type-1-img"><img src="https://cdn.sensei3d.com" alt="Change"></div>
<div class="img-box-type-1-info">
<div class="img-box-type-1-info-title pb-0"></div>
<div class="primary-cta-xs mb-1"><span class="icon-content icon"></span><span class="text">Change</span></div>
</div>
</div>
</div>
</div>
<div class="row mt-4">
<div class="col-12">
<div class="floating-label-input floating-label-inside border-0">
<div role="listbox" class="mdc-ripple-upgraded mdc-ripple-surface mdc-select"><i class="mdc-select__dropdown-icon"></i><select tabindex="0" ripple="RipplePropF" class="mdc-select__native-control "></select><label
class="mdc-floating-label">Roof Style</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
</div>
<div class="row mt-4 mb-1 align-items-center">
<div class="col-6">
<h5 class="section-title no-underline mb-0">Size</h5>
</div>
<div class="col-6 text-right">
<div class="price-box-type-2"></div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="floating-label-input floating-label-inside border-0 with-two-input">
<div role="listbox" class="mdc-ripple-upgraded mdc-ripple-surface mdc-select"><i class="mdc-select__dropdown-icon"></i><select tabindex="0" ripple="RipplePropF" class="mdc-select__native-control "></select><label
class="mdc-floating-label">Width</label>
<div class="mdc-line-ripple "></div>
</div>
<div role="listbox" class="mdc-ripple-upgraded mdc-ripple-surface mdc-select"><i class="mdc-select__dropdown-icon"></i><select tabindex="0" ripple="RipplePropF" class="mdc-select__native-control "></select><label
class="mdc-floating-label">Length</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
</div>
<div class="row mt-4 d-none">
<div class="col-12">
<h5 class="section-title no-underline">Popular Sizes</h5>
</div>
<div class="col-12">
<div class="price-capsule-wrapper"></div>
</div>
</div>
<div class="row mt-4 mb-1 align-items-center">
<div class="col-6">
<h5 class="section-title no-underline mb-0">Height</h5>
</div>
<div class="col-6 text-right">
<div class="price-box-type-2"></div>
</div>
</div>
<div class="row ">
<div class="col-12">
<div class="floating-label-input floating-label-inside border-0">
<div role="listbox" class="mdc-ripple-upgraded mdc-ripple-surface mdc-select"><i class="mdc-select__dropdown-icon"></i><select tabindex="0" ripple="RipplePropF" class="mdc-select__native-control "></select><label
class="mdc-floating-label">Height</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
</div>
<div class="row mt-4 align-items-center d-none">
<div class="col-8">
<div class="floating-label-input">
<div class="mdc-ripple-upgraded mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input name="distanec_on_center" maxlength="50" id="textfield-hdo6m2pt0r" type="text" class="mdc-text-field__input" value="2"><label
class="mdc-floating-label mdc-floating-label--float-above" for="textfield-hdo6m2pt0r">Distance on Center</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
<div class="col-4 d-none"><a class="anchor-primary f-13 roboto-medium d-inline-flex align-items-center"><span class="icon icon-regenerate mr-1 f-18"></span><span class="text" style="text-decoration: underline;">Regenerate</span></a></div>
<div class="col-12"><span class="f-12 roboto-medium text-primary">* You can add value between 2 to 10<span class="additional-info ml-1">(Only Visual)</span></span></div>
</div>
<div class="row mt-4 align-items-center">
<div class="col-6">
<h5 class="section-title no-underline">Roof Pitch</h5>
</div>
<div class="col-6 mb-2 text-right">
<div class="price-box-type-2"></div>
</div>
</div>
<div class="row mt-4">
<div class="col-12">
<h5 class="section-title no-underline">Gauge</h5>
</div>
</div>
</div>
</form><form>
<div class="section-seprator">
<div class="row mb-3">
<div class="col-8">
<h5 class="section-title mb-0 "> LEAN TO’S </h5>
</div>
<div class="col-4 text-right d-none"><a class="question-help"><span class=" icon icon-questiion-mark"></span></a></div>
</div>
<div class="row mt-4 d-none">
<div class="col-12">
<div class="porch-toggle-sec">
<div class="wrape-porch-toggle togglelabel">
<div class="toggle-item"><span>WRAP</span> <span class=""> <input type="checkbox" id="backlean"><label for="backlean" class="cursor-pointer"><i></i></label></span></div>
</div>
<div class="wrape-porch-toggle togglelabel">
<div class="toggle-item"><span>WRAP</span> <span class=""> <input type="checkbox" id="backlean"><label for="backlean" class="cursor-pointer"><i></i></label></span></div>
</div>
</div>
</div>
</div>
<div class="row mt-2 d-none">
<div class="col-12 d-flex justify-content-end">
<div class="checkbox">
<div class="secondary mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-checkbox--upgraded mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-checkbox--upgraded mdc-checkbox"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input ripple="RipplePropF" id="Checkbox-bf9cuqeaf3" type="checkbox" class="mdc-checkbox__native-control">
<div class="mdc-checkbox__background"><svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
<path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
</div><label id="Checkbox-bf9cuqeaf3label" for="Checkbox-bf9cuqeaf3">Remove legs</label>
</div>
</div>
</div>
</div>
<div class="row mt-4 d-none">
<aside class="col-12">
<div class="porch-toggle-sec">
<div class="wrape-porch-toggle togglelabel">
<div class="toggle-item"><span>WRAP</span> <span class=""> <input type="checkbox" id="backlean"><label for="backlean" class="cursor-pointer"><i></i></label></span></div>
</div>
<div class="wrape-porch-toggle togglelabel">
<div class="toggle-item"><span>WRAP</span> <span class=""> <input type="checkbox" id="backlean"><label for="backlean" class="cursor-pointer"><i></i></label></span></div>
</div>
</div>
</aside>
</div>
</div>
</form><form>
<div class="section-seprator">
<div class="row mb-4">
<div class="col-12">
<h5 class="section-title mb-0 ">SIDES & ENDS</h5>
</div>
</div>
<div class="price-row mb-4">
<aside class="price-row-left">
<div class="checkbox">
<div class="secondary mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-checkbox--upgraded mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-checkbox--upgraded mdc-checkbox"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input ripple="RipplePropF" id="Checkbox-a28sp2jb0m" type="checkbox" class="mdc-checkbox__native-control">
<div class="mdc-checkbox__background"><svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
<path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
</div><label id="Checkbox-a28sp2jb0mlabel" for="Checkbox-a28sp2jb0m">Vertical Panels</label>
</div>
</div>
</aside>
</div>
<div class="price-row mb-4">
<aside class="price-row-left">
<div class="w-full accordion-type-2 accordion">
<div class="active card">
<div class="card-header"><button type="button" class="btn btn-link"><span class="text">Center Building</span><span class="icon icon-plus"></span></button></div>
<div class="collapse show">
<div class="card-body">
<div>
<div class="row">
<div class="col-6">
<div class="radio-group mb-3">
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="openwall" id="Radio-1ccfnlolyg" type="radio" class="mdc-radio__native-control" value="openwall">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-1ccfnlolyglabel" for="Radio-1ccfnlolyg">Open</label>
</div>
</div>
<div class="radio-group mb-3">
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="fully_enclosed" id="Radio-1txaraiwzk" type="radio" class="mdc-radio__native-control"
value="fully_enclosed">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-1txaraiwzklabel" for="Radio-1txaraiwzk">Fully Enclosed</label>
</div>
</div>
</div>
</div>
<div class="row mb-2">
<div class="col-6"></div>
</div>
<div class="row mb-4">
<div class="col-6">
<div class="floating-label-input floating-label-inside border-0">
<div role="listbox" class="cpanelselect mdc-ripple-upgraded cpanelselect mdc-ripple-surface mdc-select"><i class="mdc-select__dropdown-icon"></i><select tabindex="0" ripple="RipplePropF"
class="mdc-select__native-control "></select><label class="mdc-floating-label">Front Wall</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
<div class="col-6">
<div class="floating-label-input floating-label-inside border-0">
<div role="listbox" class="cpanelselect mdc-ripple-upgraded cpanelselect mdc-ripple-surface mdc-select"><i class="mdc-select__dropdown-icon"></i><select tabindex="0" ripple="RipplePropF"
class="mdc-select__native-control "></select><label class="mdc-floating-label">Back Wall</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
</div>
<div class="row mb-2">
<div class="col-6"></div>
</div>
<div class="row mb-4">
<div class="col-6">
<div class="floating-label-input floating-label-inside border-0">
<div role="listbox" class="cpanelselect mdc-ripple-upgraded cpanelselect mdc-ripple-surface mdc-select"><i class="mdc-select__dropdown-icon"></i><select tabindex="0" ripple="RipplePropF"
class="mdc-select__native-control "></select><label class="mdc-floating-label">Left Wall</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
<div class="col-6">
<div class="floating-label-input floating-label-inside border-0">
<div role="listbox" class="cpanelselect mdc-ripple-upgraded cpanelselect mdc-ripple-surface mdc-select"><i class="mdc-select__dropdown-icon"></i><select tabindex="0" ripple="RipplePropF"
class="mdc-select__native-control "></select><label class="mdc-floating-label">Right Wall</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
</div>
<div class="row mt-3">
<div class="col-12">
<h5 class="section-title no-underline">Storage</h5>
</div>
<div class="col-6">
<div class="radio-group">
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="openwall1" id="Radio-3wwukaw9k8" type="radio" class="mdc-radio__native-control" value="false">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-3wwukaw9k8label" for="Radio-3wwukaw9k8">Back Storage</label>
</div>
</div>
</div>
<div class="col-6 text-right">
<div class="price-box-type-2"></div>
</div>
</div>
<div class="row mt-3">
<div class="col-6">
<div class="radio-group">
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="openwall2" id="Radio-67u6yrsv1x" type="radio" class="mdc-radio__native-control">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-67u6yrsv1xlabel" for="Radio-67u6yrsv1x">Left Storage</label>
</div>
</div>
</div>
<div class="col-6 text-right">
<div class="price-box-type-2"></div>
</div>
</div>
<div class="row mt-3">
<div class="col-6">
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="openwall3" id="Radio-nrymo25arq" type="radio" class="mdc-radio__native-control">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-nrymo25arqlabel" for="Radio-nrymo25arq">Right Storage</label>
</div>
</div>
<div class="col-6 text-right">
<div class="price-box-type-2"></div>
</div>
</div>
<div class="row mt-3 d-none">
<div class="col-6">
<div class="radio-group">
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="openwall2" id="Radio-nul2jajjf8" type="radio" class="mdc-radio__native-control">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-nul2jajjf8label" for="Radio-nul2jajjf8">Both Side Storages</label>
</div>
</div>
</div>
</div>
<div class="row mt-3 d-none">
<div class="col-6">
<div class="radio-group">
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="openwall2" id="Radio-b7pk43axcx" type="radio" class="mdc-radio__native-control">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-b7pk43axcxlabel" for="Radio-b7pk43axcx">Both Side + Back Storages</label>
</div>
</div>
</div>
</div>
<div class="row mt-3">
<div class="col-6">
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="openwall4" id="Radio-f1gq6z0zjr" type="radio" class="mdc-radio__native-control" checked="">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-f1gq6z0zjrlabel" for="Radio-f1gq6z0zjr">None</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</aside>
</div>
</div>
</form><form class="d-none">
<div>
<div class="row">
<div class="col-6">
<div class="radio-group mb-3">
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="openwall" id="Radio-6ipdhuir2k" type="radio" class="mdc-radio__native-control" value="openwall">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-6ipdhuir2klabel" for="Radio-6ipdhuir2k">Open</label>
</div>
</div>
<div class="radio-group mb-3">
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="fully_enclosed" id="Radio-p8ygen6bwq" type="radio" class="mdc-radio__native-control" value="fully_enclosed">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-p8ygen6bwqlabel" for="Radio-p8ygen6bwq">Fully Enclosed</label>
</div>
</div>
</div>
</div>
<div class="row mb-2">
<div class="col-6"></div>
</div>
<div class="row mb-4">
<div class="col-6">
<div class="floating-label-input floating-label-inside border-0">
<div role="listbox" class="cpanelselect mdc-ripple-upgraded cpanelselect mdc-ripple-surface mdc-select"><i class="mdc-select__dropdown-icon"></i><select tabindex="0" ripple="RipplePropF" class="mdc-select__native-control "></select><label
class="mdc-floating-label">Front Wall</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
<div class="col-6">
<div class="floating-label-input floating-label-inside border-0">
<div role="listbox" class="cpanelselect mdc-ripple-upgraded cpanelselect mdc-ripple-surface mdc-select"><i class="mdc-select__dropdown-icon"></i><select tabindex="0" ripple="RipplePropF" class="mdc-select__native-control "></select><label
class="mdc-floating-label">Back Wall</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
</div>
<div class="row mb-2">
<div class="col-6"></div>
</div>
<div class="row mb-4">
<div class="col-6">
<div class="floating-label-input floating-label-inside border-0">
<div role="listbox" class="cpanelselect mdc-ripple-upgraded cpanelselect mdc-ripple-surface mdc-select"><i class="mdc-select__dropdown-icon"></i><select tabindex="0" ripple="RipplePropF" class="mdc-select__native-control "></select><label
class="mdc-floating-label">Left Wall</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
<div class="col-6">
<div class="floating-label-input floating-label-inside border-0">
<div role="listbox" class="cpanelselect mdc-ripple-upgraded cpanelselect mdc-ripple-surface mdc-select"><i class="mdc-select__dropdown-icon"></i><select tabindex="0" ripple="RipplePropF" class="mdc-select__native-control "></select><label
class="mdc-floating-label">Right Wall</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
</div>
<div class="row mt-3">
<div class="col-12">
<h5 class="section-title no-underline">Storage</h5>
</div>
<div class="col-6">
<div class="radio-group">
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="openwall1" id="Radio-tcm72c7rkqk" type="radio" class="mdc-radio__native-control" value="false">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-tcm72c7rkqklabel" for="Radio-tcm72c7rkqk">Back Storage</label>
</div>
</div>
</div>
<div class="col-6 text-right">
<div class="price-box-type-2"></div>
</div>
</div>
<div class="row mt-3">
<div class="col-6">
<div class="radio-group">
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="openwall2" id="Radio-7vu816cqp3" type="radio" class="mdc-radio__native-control">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-7vu816cqp3label" for="Radio-7vu816cqp3">Left Storage</label>
</div>
</div>
</div>
<div class="col-6 text-right">
<div class="price-box-type-2"></div>
</div>
</div>
<div class="row mt-3">
<div class="col-6">
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="openwall3" id="Radio-tueem23umy" type="radio" class="mdc-radio__native-control">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-tueem23umylabel" for="Radio-tueem23umy">Right Storage</label>
</div>
</div>
<div class="col-6 text-right">
<div class="price-box-type-2"></div>
</div>
</div>
<div class="row mt-3 d-none">
<div class="col-6">
<div class="radio-group">
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="openwall2" id="Radio-2uihw96rt6" type="radio" class="mdc-radio__native-control">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-2uihw96rt6label" for="Radio-2uihw96rt6">Both Side Storages</label>
</div>
</div>
</div>
</div>
<div class="row mt-3 d-none">
<div class="col-6">
<div class="radio-group">
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="openwall2" id="Radio-1w3fg8qnhs" type="radio" class="mdc-radio__native-control">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-1w3fg8qnhslabel" for="Radio-1w3fg8qnhs">Both Side + Back Storages</label>
</div>
</div>
</div>
</div>
<div class="row mt-3">
<div class="col-6">
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="openwall4" id="Radio-i62hlgjiq6" type="radio" class="mdc-radio__native-control" checked="">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-i62hlgjiq6label" for="Radio-i62hlgjiq6">None</label>
</div>
</div>
</div>
</div>
<div class="color-outer-color">
<div class="colors-section-wrapper wall-colors form-group mb-md-0 section-seprator">
<div class="row align-items-center mb-3">
<div class="col-6">
<h5 class="section-title no-underline mb-0">Wall Color</h5>
</div>
<div class="col-6 text-right">
<div class="price-box-type-2"></div>
</div>
</div>
<div class="color-shadow-box">
<div class="row">
<div class="col-12 mb-2">
<div class="colors-section-wrapper-label">
<h5 class="mb-0 no-underline">Basic</h5><label><span class="color-box-value" style="background: rgb(174, 143, 102);"></span><span class="color-box-name">(Red)</span></label>
</div>
</div>
<div class="col-12">
<div class="colors-section-wrapper-value">
<div class="colors-box-sec">
<div class="btn-group btn-group-toggle" data-toggle="buttons"></div>
</div>
</div>
</div>
</div>
</div>
<div class="extra-hightlight-box d-none"></div>
</div>
</div>
<div class="section-seprator">
<div class="colors-section-wrapper wall-colors disabled">
<div class="row align-items-center mb-3">
<div class="col-8">
<div class="d-flex mb-0">
<h5 class="section-title mb-0 no-underline">
<div class="checkbox">
<div class="secondary mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-checkbox--upgraded mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-checkbox--upgraded mdc-checkbox"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input ripple="RipplePropF" id="Checkbox-qk4geicdmo" type="checkbox" class="mdc-checkbox__native-control">
<div class="mdc-checkbox__background"><svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
<path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
</div><label id="Checkbox-qk4geicdmolabel" for="Checkbox-qk4geicdmo">Add Wainscot</label>
</div>
</div>
</h5>
<div class="colors-section-wrapper-label"><label><span class="color-box-name ml-1">(Full Building)</span></label></div>
</div>
</div>
<div class="col-4 text-right">
<div class="price-box-type-2"></div>
</div>
</div>
<div class="row align-items-center mb-3">
<div class="col-6">
<h5 class="section-title no-underline mb-0">Wainscot Color</h5>
</div>
<div class="col-6 text-right">
<div class="price-box-type-2"></div>
</div>
</div>
<div class="color-shadow-box disable-field">
<div class="row">
<div class="col-12 mb-2">
<div class="colors-section-wrapper-label">
<h5 class="mb-0 no-underline">Basic</h5><label><span class="color-box-value" style="background: rgb(18, 75, 138);"></span><span class="color-box-name">(Red)</span></label>
</div>
</div>
<div class="col-12">
<div class="colors-section-wrapper-value">
<div class="colors-box-sec">
<div class="btn-group btn-group-toggle" data-toggle="buttons"></div>
</div>
</div>
</div>
</div>
</div>
<div class="d-none">
<div class="price-row mb-2">
<aside class="price-row-left">
<div class="col-12">
<div class="d-flex mb-0">
<h5 class="section-title mb-0 no-underline">
<div class="checkbox">
<div class="secondary mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-checkbox--upgraded mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-checkbox--upgraded mdc-checkbox"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input ripple="RipplePropF" id="Checkbox-68vropmply" type="checkbox" class="mdc-checkbox__native-control">
<div class="mdc-checkbox__background"><svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
<path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
</div><label id="Checkbox-68vropmplylabel" for="Checkbox-68vropmply">Add Wainscot</label>
</div>
</div>
</h5>
<div class="colors-section-wrapper-label"><label><span class="color-box-name">(Full Building)</span></label></div>
</div>
</div>
</aside>
<aside class="price-box price-box-sm"></aside>
</div>
<div class="disabled price-row mb-3 align-items-start">
<aside class="price-row-left">
<div class="col-12">
<div class="section-title-wrapper mb-0">
<h5 class="section-title mb-0 no-underline">Color</h5>
<div class="colors-section-wrapper-label"><label><span class="color-box-value" style="background: rgb(18, 75, 138);"></span><span class="color-box-name">(Red)</span></label></div>
</div>
<div class="section-title-wrapper d-none accordion">
<div>
<div><button variant="link" type="button"><span class="icon icon-info-fill"></span> <span class="text">Learn More</span></button></div>
<div class="learnmore-info-box collapse show">
<div>Choose a color for your building’s Trim, all colors are available for the same price except for the premium colors. Premium colors are priced extra. Colors does not affect the delivery time.</div>
</div>
</div>
</div>
</div>
</aside>
<aside class="price-box price-box-sm"></aside>
</div>
<div class="extra-hightlight-box">
<div class="disable-field price-row m-0">
<aside class="price-row-left">
<aside class="colors-section-wrapper-value">
<div class="colors-box-sec">
<div class="btn-group btn-group-toggle" data-toggle="buttons"></div>
</div>
</aside>
</aside>
</div>
<div class="section-title-wrapper mb-2 mt-3"></div>
<div class="disable-field price-row m-0">
<aside class="price-row-left">
<aside class="colors-section-wrapper-value">
<div class="colors-box-sec primium-colors">
<div class="btn-group btn-group-toggle" data-toggle="buttons"></div>
</div>
</aside>
</aside>
</div>
</div>
</div>
</div>
</div>
</form><form>
<h6>Please Add "Front-LeanTo" or "Back-LeanTo"</h6>
<div class="color-outer-color">
<div class="colors-section-wrapper wall-colors form-group mb-md-0 section-seprator">
<div class="row align-items-center mb-3">
<div class="col-6">
<h5 class="section-title no-underline mb-0">Wall Color</h5>
</div>
<div class="col-6 text-right">
<div class="price-box-type-2"></div>
</div>
</div>
<div class="color-shadow-box">
<div class="row">
<div class="col-12 mb-2">
<div class="colors-section-wrapper-label">
<h5 class="mb-0 no-underline">Basic</h5><label><span class="color-box-value" style="background: rgb(174, 143, 102);"></span><span class="color-box-name">(Red)</span></label>
</div>
</div>
<div class="col-12">
<div class="colors-section-wrapper-value">
<div class="colors-box-sec">
<div class="btn-group btn-group-toggle" data-toggle="buttons"></div>
</div>
</div>
</div>
</div>
</div>
<div class="extra-hightlight-box d-none"></div>
</div>
</div>
<div class="section-seprator">
<div class="colors-section-wrapper wall-colors disabled">
<div class="row align-items-center mb-3">
<div class="col-8">
<div class="d-flex mb-0">
<h5 class="section-title mb-0 no-underline">
<div class="checkbox">
<div class="secondary mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-checkbox--upgraded mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-checkbox--upgraded mdc-checkbox"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input ripple="RipplePropF" id="Checkbox-wl0logsfo3" type="checkbox" class="mdc-checkbox__native-control">
<div class="mdc-checkbox__background"><svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
<path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
</div><label id="Checkbox-wl0logsfo3label" for="Checkbox-wl0logsfo3">Add Wainscot</label>
</div>
</div>
</h5>
<div class="colors-section-wrapper-label"><label><span class="color-box-name ml-1">(Full Building)</span></label></div>
</div>
</div>
<div class="col-4 text-right">
<div class="price-box-type-2"></div>
</div>
</div>
<div class="row align-items-center mb-3">
<div class="col-6">
<h5 class="section-title no-underline mb-0">Wainscot Color</h5>
</div>
<div class="col-6 text-right">
<div class="price-box-type-2"></div>
</div>
</div>
<div class="color-shadow-box disable-field">
<div class="row">
<div class="col-12 mb-2">
<div class="colors-section-wrapper-label">
<h5 class="mb-0 no-underline">Basic</h5><label><span class="color-box-value" style="background: rgb(18, 75, 138);"></span><span class="color-box-name">(Red)</span></label>
</div>
</div>
<div class="col-12">
<div class="colors-section-wrapper-value">
<div class="colors-box-sec">
<div class="btn-group btn-group-toggle" data-toggle="buttons"></div>
</div>
</div>
</div>
</div>
</div>
<div class="d-none">
<div class="price-row mb-2">
<aside class="price-row-left">
<div class="col-12">
<div class="d-flex mb-0">
<h5 class="section-title mb-0 no-underline">
<div class="checkbox">
<div class="secondary mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-checkbox--upgraded mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-checkbox--upgraded mdc-checkbox"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input ripple="RipplePropF" id="Checkbox-j83z1xne3a" type="checkbox" class="mdc-checkbox__native-control">
<div class="mdc-checkbox__background"><svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
<path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
</div><label id="Checkbox-j83z1xne3alabel" for="Checkbox-j83z1xne3a">Add Wainscot</label>
</div>
</div>
</h5>
<div class="colors-section-wrapper-label"><label><span class="color-box-name">(Full Building)</span></label></div>
</div>
</div>
</aside>
<aside class="price-box price-box-sm"></aside>
</div>
<div class="disabled price-row mb-3 align-items-start">
<aside class="price-row-left">
<div class="col-12">
<div class="section-title-wrapper mb-0">
<h5 class="section-title mb-0 no-underline">Color</h5>
<div class="colors-section-wrapper-label"><label><span class="color-box-value" style="background: rgb(18, 75, 138);"></span><span class="color-box-name">(Red)</span></label></div>
</div>
<div class="section-title-wrapper d-none accordion">
<div>
<div><button variant="link" type="button"><span class="icon icon-info-fill"></span> <span class="text">Learn More</span></button></div>
<div class="learnmore-info-box collapse show">
<div>Choose a color for your building’s Trim, all colors are available for the same price except for the premium colors. Premium colors are priced extra. Colors does not affect the delivery time.</div>
</div>
</div>
</div>
</div>
</aside>
<aside class="price-box price-box-sm"></aside>
</div>
<div class="extra-hightlight-box">
<div class="disable-field price-row m-0">
<aside class="price-row-left">
<aside class="colors-section-wrapper-value">
<div class="colors-box-sec">
<div class="btn-group btn-group-toggle" data-toggle="buttons"></div>
</div>
</aside>
</aside>
</div>
<div class="section-title-wrapper mb-2 mt-3"></div>
<div class="disable-field price-row m-0">
<aside class="price-row-left">
<aside class="colors-section-wrapper-value">
<div class="colors-box-sec primium-colors">
<div class="btn-group btn-group-toggle" data-toggle="buttons"></div>
</div>
</aside>
</aside>
</div>
</div>
</div>
</div>
</div>
</form><form>
<div class="row mb-4">
<div class="col-6">
<h5 class="section-title text-uppercase"> DOORS & WINDOWS</h5>
</div>
</div>
<div class="price-row mb-3">
<aside class="price-row-left">
<div class="col-12 p-0">
<div class="floating-label-input floating-label-inside border-0">
<div role="listbox" class="cpanelselect mdc-ripple-upgraded cpanelselect mdc-ripple-surface mdc-select"><i class="mdc-select__dropdown-icon"></i><select tabindex="0" id="active-wall" ripple="RipplePropF" class="mdc-select__native-control ">
<option value="c_b_l_w">Left</option>
<option value="c_b_r_w">Right</option>
<option value="c_b_f_w">Front</option>
<option value="c_b_b_w">Back</option>
</select><label class="mdc-floating-label mdc-floating-label--float-above">Active Wall</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
</aside>
</div>
<div class="price-row mb-4 d-none">
<aside class="price-row-left">
<div class="col-12 p-0">
<div class="floating-label-input floating-label-inside border-0 ">
<div role="listbox" class="cpanelselect mdc-ripple-upgraded cpanelselect mdc-ripple-surface mdc-select"><i class="mdc-select__dropdown-icon"></i><select tabindex="0" ripple="RipplePropF" class="mdc-select__native-control ">
<option value="DiamondWindowDoor">DiamondWindowDoor</option>
<option value="ADimaondWindowsDoorLeftKnob">ADimaondWindowsDoorLeftKnob</option>
<option value="ADoubleGlassDoorWalkDoor">ADoubleGlassDoorWalkDoor</option>
<option value="AhaifSectionalDoorDesign">AhaifSectionalDoorDesign</option>
<option value="ALiteDoor7">ALiteDoor7</option>
<option value="ASectionalDoor8">ASectionalDoor8</option>
<option value="Asoliddoor1">Asoliddoor1</option>
<option value="DoubleDeluxDoor">DoubleDeluxDoor</option>
<option value="haifSectionalDoorDesign">haifSectionalDoorDesign</option>
<option value="SectinalDoorWindow">SectinalDoorWindow</option>
<option value="Roll-Up">Roll-Up</option>
<option value="LiteDoor11">LiteDoor11</option>
<option value="LiteDoor4">LiteDoor4</option>
<option value="LiteDoor5">LiteDoor5</option>
<option value="LiteDoor9">LiteDoor9</option>
<option value="Sectional_Door">Sectional_Door</option>
<option value="Walkin">Walkin</option>
<option value="SolidWalkDoor">SolidWalkDoor</option>
<option value="Window">Window</option>
<option value="Litewindow35">Litewindow35</option>
<option value="Litewindow23">Litewindow23</option>
</select><label class="mdc-floating-label mdc-floating-label--float-above">Select Door</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
</aside>
</div>
<div class="price-row mb-3">
<aside class="price-row-left d-block">
<div class="col-12 p-0">
<div class="">
<h5 class="section-title no-underline">Front Wall</h5>
<div class="w-full accordion-type-2 accordion">
<div class="shadow-none active card">
<div class="card-header"><button type="button" class="btn btn-link">
<div class="d-flex align-items-center"><span class="icon-roll-up-garage-door dw-icons"></span><span class="text ">Doors</span></div>
<div class=""><span class="icon icon-plus"></span></div>
</button></div>
<div class="collapse show">
<div class="card-body">
<div class="dorr-window-list-wrapper disabled">
<ul></ul>
</div>
</div>
</div>
</div>
<div class="shadow-none card">
<div class="card-header"><button type="button" class="btn btn-link">
<div class="d-flex align-items-center"><span class="icon-custom-framed-openings dw-icons"></span><span class="text">Framed Openings</span></div>
<div class=""><span class="icon icon-plus"></span></div>
</button></div>
<div class="collapse">
<div class="card-body">
<div class="dorr-window-list-wrapper">
<ul></ul>
</div>
</div>
</div>
</div>
<div class="shadow-none card">
<div class="card-header"><button type="button" class="btn btn-link">
<div class="d-flex align-items-center"><span class="icon-windows-frame-outs dw-icons"></span><span class="text ">Walk-in Door Frame-outs</span></div>
<div class=""><span class="icon icon-plus"></span></div>
</button></div>
<div class="collapse">
<div class="card-body">
<div class="dorr-window-list-wrapper">
<ul></ul>
</div>
</div>
</div>
</div>
<div class="shadow-none card">
<div class="card-header"><button type="button" class="btn btn-link">
<div class="d-flex align-items-center"><span class="icon-walk-in-doors dw-icons"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span></span><span class="text ">Walk-in
Doors</span></div>
<div class=""><span class="icon icon-plus"></span></div>
</button></div>
<div class="collapse">
<div class="card-body">
<div class="dorr-window-list-wrapper disabled">
<ul></ul>
</div>
</div>
</div>
</div>
<div class="shadow-none card">
<div class="card-header"><button type="button" class="btn btn-link">
<div class="d-flex align-items-center"><span class="icon-windows dw-icons"></span><span class="text ">Windows</span></div>
<div class=""><span class="icon icon-plus"></span></div>
</button></div>
<div class="collapse">
<div class="card-body">
<div class="dorr-window-list-wrapper disabled">
<ul></ul>
</div>
</div>
</div>
</div>
<div class="shadow-none card">
<div class="card-header"><button type="button" class="btn btn-link">
<div class="d-flex align-items-center"><span class="icon-windows-frame-outs dw-icons"></span><span class="text ">Window Frame-outs</span></div>
<div class=""><span class="icon icon-plus"></span></div>
</button></div>
<div class="collapse">
<div class="card-body">
<div class="dorr-window-list-wrapper">
<ul></ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</aside>
</div>
</form>Name: capturescreen —
<form id="capturescreen" name="capturescreen" class="capture-screen">
<div class="scrollbar-panel">
<div class="">
<div class=" capture-instruction ">
<p> Select a precise angle & zoom level to capture the best pictures of the building you designed. Click Capture Add a Title and Caption.</p>
</div>
<div class="clicking-capture-wrapper">
<div class="clicking-capture-box ">
<div class="clicking-capture-img"><img src="https://cdn.sensei3d.com/static/media/captureimg.20a65e02.svg"></div>
<div class="clicking-capture-cta"><a><span class="icon-camera-1 icon"></span></a></div>
</div>
</div>
<div class="no-images-found">
<div class="no-images-found-inner"><span class="side-icon"></span><span class="side-icon"></span><span class="side-icon"></span><span class="side-icon"></span>
<p>There are no building photos Captured. If you wish to capture the photos</p><a>Click Here</a>
</div>
</div>
</div>
</div>
<p class="testingscroll"></p>
</form>Name: configuration —
<form id="configuration" name="configuration">
<div class="section-seprator">
<div class="row mb-4">
<div class="col-6">
<h5 class="section-title text-uppercase">Notes & Extra</h5>
</div>
</div>
<div class="row mb-3">
<div class="col-12">
<div class="floating-label-input">
<div class="mdc-ripple-upgraded mdc-ripple-surface mdc-text-field mdc-text-field--upgraded mdc-text-field--textarea mdc-text-field--fullwidth">
<div class="mdc-text-field-character-counter">0 / 1000</div><textarea rows="2" maxlength="1000" id="textfield-y3du2i194u" class="mdc-text-field__input"></textarea><label class="mdc-floating-label" for="textfield-y3du2i194u">Notes</label>
<div class="mdc-line-ripple "></div>
</div>
<div class="mdc-text-field-helper-line">
<div class="mdc-text-field-helper-text mdc-text-field-helper-text--persistent"></div>
</div>
</div>
</div>
</div>
<div class="row mb-3">
<div class="col-6">
<h5 class="section-title no-underline">Job Site Level</h5>
</div>
<div class="col-6">
<div class="radio-group two-radio">
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="surface_level" id="Radio-lekgf1dmin" type="radio" class="mdc-radio__native-control" value="yes">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-lekgf1dminlabel" for="Radio-lekgf1dmin">Yes</label>
</div>
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="surface_level" id="Radio-rtv6l9qrt5" type="radio" class="mdc-radio__native-control" value="no">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-rtv6l9qrt5label" for="Radio-rtv6l9qrt5">No</label>
</div>
</div>
</div>
</div>
<div class="row mb-3">
<div class="col-6">
<h5 class="section-title no-underline">Inside City Limit</h5>
</div>
<div class="col-6">
<div class="radio-group two-radio">
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="inside_city" id="Radio-d7vblgl2zb" type="radio" class="mdc-radio__native-control" value="yes">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-d7vblgl2zblabel" for="Radio-d7vblgl2zb">Yes</label>
</div>
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="inside_city" id="Radio-j780wi5guf" type="radio" class="mdc-radio__native-control" value="no">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-j780wi5guflabel" for="Radio-j780wi5guf">No</label>
</div>
</div>
</div>
</div>
<div class="row mb-3">
<div class="col-6">
<h5 class="section-title no-underline">Installation Ready</h5>
</div>
<div class="col-6">
<div class="radio-group two-radio">
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="installation_ready" id="Radio-jpggw8y6c5" type="radio" class="mdc-radio__native-control" value="yes">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-jpggw8y6c5label" for="Radio-jpggw8y6c5">Yes</label>
</div>
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="installation_ready" id="Radio-6490r72dts" type="radio" class="mdc-radio__native-control" value="no">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-6490r72dtslabel" for="Radio-6490r72dts">No</label>
</div>
</div>
</div>
</div>
<div class="row mb-3">
<div class="col-6">
<h5 class="section-title no-underline">Electricity Available</h5>
</div>
<div class="col-6">
<div class="radio-group two-radio">
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="electricity" id="Radio-zbzi08fqdi" type="radio" class="mdc-radio__native-control" value="yes">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-zbzi08fqdilabel" for="Radio-zbzi08fqdi">Yes</label>
</div>
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="electricity" id="Radio-cvqdya5k1l" type="radio" class="mdc-radio__native-control" value="no">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-cvqdya5k1llabel" for="Radio-cvqdya5k1l">No</label>
</div>
</div>
</div>
</div>
<div class="row mb-3">
<div class="col-6">
<h5 class="section-title no-underline">Price Breakdown in PDF</h5>
</div>
<div class="col-6">
<div class="radio-group two-radio">
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="pdf_price_breakdown" id="Radio-nxh6u4mk18" type="radio" class="mdc-radio__native-control" value="1">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-nxh6u4mk18label" for="Radio-nxh6u4mk18">Yes</label>
</div>
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="pdf_price_breakdown" id="Radio-pout3m9ppof" type="radio" class="mdc-radio__native-control" value="0" checked="">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-pout3m9ppoflabel" for="Radio-pout3m9ppof">No</label>
</div>
</div>
</div>
</div>
<div class="row mb-3">
<div class="col-6">
<h5 class="section-title no-underline">Permit Required</h5>
</div>
<div class="col-6">
<div class="radio-group two-radio">
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="permit" id="Radio-09uzblc15" type="radio" class="mdc-radio__native-control" value="yes">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-09uzblc15label" for="Radio-09uzblc15">Yes</label>
</div>
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="permit" id="Radio-0nug2kj2kq" type="radio" class="mdc-radio__native-control" value="no">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-0nug2kj2kqlabel" for="Radio-0nug2kj2kq">No</label>
</div>
<div class="w-full mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="permit" id="Radio-movh5z8fji" type="radio" class="mdc-radio__native-control" value="cust_verify">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-movh5z8fjilabel" for="Radio-movh5z8fji">Customer to Verify</label>
</div>
</div>
</div>
</div>
<div class="row mb-2 mt-4">
<div class="col-6">
<h5 class="section-title no-underline">Additional Charges</h5>
</div>
</div>
<div class="row ">
<div class="col-6 mb-4">
<div class="floating-label-input">
<div class="astrick mdc-ripple-upgraded astrick mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input maxlength="8" name="grvy_value" id="textfield-aoltpdi0jn" type="text" class="mdc-text-field__input" value="0"><label
class="mdc-floating-label mdc-floating-label--float-above" for="textfield-aoltpdi0jn">Gravy</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
<div class="col-6 mb-4">
<div class="floating-label-input">
<div class="astrick mdc-ripple-upgraded astrick mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input maxlength="8" name="equipment_rental" id="textfield-lapcaj7ddq" type="text" class="mdc-text-field__input" value="0"><label
class="mdc-floating-label mdc-floating-label--float-above" for="textfield-lapcaj7ddq">Equipment Rental</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
<div class="col-6 mb-4">
<div class="floating-label-input">
<div class="astrick mdc-ripple-upgraded astrick mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input maxlength="8" name="document_fee" id="textfield-lm4hyj86w" type="text" class="mdc-text-field__input" value="0"><label
class="mdc-floating-label mdc-floating-label--float-above" for="textfield-lm4hyj86w">Document Fee</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
<div class="col-6 mb-4">
<div class="floating-label-input">
<div class="astrick mdc-ripple-upgraded astrick mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input maxlength="8" name="concrete_work" id="textfield-yon4q9u109" type="text" class="mdc-text-field__input" value="0"><label
class="mdc-floating-label mdc-floating-label--float-above" for="textfield-yon4q9u109">Concrete Work</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
<div class="col-6 mb-4">
<div class="floating-label-input">
<div class="astrick mdc-ripple-upgraded astrick mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input maxlength="8" name="ground_work" id="textfield-p79g5dgg3g" type="text" class="mdc-text-field__input" value="0"><label
class="mdc-floating-label mdc-floating-label--float-above" for="textfield-p79g5dgg3g">Ground Work</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
<div class="col-6 mb-4">
<div class="floating-label-input">
<div class="astrick mdc-ripple-upgraded astrick mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input maxlength="8" name="order_processing_fee" id="textfield-15yad3zvbb" type="text" class="mdc-text-field__input"
value="0"><label class="mdc-floating-label mdc-floating-label--float-above" for="textfield-15yad3zvbb">Processing Fee</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
<div class="col-6 mb-4">
<div class="floating-label-input">
<div class="astrick mdc-ripple-upgraded astrick mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input maxlength="8" name="delivery_fee" id="textfield-y2br49c4lu" type="text" class="mdc-text-field__input" value="0"><label
class="mdc-floating-label mdc-floating-label--float-above" for="textfield-y2br49c4lu">Delivery Fee</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
<div class="col-6 mb-4">
<div class="floating-label-input">
<div class="astrick mdc-ripple-upgraded astrick mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input maxlength="8" name="engineer_drawings" id="textfield-j8bzii0qlz" type="text" class="mdc-text-field__input" value="0"><label
class="mdc-floating-label mdc-floating-label--float-above" for="textfield-j8bzii0qlz">Engineer Drawings</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
<div class="col-6 mb-4">
<div class="floating-label-input">
<div class="astrick mdc-ripple-upgraded astrick mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input maxlength="8" name="freight" id="textfield-lww70799bki" type="text" class="mdc-text-field__input" value="0"><label
class="mdc-floating-label mdc-floating-label--float-above" for="textfield-lww70799bki">Freight Fee</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
<div class="col-6 mb-4">
<div class="floating-label-input">
<div class="astrick mdc-ripple-upgraded astrick mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input maxlength="8" name="extra_labour" id="textfield-2xv7vub92h" type="text" class="mdc-text-field__input" value="0"><label
class="mdc-floating-label mdc-floating-label--float-above" for="textfield-2xv7vub92h">Labor Fee</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
</div>
<div class="row ">
<div class="col-6 ">
<div class="floating-label-input">
<div class="astrick mdc-ripple-upgraded astrick mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input maxlength="8" name="processing_fee" id="textfield-6g5ryiqpay" type="text" class="mdc-text-field__input" value="0"><label
class="mdc-floating-label mdc-floating-label--float-above" for="textfield-6g5ryiqpay">CC Processing Fee</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
<div class="col-6">
<div class="radio-group two-radio cc-procesingfee">
<div class="w-full mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="dont_show_processing_fee_pdf" id="Radio-gt6i64da95" type="radio" class="mdc-radio__native-control" value="1"
checked="">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-gt6i64da95label" for="Radio-gt6i64da95">Include in Order</label>
</div>
<div class="w-full mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="dont_show_processing_fee_pdf" id="Radio-1hmolrpxd4" type="radio" class="mdc-radio__native-control" value="2">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-1hmolrpxd4label" for="Radio-1hmolrpxd4">Include in Invoice only</label>
</div>
</div>
</div>
</div>
</div>
</form>Name: configuration —
<form id="configuration" name="configuration" class="order-extra-form-ele d-none">
<div class="scrollbar-panel">
<div class="row">
<div class="section-seprator">
<div class="col-sm-12">
<div class="section-title-wrapper ">
<h5 class="section-title ">Others</h5>
</div>
</div>
<div class="col-12">
<div class="extra-hightlight-box">
<div class="row">
<div class="form-group col-sm-6">
<div class="floating-label-input">
<div class="astrick mdc-ripple-upgraded astrick mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input maxlength="8" name="grvy_value" id="textfield-8iemhlizvel" type="text" class="mdc-text-field__input" value="0"><label
class="mdc-floating-label mdc-floating-label--float-above" for="textfield-8iemhlizvel">Gravy</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
<div class="form-group col-sm-6">
<div class="floating-label-input">
<div class="astrick mdc-ripple-upgraded astrick mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input maxlength="8" name="equipment_rental" id="textfield-zddyfgn8ws" type="text" class="mdc-text-field__input"
value="0"><label class="mdc-floating-label mdc-floating-label--float-above" for="textfield-zddyfgn8ws">Equipment Rental</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
<div class="form-group col-sm-6">
<div class="floating-label-input">
<div class="astrick mdc-ripple-upgraded astrick mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input maxlength="8" name="document_fee" id="textfield-sa8pg8o2s6" type="text" class="mdc-text-field__input"
value="0"><label class="mdc-floating-label mdc-floating-label--float-above" for="textfield-sa8pg8o2s6">Document Fee</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
<div class="form-group col-sm-6">
<div class="floating-label-input">
<div class="astrick mdc-ripple-upgraded astrick mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input maxlength="8" name="surchargeFees" id="textfield-az4sqrwopp" type="text" class="mdc-text-field__input"
value="0"><label class="mdc-floating-label mdc-floating-label--float-above" for="textfield-az4sqrwopp">Surcharge Fee</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
<div class="form-group col-sm-6">
<div class="floating-label-input">
<div class="astrick mdc-ripple-upgraded astrick mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input maxlength="8" name="concrete_work" id="textfield-jtdbb2yeje" type="text" class="mdc-text-field__input"
value="0"><label class="mdc-floating-label mdc-floating-label--float-above" for="textfield-jtdbb2yeje">Concrete Work</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
<div class="form-group col-sm-6">
<div class="floating-label-input">
<div class="astrick mdc-ripple-upgraded astrick mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input maxlength="8" name="ground_work" id="textfield-b75me9xznx" type="text" class="mdc-text-field__input" value="0"><label
class="mdc-floating-label mdc-floating-label--float-above" for="textfield-b75me9xznx">Ground Work</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
<div class="form-group col-sm-6">
<div class="floating-label-input">
<div class="astrick mdc-ripple-upgraded astrick mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input maxlength="8" name="order_processing_fee" id="textfield-2df3yfjbsb" type="text" class="mdc-text-field__input"
value="0"><label class="mdc-floating-label mdc-floating-label--float-above" for="textfield-2df3yfjbsb">Processing Fee</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
<div class="form-group col-sm-6">
<div class="floating-label-input">
<div class="astrick mdc-ripple-upgraded astrick mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input maxlength="8" name="delivery_fee" id="textfield-fh8b2t6rye" type="text" class="mdc-text-field__input"
value="0"><label class="mdc-floating-label mdc-floating-label--float-above" for="textfield-fh8b2t6rye">Delivery Fee</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
<div class="form-group col-sm-6">
<div class="floating-label-input">
<div class="astrick mdc-ripple-upgraded astrick mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input maxlength="8" name="engineer_drawings" id="textfield-7fbguxxnnnl" type="text" class="mdc-text-field__input"
value="0"><label class="mdc-floating-label mdc-floating-label--float-above" for="textfield-7fbguxxnnnl">Engineer Drawings</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
<div class="form-group col-sm-6">
<div class="floating-label-input">
<div class="astrick mdc-ripple-upgraded astrick mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input maxlength="8" name="freight" id="textfield-fab7z5kqu2" type="text" class="mdc-text-field__input" value="0"><label
class="mdc-floating-label mdc-floating-label--float-above" for="textfield-fab7z5kqu2">Freight Fee</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
<div class="form-group col-sm-6">
<div class="floating-label-input">
<div class="astrick mdc-ripple-upgraded astrick mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input maxlength="8" name="extra_labour" id="textfield-xyknvdzkz4" type="text" class="mdc-text-field__input"
value="0"><label class="mdc-floating-label mdc-floating-label--float-above" for="textfield-xyknvdzkz4">Labor Fee</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
<div class="form-group col-sm-12">
<div class="floating-label-input">
<div class="astrick mdc-ripple-upgraded astrick mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input maxlength="8" name="processing_fee" id="textfield-2x2yqxp88" type="text" class="mdc-text-field__input"
value="0"><label class="mdc-floating-label mdc-floating-label--float-above" for="textfield-2x2yqxp88">Credit Card Processing Fee</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
<div class="form-group col-sm-12 align-self-center">
<div class="row">
<div class="col-12 radio mb-1 mb-sm-3">
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="dont_show_processing_fee_pdf" id="Radio-zkrkmis1z2" type="radio" class="mdc-radio__native-control"
value="1" checked="">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-zkrkmis1z2label" for="Radio-zkrkmis1z2">Include CC Fee in Order</label>
</div>
</div>
<div class="col-12 mt-2 mt-md-0">
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="dont_show_processing_fee_pdf" id="Radio-tjkh4m2mhg" type="radio" class="mdc-radio__native-control"
value="2">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-tjkh4m2mhglabel" for="Radio-tjkh4m2mhg">Include CC Fee in Invoice only</label>
</div>
</div>
</div>
</div>
<div class="mb-3 col-sm-12">
<div class="floating-label-input remove-helper-line">
<div class="mdc-ripple-upgraded mdc-ripple-surface mdc-text-field mdc-text-field--upgraded mdc-text-field--textarea mdc-text-field--fullwidth">
<div class="mdc-text-field-character-counter">0 / 1000</div><textarea rows="5" maxlength="1000" id="textfield-vmoi539o2l" class="mdc-text-field__input"></textarea><label class="mdc-floating-label"
for="textfield-vmoi539o2l">Notes</label>
<div class="mdc-line-ripple "></div>
</div>
<div class="mdc-text-field-helper-line">
<div class="mdc-text-field-helper-text mdc-text-field-helper-text--persistent"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mx-auto slide-panel-bottom d-none"><button type="button" class="btn btn-secondary mw-100"><span class="text ml-1">OK</span></button></div>
</form><form>
<div class="section-seprator">
<div class="row mb-4">
<div class="col-6">
<h5 class="section-title text-uppercase">Payments</h5>
</div>
</div>
<div class="w-full accordion-type-2 accordion">
<div class="card">
<div class="card-header"><button type="button" class="btn btn-link"><span class="text">Manufacturer Surcharge & Discount</span><span class="icon icon-plus"></span></button></div>
<div class="collapse">
<div class="card-body">
<div class="row mb-4">
<div class="col-12">
<div class="floating-label-input">
<div class="astrick mdc-ripple-upgraded astrick mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input maxlength="8" name="surchargeFees" id="textfield-m37exmpomt" type="text" class="mdc-text-field__input"
value="0"><label class="mdc-floating-label mdc-floating-label--float-above" for="textfield-m37exmpomt">Surcharge</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
</div>
<div class="row mb-2">
<div class="col-12 text-right">
<aside class="price-box"></aside>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="input-with-select">
<aside class="for-select floating-label-input">
<div role="listbox" class="mdc-ripple-upgraded mdc-ripple-surface mdc-select"><i class="mdc-select__dropdown-icon"></i><select tabindex="0" class="mdc-select__native-control ">
<option value="%">%</option>
<option value="$">$</option>
</select><label class="mdc-floating-label mdc-floating-label--float-above"></label>
<div class="mdc-line-ripple "></div>
</div>
</aside>
<aside class="for-input floating-label-input">
<div class="mdc-ripple-upgraded mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input name="quantity" id="textfield-ugn7oejt9q" type="text" class="mdc-text-field__input" value="0"><label
class="mdc-floating-label mdc-floating-label--float-above" for="textfield-ugn7oejt9q">Manufacturer Discount</label>
<div class="mdc-line-ripple "></div>
</div>
</aside>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header"><button type="button" class="btn btn-link"><span class="text">Tax Details</span><span class="icon icon-plus"></span></button></div>
<div class="collapse">
<div class="card-body">
<div class="row mb-1">
<div class="col-6">
<h5 class="section-title mb-0 no-underline">Tax 1</h5>
</div>
<div class="col-6 text-right">
<aside class="price-box">
<div class="edit-price-wrapper"><span class="saving-effect saving-effect-type-2"><span></span><span></span><span></span></span>
<div class="component-input d-none mdc-ripple-upgraded component-input d-none mdc-ripple-surface mdc-text-field mdc-text-field--upgraded mdc-text-field--disabled mdc-text-field--no-label"><input maxlength="5" disabled=""
id="textfield-pvpydnz6pm" type="text" class="mdc-text-field__input" value="">
<div class="mdc-line-ripple "></div>
</div>
<div class="no-cursor component-input mdc-ripple-upgraded no-cursor component-input mdc-ripple-surface mdc-text-field mdc-text-field--upgraded mdc-text-field--no-label"><input inputmode="numeric" maxlength="9" type="text"
id="textfield-r2tv5ah81mi" class="mdc-text-field__input" value="0">
<div class="mdc-line-ripple "></div>
</div>
</div>
</aside>
</div>
</div>
<div class="row mb-2">
<div class="col-6">
<div class="floating-label-input">
<div class="mdc-ripple-upgraded mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input name="zipcode" maxlength="5" id="textfield-lfm613qodu" type="text" class="mdc-text-field__input" value=""><label
class="mdc-floating-label" for="textfield-lfm613qodu">Zip Code</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
<div class="col-6">
<div class="floating-label-input floating-label-inside border-0">
<div role="listbox" class="cpanelselect mdc-ripple-upgraded cpanelselect mdc-ripple-surface mdc-select"><i class="mdc-select__dropdown-icon"></i><select tabindex="0" class="mdc-select__native-control ">
<option value="sales_tax">Sales Tax</option>
<option value="sur_tax">SurTax</option>
<option value="additional_tax">Additional Tax</option>
<option value="city_tax">City Tax</option>
<option value="county_tax">County Tax</option>
<option value="local_tax">Local Tax</option>
<option value="state_tax">State Tax</option>
<option value="federal_tax">Federal Tax</option>
<option value="indirect_tax">Indirect Tax</option>
<option value="material_tax">Material Tax</option>
</select><label class="mdc-floating-label mdc-floating-label--float-above">Tax Type</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="input-with-select">
<aside class="for-select floating-label-input">
<div role="listbox" class="mdc-ripple-upgraded mdc-ripple-surface mdc-select"><i class="mdc-select__dropdown-icon"></i><select tabindex="0" class="mdc-select__native-control ">
<option value="%">%</option>
<option value="$">$</option>
</select><label class="mdc-floating-label mdc-floating-label--float-above"></label>
<div class="mdc-line-ripple "></div>
</div>
</aside>
<aside class="for-input floating-label-input">
<div class="mdc-ripple-upgraded mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input name="quantity" maxlength="8" id="textfield-ci5ne0xiqq" type="text" class="mdc-text-field__input" value="0"><label
class="mdc-floating-label mdc-floating-label--float-above" for="textfield-ci5ne0xiqq">Tax Charges % Or $</label>
<div class="mdc-line-ripple "></div>
</div>
</aside>
</div>
</div>
</div>
<div class="row mt-3 add-remove-component">
<div class="col-12"><button type="button" class="btn btn-primary text-uppercase "><span class="icon icon-plus"></span><span class="text ml-1">Add</span></button></div>
</div>
<div class="row mt-4">
<div class="col-12">
<h5 class="section-title mb-0 no-underline">
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-checkbox--upgraded mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-checkbox--upgraded mdc-checkbox"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input id="Checkbox-cil2269bdj" type="checkbox" class="mdc-checkbox__native-control">
<div class="mdc-checkbox__background"><svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
<path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
</div><label id="Checkbox-cil2269bdjlabel" for="Checkbox-cil2269bdj">Tax Exempt</label>
</div>
</h5>
</div>
</div>
<div class="section-seprator d-none">
<div class="price-row">
<aside class="price-row-left">
<div class="col-12">
<div class="section-title-wrapper">
<h5 class="section-title mb-0">Tax</h5>
</div>
</div>
</aside>
<aside class="price-box">
<div class="edit-price-wrapper"><span class="saving-effect saving-effect-type-2"><span></span><span></span><span></span></span>
<div class="component-input d-none mdc-ripple-upgraded component-input d-none mdc-ripple-surface mdc-text-field mdc-text-field--upgraded mdc-text-field--disabled mdc-text-field--no-label"><input maxlength="5" disabled=""
id="textfield-5j177fg956" type="text" class="mdc-text-field__input" value="">
<div class="mdc-line-ripple "></div>
</div>
<div class="no-cursor component-input mdc-ripple-upgraded no-cursor component-input mdc-ripple-surface mdc-text-field mdc-text-field--upgraded mdc-text-field--no-label"><input inputmode="numeric" maxlength="9" type="text"
id="textfield-oebw1hlvd8" class="mdc-text-field__input" value="0">
<div class="mdc-line-ripple "></div>
</div>
</div>
</aside>
</div>
<div class="price-row">
<aside class="price-row-left">
<div class="col-12">
<div class=" mb-0">
<h5 class="section-title mb-0 no-underline">
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-checkbox--upgraded mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-checkbox--upgraded mdc-checkbox"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input id="Checkbox-41dw7cqofs" type="checkbox" class="mdc-checkbox__native-control">
<div class="mdc-checkbox__background"><svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
<path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
</div><label id="Checkbox-41dw7cqofslabel" for="Checkbox-41dw7cqofs">Tax Exempt</label>
</div>
</h5>
</div>
</div>
</aside>
</div>
<div class="tax-repeat-wrapper add-remove-component">
<div class="price-row mt-3">
<aside class="price-row-left flex-wrap">
<div class="col-12">
<div class="extra-hightlight-box no-radius-bottom-left no-radius-bottom-right">
<div class="floating-label-input">
<div class="mdc-ripple-upgraded mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input name="zipcode" maxlength="5" type="number" id="textfield-l743zldve6" class="mdc-text-field__input" value=""><label
class="mdc-floating-label" for="textfield-l743zldve6">Zip Code</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
</div>
<div class="col-12 ">
<div class="extra-hightlight-box no-radius-top-left no-radius-top-right no-radius-bottom-left no-radius-bottom-right">
<div class="floating-label-input floating-label-inside border-0">
<div role="listbox" class="cpanelselect mdc-ripple-upgraded cpanelselect mdc-ripple-surface mdc-select"><i class="mdc-select__dropdown-icon"></i><select tabindex="0" class="mdc-select__native-control ">
<option value="sales_tax">Sales Tax</option>
<option value="sur_tax">SurTax</option>
<option value="additional_tax">Additional Tax</option>
<option value="city_tax">City Tax</option>
<option value="county_tax">County Tax</option>
<option value="local_tax">Local Tax</option>
<option value="state_tax">State Tax</option>
<option value="federal_tax">Federal Tax</option>
<option value="indirect_tax">Indirect Tax</option>
<option value="material_tax">Material Tax</option>
</select><label class="mdc-floating-label mdc-floating-label--float-above">Tax Type</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
</div>
<div class="col-12">
<div class="extra-hightlight-box no-radius-top-left no-radius-top-right">
<div class="input-with-select">
<aside class="for-select floating-label-input">
<div role="listbox" class="mdc-ripple-upgraded mdc-ripple-surface mdc-select"><i class="mdc-select__dropdown-icon"></i><select tabindex="0" class="mdc-select__native-control ">
<option value="%">%</option>
<option value="$">$</option>
</select><label class="mdc-floating-label mdc-floating-label--float-above"></label>
<div class="mdc-line-ripple "></div>
</div>
</aside>
<aside class="for-input floating-label-input">
<div class="mdc-ripple-upgraded mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input name="quantity" maxlength="8" id="textfield-o9r7l7bv45" type="text" class="mdc-text-field__input" value="0"><label
class="mdc-floating-label mdc-floating-label--float-above" for="textfield-o9r7l7bv45">Tax Charges</label>
<div class="mdc-line-ripple "></div>
</div>
</aside>
</div>
<div class="mt-3"><button type="button" class="btn btn-primary text-uppercase "><span class="icon icon-plus"></span><span class="text ml-1">Add</span></button></div>
</div>
</div>
</aside>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="active card">
<div class="card-header"><button type="button" class="btn btn-link"><span class="text">Dealer Deposit & Discount</span><span class="icon icon-plus"></span></button></div>
<div class="collapse show">
<div class="card-body">
<div class="row mb-1">
<div class="col-12 text-right">
<aside class="price-box"></aside>
</div>
</div>
<div class="row mb-4">
<div class="col-12 ">
<div class="input-with-select">
<aside class="for-select floating-label-input">
<div role="listbox" class="mdc-ripple-upgraded mdc-ripple-surface mdc-select"><i class="mdc-select__dropdown-icon"></i><select tabindex="0" class="mdc-select__native-control ">
<option value="%">%</option>
<option value="$">$</option>
</select><label class="mdc-floating-label mdc-floating-label--float-above"></label>
<div class="mdc-line-ripple "></div>
</div>
</aside>
<aside class="for-input floating-label-input">
<div class="mdc-ripple-upgraded mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input name="quantity" id="textfield-bj1qonyjnv" type="text" class="mdc-text-field__input" value="0"><label
class="mdc-floating-label mdc-floating-label--float-above" for="textfield-bj1qonyjnv">Dealer Deposit</label>
<div class="mdc-line-ripple "></div>
</div>
</aside>
</div>
</div>
</div>
<div class="row mb-1">
<div class="col-12 text-right">
<aside class="price-box"></aside>
</div>
</div>
<div class="row ">
<div class="col-12 ">
<div class="input-with-select">
<aside class="for-select floating-label-input">
<div role="listbox" class="mdc-ripple-upgraded mdc-ripple-surface mdc-select"><i class="mdc-select__dropdown-icon"></i><select tabindex="0" class="mdc-select__native-control ">
<option value="%">%</option>
<option value="$">$</option>
</select><label class="mdc-floating-label mdc-floating-label--float-above"></label>
<div class="mdc-line-ripple "></div>
</div>
</aside>
<aside class="for-input floating-label-input">
<div class="mdc-ripple-upgraded mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input name="quantity" id="textfield-9w001mbxbrl" type="text" class="mdc-text-field__input" value="0"><label
class="mdc-floating-label mdc-floating-label--float-above" for="textfield-9w001mbxbrl">Dealer Discount</label>
<div class="mdc-line-ripple "></div>
</div>
</aside>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header"><button type="button" class="btn btn-link"><span class="text">Payment Mode</span><span class="icon icon-plus"></span></button></div>
<div class="collapse">
<div class="card-body">
<div class="row radio-group ">
<div class="col-5">
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="cash" id="Radio-ey9o8j2wod" type="radio" class="mdc-radio__native-control" value="cash" checked="">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-ey9o8j2wodlabel" for="Radio-ey9o8j2wod">Cash</label>
</div>
</div>
<div class="col-4">
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="finance" id="Radio-nlh1514ihw" type="radio" class="mdc-radio__native-control" value="cash">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-nlh1514ihwlabel" for="Radio-nlh1514ihw">Financing</label>
</div>
</div>
<div class="col-3">
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="rto" id="Radio-gnxjhdt68x" type="radio" class="mdc-radio__native-control" value="cash">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-gnxjhdt68xlabel" for="Radio-gnxjhdt68x">RTO</label>
</div>
</div>
<div class="col-5 pr-0">
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="certified_check" id="Radio-2exg751v9r" type="radio" class="mdc-radio__native-control" value="cash">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-2exg751v9rlabel" for="Radio-2exg751v9r">Certified Check</label>
</div>
</div>
<div class="col-5">
<div class="mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-ripple-surface mdc-ripple-surface--accent mdc-radio"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input name="money_order" id="Radio-9lxyro03b9" type="radio" class="mdc-radio__native-control" value="cash">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
</div><label id="Radio-9lxyro03b9label" for="Radio-9lxyro03b9">Money Order</label>
</div>
</div>
</div>
<div class="d-none">
<div class="row mt-4 mb-4">
<div class="col-12">
<div class="floating-label-input">
<div class="mdc-ripple-upgraded mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input name="finance_company" id="textfield-gybe6gfxqw" type="text" class="mdc-text-field__input" value=""><label
class="mdc-floating-label" for="textfield-gybe6gfxqw">Finance Company</label>
<div class="mdc-line-ripple "></div>
</div>
<div class="errorMessage" id="fnameErrorMessage"></div>
</div>
</div>
</div>
<div class="row mb-4">
<div class="col-6">
<div class="floating-label-input">
<div class="mdc-ripple-upgraded mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input name="application_id" id="textfield-sajnjr45bv" type="text" class="mdc-text-field__input" value=""><label
class="mdc-floating-label" for="textfield-sajnjr45bv">Application ID</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
<div class="col-6">
<div class="floating-label-input">
<div class="mdc-ripple-upgraded mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input name="quantity" id="textfield-1g2z6wlr2k" type="text" class="mdc-text-field__input" value=""><label class="mdc-floating-label"
for="textfield-1g2z6wlr2k">Plan No.</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="floating-label-input date-picker-input">
<div class="mdc-ripple-upgraded mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input type="date" name="expiry_date" id="textfield-dyfk4cn6ou" class="mdc-text-field__input" value=""><label
class="mdc-floating-label mdc-floating-label--float-above" for="textfield-dyfk4cn6ou">Expiry Date</label>
<div class="mdc-line-ripple "></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form><form class="container">
<div class="state-all-content more-ht">
<div class="state-change-top">
<div class="state-text-content">
<div class="state-text-logo"><img src="https://thorsteelstructures.sensei3d.com/logo.svg" class=""></div>
<div class="span-1">Dream, Design, Discuss</div>
<div class="span-3">Let’s get started.</div>
</div>
<div class="state-content-input-wrap state-only">
<div class="floating-label-input floating-label-inside text-left">
<div role="listbox" class="cpanelselect mdc-ripple-upgraded cpanelselect mdc-ripple-surface mdc-select"><i class="mdc-select__dropdown-icon"></i><select tabindex="0" id="threed_state_change" ripple="RipplePropF"
class="mdc-select__native-control ">
<option value="Select">Select</option>
<option value="1">Alabama</option>
<option value="2">Arizona</option>
<option value="3">Arkansas</option>
<option value="4">California</option>
<option value="5">Colorado</option>
<option value="6">Connecticut</option>
<option value="7">Delaware</option>
<option value="9">Georgia</option>
<option value="10">Idaho</option>
<option value="15">Kentucky</option>
<option value="16">Louisiana</option>
<option value="17">Maryland</option>
<option value="18">Massachusetts</option>
<option value="21">Mississippi</option>
<option value="23">Montana</option>
<option value="25">Nevada</option>
<option value="26">New Jersey</option>
<option value="27">New Mexico</option>
<option value="28">New York</option>
<option value="29">North Carolina</option>
<option value="31">Ohio</option>
<option value="33">Oregon</option>
<option value="34">Pennsylvania</option>
<option value="35">South Carolina</option>
<option value="37">Tennessee</option>
<option value="38">Texas</option>
<option value="40">Virginia</option>
<option value="41">West Virginia</option>
<option value="43">Wyoming</option>
<option value="44">Washington</option>
<option value="45">Maine</option>
<option value="46">New Hampshire</option>
<option value="47">Rhode Island</option>
<option value="48">Vermont</option>
<option value="49">Alaska</option>
</select><label class="mdc-floating-label">State</label>
<div class="mdc-line-ripple "></div>
</div>
</div><label class="choose-label d-none">Choose Your State for Installation</label>
<div class="checkbox">
<div class="secondary mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-checkbox--upgraded mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-checkbox--upgraded mdc-checkbox"
style="--mdc-ripple-fg-size: 12px; --mdc-ripple-fg-scale: 1.6666666666666667; --mdc-ripple-left: 4px; --mdc-ripple-top: 4px;"><input ripple="RipplePropF" id="threed_remember" type="checkbox" class="mdc-checkbox__native-control">
<div class="mdc-checkbox__background"><svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
<path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
</div><label id="threed_rememberlabel" for="threed_remember">Yes, I confirm my state</label>
</div>
</div>
<div class="text-left d-none"><span class="what-this d-none ml-0">Please confirm state</span></div>
<div class="change-state-cta"><button id="threed_proced-cta" class="btn-solid btn-block disabled"><span class="text">Design</span><span class="saving-effect"><span></span><span></span><span></span></span></button></div>
</div>
</div>
<div class="change-state-footer">
<div class="click-login-wrap">Click here for <a>Sales Login</a></div>
<div class="span-text"><span class="highlighted-text text-bold">Sensei 3D </span>sets the standard for how dreaming and designing metal buildings should feel - intuitive, full of options, and realistic.</div>
</div>
</div>
</form><form class="container">
<div class="state-all-content">
<div class="back-to-crm-state-wrapper back-to-zip"><a class="back-to-crm-state"><span class="icon-arrow-s2 icon"></span><span class="text">Go Back</span></a></div>
<div class="state-change-top">
<div class="state-text-content">
<div class="state-text-logo"><img src="https://thorsteelstructures.sensei3d.com/logo.svg" class=""></div>
<div class="span-1">Sales Login</div>
<div class="span-3">Let’s get started.</div>
</div>
<div class="floating-lbl-nw floating-label-input mb-4">
<div class="mdc-ripple-upgraded mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input name="username" id="username" type="text" class="mdc-text-field__input" value=""><label class="mdc-floating-label"
for="username">Username</label>
<div class="mdc-line-ripple "></div>
</div>
<div class="errorMessage" id="usernameErrorMessage"></div>
</div>
<div class="floating-lbl-nw floating-label-input mb-4">
<div class="mdc-ripple-upgraded mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input name="password" type="Password" id="textfield-odkb7v1snw" class="mdc-text-field__input" value=""><label class="mdc-floating-label"
for="textfield-odkb7v1snw">Password</label>
<div class="mdc-line-ripple "></div>
</div>
<div class="errorMessage" id="passwordErrorMessage"></div>
</div>
<div class="text-left ">
<div class="checkbox ">
<div class="secondary mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-checkbox--upgraded mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-checkbox--upgraded mdc-checkbox"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input ripple="RipplePropF" name="remember" id="Checkbox-pmscs0mnif" type="checkbox" class="mdc-checkbox__native-control">
<div class="mdc-checkbox__background"><svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
<path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
</div><label id="Checkbox-pmscs0mniflabel" for="Checkbox-pmscs0mnif">Remember Me</label>
</div>
</div>
</div>
<div class="change-state-cta mt-4 pt-2"><button class="btn-solid btn-block"><span class="text">LogIn</span><span class="saving-effect"><span></span><span></span><span></span></span></button></div>
</div>
<div class="change-state-footer">
<div class="span-text"><span class="highlighted-text text-bold">Sensei 3D </span>sets the standard for how dreaming and designing metal buildings should feel - intuitive, full of options, and realistic. </div>
</div>
</div>
</form><form>
<div class="row">
<div class="mb-3 col-12">
<h3 class="mb-0">Sales Login</h3>
</div>
<div class="mb-3 col-12">
<div class="floating-label-input">
<div class="mdc-ripple-upgraded mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input name="username" id="username" type="text" class="mdc-text-field__input" value=""><label class="mdc-floating-label"
for="username">Username</label>
<div class="mdc-line-ripple "></div>
</div>
<div class="errorMessage" id="usernameErrorMessage"></div>
</div>
</div>
<div class="mb-3 col-12">
<div class="floating-label-input">
<div class="mdc-ripple-upgraded mdc-ripple-surface mdc-text-field mdc-text-field--upgraded"><input name="password" type="Password" id="textfield-lynzbao9z3i" class="mdc-text-field__input" value=""><label class="mdc-floating-label"
for="textfield-lynzbao9z3i">Password</label>
<div class="mdc-line-ripple "></div>
</div>
<div class="errorMessage" id="passwordErrorMessage"></div>
</div>
</div>
<div class="mt-3 col-12 mb-2">
<div class="checkbox">
<div class="secondary mdc-form-field">
<div data-mdc-ripple-is-unbounded="true" class="mdc-checkbox--upgraded mdc-ripple-upgraded--unbounded mdc-ripple-upgraded mdc-checkbox--upgraded mdc-checkbox"
style="--mdc-ripple-fg-size: 0px; --mdc-ripple-fg-scale: NaN; --mdc-ripple-left: 0px; --mdc-ripple-top: 0px;"><input ripple="RipplePropF" name="remember" id="Checkbox-l11log64sr" type="checkbox" class="mdc-checkbox__native-control">
<div class="mdc-checkbox__background"><svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
<path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
</div><label id="Checkbox-l11log64srlabel" for="Checkbox-l11log64sr">Remember Me</label>
</div>
</div>
</div>
<div class="col-12 mt-4"><button type="submit" class="btn btn-secondary btn-with-label-arrow"><span class="text text-uppercase text-uppercase">LogIn</span> <span class="icon icon-arrow-s2 ml-4 arrow-left"></span></button></div>
</div>
</form>Text Content
You need to enable JavaScript to run this app.
* Contact for pricing +1 (336) 793-4478 Email us
Call for Pricing+1 (336) 793-4478
Price
SUBTOTAL
$0
DEPOSIT
$0.00
▼
Contact for pricing +1 (336) 793-4478 Email us
Call for Pricing+1 (336) 793-4478
*
2D Drawing2D Drawing
PLEASE WAIT...
We're preparing 2D Drawing
* Free Delivery
& Installation
* Tools
▼
* Center Align
* Measurements
* Frame Only
* Inside
* Rotate
* background
* Full View
* Zoom In
* Zoom Out
* background
* Summary
* Sales Login
Summary
PRICING DETAILS
BUILDING INFO
* Building Amount
$0
* Manufacturer Discount
$0
* Sub Total
$0
* Sub Total With Gravy
$NaN
* Dealer Deposit
$0
* Dealer Discount
$(0)
* Card Processing Fee
$0
* Gravy
$0.00
* Downpayment
$0.00
* Sub Total - Deposit
$0
* Tax on Sub Total
* Additional Charges
$0
* Due Upon Installation
$0
* Grand Total
$0
* Contact for pricing +1 (336) 793-4478 Email us
Call for Pricing+1 (336) 793-4478
Prices are subject to change based on regional permits and certifications
following inspection.
BUILDING TYPE
ROOF STYLE
0
INSTALLATION SURFACE
Concrete
BASE
Installation State:
Building Name:
Roof Style:0
0
Installation Surface:Concrete
Concrete
BUILDING DIMENSION
Size (WxL):12' x 21'
12' x 21'
$0.00
Height (H):8 Feet
8 Feet
$0.00
Gauge:0 ga.
0.00 ga.
Wind/Snow:0
0
$0.00
WALLS
Front End:
$0.00
Back End:
$0.00
Left Side:
$0.00
Right Side:
$0.00
COLORS
Roof:Red
Red
$0.00
Trim:Red
Red
$0.00
Jobsite Level:Yes
Yes
Power Available:Yes
Yes
DISCLAIMER
Prices will vary according to location, incentives and discounts at the time of
estimate. Contact your Building Consultant to receive exact pricing of your
quote!
* Grand Total
$0.00
Save Quote
Quote
Save Quote
* Prices will vary according to location, incentives and discounts at the time
of estimate. Contact your Building Consultant to receive exact pricing of
your quote!
Capture
'Set a great angle & zoom level on the screen and click “CAPTURE”'
Tools
▼
* Center Align
* Measurements
* Frame Only
* Inside
* Rotate
* background
* Full View
* Zoom In
* Zoom Out
* background
12’ W x 21’ L x 8’ H
$0 ClickforPhotosMobile
Design
Price
SUBTOTAL
$0
DEPOSIT
$0.00
▼
CUSTOM SIZE $0
$0
0 / 500
Additional Notes
Done
CloneRemoveDone
* Powered by -
Summary
Configure
Building Type
Built & Size
Sides & Ends
Colors
Doors &
Windows
Options
Summary
Disclaimer
* Deposit (10%)
$0
* Price & Summary
$0
BUILDING TYPE
NextBuilt & Size
COLORS
ROOF COLOR
BASIC
(Red)
ROOF
(Red)
Learn More
Choose a color for your building’s Roof, all colors are available for the same
price except for the premium colors. Premium colors are priced extra. Colors
does not affect the delivery time.
TRIM COLOR
BASIC
(Red)
TRIM
(Red)
Learn More
Choose a color for your building’s Trim, all colors are available for the same
price except for the premium colors. Premium colors are priced extra. Colors
does not affect the delivery time.
ADD WAINSCOT
(Full Building)
WAINSCOT COLOR
BASIC
(Red)
ADD WAINSCOT
(Full Building)
COLOR
(Red)
Learn More
Choose a color for your building’s Trim, all colors are available for the same
price except for the premium colors. Premium colors are priced extra. Colors
does not affect the delivery time.
COLORS
Learn More
Size is the standard tubing used on the framing of the metal buildings, it is 2
1/2’’ square tubing. The optional thicker 12 gauge tubing is 2 1/4’’ square
tubing. Framing on the 12 gauge tubing.
DISCLAIMER
Due to the variations in monitors and browsers, the color samples displayed on
this tool may appear different on different monitors and devices.
Computer monitors are not all calibrated equally and color reproduction on the
Internet is not precise. Since it is not possible to guarantee our online colors
will look the same on all computers, we do not guarantee that what you see
accurately portrays the color of the actual color of the Sheet Metal.
We do our very best to make sure our samples are as close to the exact product
as possible, but cannot guarantee that what you see is an exact sample. If it is
important that the sample be exact, it is highly recommended that once you
contact us.
NextDoors & Windows
BUILDING NAME
Change
Roof Style
SIZE
Width
Length
POPULAR SIZES
HEIGHT
Height
Distance on Center
Regenerate
* You can add value between 2 to 10(Only Visual)
ROOF PITCH
GAUGE
NextLean To’s
LEAN TO’S
WRAP
WRAP
Remove legs
WRAP
WRAP
NextWalls
SIDES & ENDS
Vertical Panels
Center Building
Open
Fully Enclosed
Front Wall
Back Wall
Left Wall
Right Wall
STORAGE
Back Storage
Left Storage
Right Storage
Both Side Storages
Both Side + Back Storages
None
Open
Fully Enclosed
Front Wall
Back Wall
Left Wall
Right Wall
STORAGE
Back Storage
Left Storage
Right Storage
Both Side Storages
Both Side + Back Storages
None
WALL COLOR
BASIC
(Red)
ADD WAINSCOT
(Full Building)
WAINSCOT COLOR
BASIC
(Red)
ADD WAINSCOT
(Full Building)
COLOR
(Red)
Learn More
Choose a color for your building’s Trim, all colors are available for the same
price except for the premium colors. Premium colors are priced extra. Colors
does not affect the delivery time.
NextColors
PLEASE ADD "FRONT-LEANTO" OR "BACK-LEANTO"
WALL COLOR
BASIC
(Red)
ADD WAINSCOT
(Full Building)
WAINSCOT COLOR
BASIC
(Red)
ADD WAINSCOT
(Full Building)
COLOR
(Red)
Learn More
Choose a color for your building’s Trim, all colors are available for the same
price except for the premium colors. Premium colors are priced extra. Colors
does not affect the delivery time.
Next(Colors)
DOORS & WINDOWS
LeftRightFrontBackActive Wall
DiamondWindowDoorADimaondWindowsDoorLeftKnobADoubleGlassDoorWalkDoorAhaifSectionalDoorDesignALiteDoor7ASectionalDoor8Asoliddoor1DoubleDeluxDoorhaifSectionalDoorDesignSectinalDoorWindowRoll-UpLiteDoor11LiteDoor4LiteDoor5LiteDoor9Sectional_DoorWalkinSolidWalkDoorWindowLitewindow35Litewindow23Select
Door
FRONT WALL
Doors
Framed Openings
Walk-in Door Frame-outs
Walk-in Doors
Windows
Window Frame-outs
INSTRUCTIONS
Add
Add items using the buttons below. Then, move the mouse to place them on the
building.
Edit
Select the Component >> Click on the EDIT icon to update the style, size, or
features of selected component.
* Garage DoorAdd
* Walk-in DoorAdd
* WindowAdd
* Framed OpeningsAdd
* Walk-in Door
Frame-outAdd
* Window
Frame-outAdd
Components are added on the HIGHLIGHTED WALL on the building. Rotate to
highlight the wall to place a component on it.
INSTRUCTIONS
Add
Add items using the buttons below. Then, move the mouse to place them on the
building.
Edit
Select the Component >> Click on the EDIT icon to update the style, size, or
features of selected component.
* Garage DoorAdd
* Walk-in DoorAdd
* WindowAdd
* Framed OpeningsAdd
* Walk-in Door
Frame-outAdd
* Window
Frame-outAdd
Components are added on the HIGHLIGHTED WALL on the building. Rotate to
highlight the wall to place a component on it.
INSTRUCTIONS
Add
Add items using the buttons below. Then, move the mouse to place them on the
building.
Edit
Select the Component >> Click on the EDIT icon to update the style, size, or
features of selected component.
* Garage DoorAdd
* Walk-in DoorAdd
* WindowAdd
* Framed OpeningsAdd
* Walk-in Door
Frame-outAdd
* Window
Frame-outAdd
Components are added on the HIGHLIGHTED WALL on the building. Rotate to
highlight the wall to place a component on it.
Edit the Building Height to put a larger size garage door.
Height
NextExtra Options
CAPTURE BUILDING PICTURES
Select a precise angle & zoom level to capture the best pictures of the building
you designed. Click Capture Add a Title and Caption.
There are no building photos Captured. If you wish to capture the photos
Click Here
NextNotes & Extra
NOTES & EXTRA
0 / 1000
Notes
JOB SITE LEVEL
Yes
No
INSIDE CITY LIMIT
Yes
No
INSTALLATION READY
Yes
No
ELECTRICITY AVAILABLE
Yes
No
PRICE BREAKDOWN IN PDF
Yes
No
PERMIT REQUIRED
Yes
No
Customer to Verify
ADDITIONAL CHARGES
Gravy
Equipment Rental
Document Fee
Concrete Work
Ground Work
Processing Fee
Delivery Fee
Engineer Drawings
Freight Fee
Labor Fee
CC Processing Fee
Include in Order
Include in Invoice only
OTHERS
Gravy
Equipment Rental
Document Fee
Surcharge Fee
Concrete Work
Ground Work
Processing Fee
Delivery Fee
Engineer Drawings
Freight Fee
Labor Fee
Credit Card Processing Fee
Include CC Fee in Order
Include CC Fee in Invoice only
0 / 1000
Notes
OK
NextDeposits & Taxes
PAYMENTS
Manufacturer Surcharge & Discount
Surcharge
%$
Manufacturer Discount
Tax Details
TAX 1
Zip Code
Sales TaxSurTaxAdditional TaxCity TaxCounty TaxLocal TaxState TaxFederal
TaxIndirect TaxMaterial TaxTax Type
%$
Tax Charges % Or $
Add
TAX EXEMPT
TAX
TAX EXEMPT
Zip Code
Sales TaxSurTaxAdditional TaxCity TaxCounty TaxLocal TaxState TaxFederal
TaxIndirect TaxMaterial TaxTax Type
%$
Tax Charges
Add
Dealer Deposit & Discount
%$
Dealer Deposit
%$
Dealer Discount
Payment Mode
Cash
Financing
RTO
Certified Check
Money Order
Finance Company
Application ID
Plan No.
Expiry Date
Save Quote
Quote
Save Quote
Prices are subject to change based on regional permits and certifications
following inspection.
BUILDING TYPE
ROOF STYLE
0
INSTALLATION SURFACE
Concrete
BASE
Installation State:
Building Name:
Roof Style:0
0
Installation Surface:Concrete
Concrete
BUILDING DIMENSION
Size (WxL):12' x 21'
12' x 21'
$0.00
Height (H):8 Feet
8 Feet
$0.00
Gauge:0 ga.
0.00 ga.
Wind/Snow:0
0
$0.00
WALLS
Front End:
$0.00
Back End:
$0.00
Left Side:
$0.00
Right Side:
$0.00
COLORS
Roof:Red
Red
$0.00
Trim:Red
Red
$0.00
Jobsite Level:Yes
Yes
Power Available:Yes
Yes
DISCLAIMER
Prices will vary according to location, incentives and discounts at the time of
estimate. Contact your Building Consultant to receive exact pricing of your
quote!
* Grand Total
$0.00
Save Quote
Quote
Save Quote
▼
* Print
THOR STEEL STRUCTURES INC.
* 105 Lola Ln, Pilot Mountain, 27041
* Michelle@thorsteelstructures.com
* +1 (336) 793-4478
Building Details
* Roof Color: Red
* Trim Color: Red
* Sides/Ends Color: Red
* Wainscot Color: Red
* Installation State:
* Jobsite Level?yes
* Electricity Available?yes
* Installation Surface? Concrete
Installation State
Building Name
Roof Style
0
Installation Surface
Concrete
Building Dimension
12 ’W 21 ’L 8 ’H
Guage
0 Guage
Roof Pitch
0
Wind/Snow Rating
0
Distance on Center
5 Feet
12 ’W 21 ’L 018 ’H 1Uncertified101Front Wall (Open)1Back Wall (Open)1Left
Wall (Open)1Right Wall (Open)1
Building View
Front View
Terms & Conditions
NO AGENCY
The Dealer named on the face of this Order is NOT an agent of Seller for any
purpose except receipt of the Deposit. No representation or agreement by the
Dealer is binding on the seller.
REJECTION OF ORDER & CANCELLATION OF CONTRACT
Seller reserves the right, at any time before installation of the Unit, to
reject this Order or cancel this contract by notice in writing to Buyer. Upon
giving such notice, Seller will refund any deposit received from Buyer. Buyer
agrees that such refund shall be Buyer’s exclusive remedy for such
cancellation.
LEGAL AUTHORITY FOR INSTALLATION
Before installation of the Unit, Buyer shall locate and mark any underground
utilities and obtain every permit or other authorization required for the
lawful erection of the Unit on that certain site (the “site”, designated by
Buyer upon the property specified on the face hereof if Buyer fails! To
obtain any such required permit or authorization: (i) such failure voids any
and all warranties otherwise applicable to the Unit, and (ii) Buyer shall
indemnify and hold Seller harmless for all damages or costs, including
attorney fees, which Seller may incur as a result thereof, Seller will
install the Unit or the Site; BUT, if Seller delivers the unassembled Unit
and installation is not completed due to Buyer’s breach of contract by
failure to obtain any required permit or by any other failure to adequately
prepare the site, Seller may, in its sole discretion, terminate this contract
and retain Buyer’s deposit as liquidated damage for Buyer’s breach.
SITE PREPARATION
Before delivery, Buyer shall designate a site on the property identified as
the Location on the face hereof and prepare such site for installation of the
Unit, which preparation shall include making the site level, removing all
electrical wire less than 15 feet above the intended height of the Unit,
removing all underground utilities below the site, and any other improvement
reasonably necessary. If Seller determines that the site is not prepared or
suitable for installation, Seller may, at its option, terminate this contract
or make such further improvements as may be reasonably necessary
SCHEDULING DELIVERY AND INSTALLATION
After the order and proper permits are received which will be two to four
days in advance of the installation date. The scheduling department must
speak with you to confirm the installation date. Buyer may, by written notice
received by Seller not more than 7 days after Seller’s acceptance hereon, the
order is subject to any price increase that arises. In no event will Seller
be liable for any damage or consequential damages resulting from any delay in
delivery or installation of the unit. The average wait time is 6.8 weeks once
all required permits are received; however, this is not a guarantee. (Orders
placed late summer to early fall/winter could experience a delay due to
weather and/or holidays).
Customer Signature
* Reset
* Compare
* Save
* Order
* Share
Price
SUBTOTAL
$0
DEPOSIT
$0.00
▼
Dream, Design, Discuss
Let’s get started.
SelectAlabamaArizonaArkansasCaliforniaColoradoConnecticutDelawareGeorgiaIdahoKentuckyLouisianaMarylandMassachusettsMississippiMontanaNevadaNew
JerseyNew MexicoNew YorkNorth CarolinaOhioOregonPennsylvaniaSouth
CarolinaTennesseeTexasVirginiaWest VirginiaWyomingWashingtonMaineNew
HampshireRhode IslandVermontAlaskaState
Choose Your State for Installation
Yes, I confirm my state
Please confirm state
Design
Click here for Sales Login
Sensei 3D sets the standard for how dreaming and designing metal buildings
should feel - intuitive, full of options, and realistic.
LOADING...
Go Back
Sales Login
Let’s get started.
Username
Password
Remember Me
LogIn
Sensei 3D sets the standard for how dreaming and designing metal buildings
should feel - intuitive, full of options, and realistic.
* Sensei 3D
* Senseicrm
Design in 3D. Price with Confidence
When logged in, you can:
* Offer your customers great price and value.
* Retrieve & Edit your Quotes.
* Send orders from our Sensei CRM.
SALES LOGIN
Username
Password
Remember Me
LogIn
If you want to price with Senseicrm
Request a Login
WE’RE GENERATING YOUR ORDER…
We’re capturing your building pictures… You will see a secure checkout form on
next screen
PLEASE WAIT…
We’re preparing your building