www.bexio.com
Open in
urlscan Pro
2606:4700::6812:bbc
Public Scan
Submitted URL: https://network.sretestroute14.cmh.dev.bexio.com/
Effective URL: https://www.bexio.com/en-CH/
Submission: On November 20 via api from US — Scanned from US
Effective URL: https://www.bexio.com/en-CH/
Submission: On November 20 via api from US — Scanned from US
Form analysis 1 forms found in the DOM
Name: wizardStepOne — POST
<form name="wizardStepOne" @submit.prevent="submitData" class="alpineForm w-full wizardFormStepOne md:grid md:gap-x-4 md:grid-cols-2" enctype="multipart/form-data" accept-charset="utf-8" method="post" novalidate=""
x-data="$nextTick(() => { $localStorage( { data: {"wizardStepOne":["firstname","lastname","phone_number","email","phone_prefix"]} }) })" :id="formId"
data-track-element="trial_request_step1_submit" id="wizardFormStepOne-1"><input type="hidden" name="action" value="app-trial-signup/frontend/verify-email"><input type="hidden" name="locale" value="en-CH"><input type="hidden" name="wizardId"
value="76201"><input type="hidden" name="website_conversion_page" value="__home__"><input type="hidden" name="absoluteUrl" value="https://www.bexio.com/en-CH/?gad_source=1&gclid=EAIaIQobChMIjp-7-6vqiQMV5aqDBx0FGBZWEAAYASAAEgJ69PD_BwE"><input
type="hidden" name="project" value="bexio_2"><input type="hidden" name="redirect" value="welcome"><input type="hidden" name="dataLayerEvent" value="mql">
<div class="input-master bx-validate mb-4 flex flex-col" id="firstname-wrapper" x-data="input({name:'firstname','value':'' })"><label class="bx-label ml-3 text-base" for="firstname" style="background-color: rgb(255, 255, 255);"> Firstname
</label><input type="text" name="firstname" id="firstname" class="bx-input p-3 text-base pr-11" data-validate="true" pattern=".*\S.*" maxlength="80" x-model="value">
<div class="input-action-group">
<div x-ref="validateIcon" class="bx-icon action-item w-10" tabindex="-1"><span class="icon-invalid is-invalid hidden"><svg height="20px" width="20px" class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path
d="M256 360c-13.25 0-23.1 10.74-23.1 24c0 13.25 10.75 24 23.1 24c13.25 0 23.1-10.75 23.1-24C280 370.7 269.3 360 256 360zM256 320c8.843 0 15.1-7.156 15.1-16V160c0-8.844-7.155-16-15.1-16S240 151.2 240 160v144C240 312.8 247.2 320 256 320zM504.3 397.3L304.5 59.38C294.4 42.27 276.2 32.03 256 32C235.8 32 217.7 42.22 207.5 59.36l-199.9 338c-10.05 16.97-10.2 37.34-.4218 54.5C17.29 469.5 35.55 480 56.1 480h399.9c20.51 0 38.75-10.53 48.81-28.17C514.6 434.7 514.4 414.3 504.3 397.3zM476.1 435.1C472.7 443.5 464.8 448 455.1 448H56.1c-8.906 0-16.78-4.484-21.08-12c-4.078-7.156-4.015-15.3 .1562-22.36L235.1 75.66C239.4 68.36 247.2 64 256 64c0 0-.0156 0 0 0c8.765 .0156 16.56 4.359 20.86 11.64l199.9 338C480.1 420.7 481.1 428.8 476.1 435.1z">
</path>
</svg></span><span class="icon-valid is-valid hidden"><svg height="20px" width="20px" class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path
d="M235.3 331.3C229.1 337.6 218.9 337.6 212.7 331.3L148.7 267.3C142.4 261.1 142.4 250.9 148.7 244.7C154.9 238.4 165.1 238.4 171.3 244.7L224 297.4L340.7 180.7C346.9 174.4 357.1 174.4 363.3 180.7C369.6 186.9 369.6 197.1 363.3 203.3L235.3 331.3zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 32C132.3 32 32 132.3 32 256C32 379.7 132.3 480 256 480C379.7 480 480 379.7 480 256C480 132.3 379.7 32 256 32z">
</path>
</svg></span></div>
</div>
</div>
<div class="input-master bx-validate mb-4 flex flex-col" id="lastname-wrapper" x-data="input({name:'lastname','value':'' })"><label class="bx-label ml-3 text-base" for="lastname" style="background-color: rgb(255, 255, 255);"> Lastname
</label><input type="text" name="lastname" id="lastname" class="bx-input p-3 text-base pr-11" data-validate="true" pattern=".*\S.*" maxlength="80" x-model="value">
<div class="input-action-group">
<div x-ref="validateIcon" class="bx-icon action-item w-10" tabindex="-1"><span class="icon-invalid is-invalid hidden"><svg height="20px" width="20px" class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path
d="M256 360c-13.25 0-23.1 10.74-23.1 24c0 13.25 10.75 24 23.1 24c13.25 0 23.1-10.75 23.1-24C280 370.7 269.3 360 256 360zM256 320c8.843 0 15.1-7.156 15.1-16V160c0-8.844-7.155-16-15.1-16S240 151.2 240 160v144C240 312.8 247.2 320 256 320zM504.3 397.3L304.5 59.38C294.4 42.27 276.2 32.03 256 32C235.8 32 217.7 42.22 207.5 59.36l-199.9 338c-10.05 16.97-10.2 37.34-.4218 54.5C17.29 469.5 35.55 480 56.1 480h399.9c20.51 0 38.75-10.53 48.81-28.17C514.6 434.7 514.4 414.3 504.3 397.3zM476.1 435.1C472.7 443.5 464.8 448 455.1 448H56.1c-8.906 0-16.78-4.484-21.08-12c-4.078-7.156-4.015-15.3 .1562-22.36L235.1 75.66C239.4 68.36 247.2 64 256 64c0 0-.0156 0 0 0c8.765 .0156 16.56 4.359 20.86 11.64l199.9 338C480.1 420.7 481.1 428.8 476.1 435.1z">
</path>
</svg></span><span class="icon-valid is-valid hidden"><svg height="20px" width="20px" class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path
d="M235.3 331.3C229.1 337.6 218.9 337.6 212.7 331.3L148.7 267.3C142.4 261.1 142.4 250.9 148.7 244.7C154.9 238.4 165.1 238.4 171.3 244.7L224 297.4L340.7 180.7C346.9 174.4 357.1 174.4 363.3 180.7C369.6 186.9 369.6 197.1 363.3 203.3L235.3 331.3zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 32C132.3 32 32 132.3 32 256C32 379.7 132.3 480 256 480C379.7 480 480 379.7 480 256C480 132.3 379.7 32 256 32z">
</path>
</svg></span></div>
</div>
</div>
<div id="phone-number-with-prefix" class="flex flex-row">
<div x-data="dropdownMaster({
multiSelectOnChangeEvent: '',
singleSelectOnChangeEvent: '',
searchOpen: '',
name: 'phone_prefix',
type: 'single-select',
data: {"+41":"+41","+49":"+49","+33":"+33","+39":"+39","+423":"+423","+43":"+43","+1":"+1","+7":"+7","+20":"+20","+27":"+27","+30":"+30","+31":"+31","+32":"+32","+34":"+34","+36":"+36","+40":"+40","+44":"+44","+45":"+45","+46":"+46","+48":"+48","+61":"+61","+64":"+64","+81":"+81","+82":"+82","+86":"+86","+90":"+90","+91":"+91","+213":"+213","+216":"+216","+350":"+350","+351":"+351","+352":"+352","+353":"+353","+354":"+354","+355":"+355","+356":"+356","+357":"+357","+358":"+358","+359":"+359","+370":"+370","+371":"+371","+372":"+372","+373":"+373","+374":"+374","+376":"+376","+377":"+377","+378":"+378","+380":"+380","+381":"+381","+382":"+382","+385":"+385","+386":"+386","+387":"+387","+389":"+389","+420":"+420","+421":"+421","+852":"+852","+966":"+966","+971":"+971","+972":"+972","+974":"+974"},
value:new Map(JSON.parse(localStorage.getItem('wizardStepOne'))).get('phone_prefix') ?? '+41' ,emptyOptionsMessage: 'No result'
,disableOnUrlParameter:1
,lastFavoriteIndex:5
})" x-bind="dropdown" x-ref="dropdown" class="dropdown-master w-phone-prefix inline-flex flex-grow-0 mr-4 is-focused" id="phone_prefix-wrapper"><input class="bx-input" x-model="value" data-validate="false" type="hidden" name="phone_prefix"
id="phone_prefix" required="" tabindex="-1" value="+41"><button x-bind="selectButton" x-ref="button" type="button" :aria-expanded="open" aria-haspopup="listbox" class="bx-dropdown-button" aria-expanded="false">
<div x-bind="placeholder" x-ref="placeholder" :class="value ? 'has-value' : ''" class="bx-placeholder ml-3 mr-10 has-value">+41</div><label class="bx-label ml-3 text-base" for="phone_prefix" style="background-color: rgb(255, 255, 255);"> Area
Code </label>
<div class="input-action-group">
<div class="bx-icon action-item"><span x-ref="toggleListIcon"><svg height="24px" width="24px" class="fill-current transform duration-300 ease-in-out no-validate rotate-0" :class="open ? '-rotate-180' : 'rotate-0'"
xmlns="https://www.w3.org/2000/svg" viewBox="0 0 384 512">
<path
d="M362.7 203.9l-159.1 144c-6.125 5.469-15.31 5.469-21.44 0L21.29 203.9C14.73 197.1 14.2 187.9 20.1 181.3C26.38 174.4 36.5 174.5 42.73 180.1L192 314.5l149.3-134.4c6.594-5.877 16.69-5.361 22.62 1.188C369.8 187.9 369.3 197.1 362.7 203.9z">
</path>
</svg></span></div>
</div>
</button>
<div x-bind="menuOptionsWrapper" class="menuOptionsWrapper" :class="{'show-backdrop':open}" style="display: none;">
<div class="close-icon lg:hidden">+</div>
<div x-bind="menuOptions" class="menuOptions"><input x-ref="search" x-bind="searchField" x-model="search" type="search" size="5" class="mt-3 ml-2 master-menu-search" placeholder="search..." style="display: none;">
<ul x-ref="ul" role="listbox" tabindex="-1" class="ul-dropdown" :aria-activedescendant="focusedOptionIndex ? name + 'Option' + focusedOptionIndex : null"><template x-for="(item, index) in Object.keys(options)" :key="item">
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}"><span
x-text="Object.values(options)[index]"></span></li>
</template>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption0"
aria-selected="false" class="text-link-on-light bg-blue-cerulean-100 rounded text-blue-denim-500"><span x-text="Object.values(options)[index]">+41</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption1"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+49</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption2"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+33</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption3"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+39</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption4"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+423</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption5"
aria-selected="false" class="text-blue-denim-500 last-favorite"><span x-text="Object.values(options)[index]">+43</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption6"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+1</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption7"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+7</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption8"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+20</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption9"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+27</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption10"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+30</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption11"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+31</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption12"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+32</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption13"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+34</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption14"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+36</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption15"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+40</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption16"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+44</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption17"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+45</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption18"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+46</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption19"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+48</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption20"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+61</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption21"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+64</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption22"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+81</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption23"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+82</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption24"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+86</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption25"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+90</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption26"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+91</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption27"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+213</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption28"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+216</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption29"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+350</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption30"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+351</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption31"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+352</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption32"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+353</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption33"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+354</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption34"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+355</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption35"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+356</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption36"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+357</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption37"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+358</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption38"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+359</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption39"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+370</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption40"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+371</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption41"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+372</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption42"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+373</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption43"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+374</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption44"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+376</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption45"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+377</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption46"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+378</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption47"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+380</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption48"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+381</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption49"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+382</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption50"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+385</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption51"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+386</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption52"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+387</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption53"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+389</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption54"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+420</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption55"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+421</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption56"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+852</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption57"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+966</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption58"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+971</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption59"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+972</span></li>
<li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
:class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex && lastFavoriteIndex > 0}" id="phone_prefixOption60"
aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+974</span></li>
<div x-show="!Object.keys(options).length" x-text="emptyOptionsMessage" class="relative z-40 px-3 py-2 cursor-default select-none" style="display: none;">No result</div>
</ul>
<div class="show-gradient"></div>
</div>
</div>
</div>
<div class="input-master bx-validate mb-4 w-full" id="phone_number-wrapper" x-data="input({name:'phone_number','value':'' })"><label class="bx-label ml-3 text-base" for="phone_number" style="background-color: rgb(255, 255, 255);"> Phone Number
</label><input type="tel" name="phone_number" id="phone_number" class="bx-input p-3 text-base pr-11" data-validate="true" pattern="^(?=(?:\D*\d){4,11}\D*$)[\d\s]*$" inputmode="tel" maxlength="255" required="" x-model="value">
<div class="input-action-group">
<div x-ref="validateIcon" class="bx-icon action-item w-10" tabindex="-1"><span class="icon-invalid is-invalid hidden"><svg height="20px" width="20px" class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path
d="M256 360c-13.25 0-23.1 10.74-23.1 24c0 13.25 10.75 24 23.1 24c13.25 0 23.1-10.75 23.1-24C280 370.7 269.3 360 256 360zM256 320c8.843 0 15.1-7.156 15.1-16V160c0-8.844-7.155-16-15.1-16S240 151.2 240 160v144C240 312.8 247.2 320 256 320zM504.3 397.3L304.5 59.38C294.4 42.27 276.2 32.03 256 32C235.8 32 217.7 42.22 207.5 59.36l-199.9 338c-10.05 16.97-10.2 37.34-.4218 54.5C17.29 469.5 35.55 480 56.1 480h399.9c20.51 0 38.75-10.53 48.81-28.17C514.6 434.7 514.4 414.3 504.3 397.3zM476.1 435.1C472.7 443.5 464.8 448 455.1 448H56.1c-8.906 0-16.78-4.484-21.08-12c-4.078-7.156-4.015-15.3 .1562-22.36L235.1 75.66C239.4 68.36 247.2 64 256 64c0 0-.0156 0 0 0c8.765 .0156 16.56 4.359 20.86 11.64l199.9 338C480.1 420.7 481.1 428.8 476.1 435.1z">
</path>
</svg></span><span class="icon-valid is-valid hidden"><svg height="20px" width="20px" class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path
d="M235.3 331.3C229.1 337.6 218.9 337.6 212.7 331.3L148.7 267.3C142.4 261.1 142.4 250.9 148.7 244.7C154.9 238.4 165.1 238.4 171.3 244.7L224 297.4L340.7 180.7C346.9 174.4 357.1 174.4 363.3 180.7C369.6 186.9 369.6 197.1 363.3 203.3L235.3 331.3zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 32C132.3 32 32 132.3 32 256C32 379.7 132.3 480 256 480C379.7 480 480 379.7 480 256C480 132.3 379.7 32 256 32z">
</path>
</svg></span></div>
</div>
</div>
</div>
<div class="input-master bx-validate mb-4 flex flex-col" id="email-wrapper" x-data="input({name:'email','value':'' })"><label class="bx-label ml-3 text-base" for="email" style="background-color: rgb(255, 255, 255);"> E-Mail </label><input
type="email" name="email" id="email" class="bx-input p-3 text-base pr-11" data-validate="true" pattern="^([\w\d.\-+_‘]+)@((?:[\-a-z0-9]+\.)+[a-z]{2,})$" inputmode="email" maxlength="255" required="" x-model="value">
<div class="input-action-group">
<div x-ref="validateIcon" class="bx-icon action-item w-10" tabindex="-1"><span class="icon-invalid is-invalid hidden"><svg height="20px" width="20px" class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path
d="M256 360c-13.25 0-23.1 10.74-23.1 24c0 13.25 10.75 24 23.1 24c13.25 0 23.1-10.75 23.1-24C280 370.7 269.3 360 256 360zM256 320c8.843 0 15.1-7.156 15.1-16V160c0-8.844-7.155-16-15.1-16S240 151.2 240 160v144C240 312.8 247.2 320 256 320zM504.3 397.3L304.5 59.38C294.4 42.27 276.2 32.03 256 32C235.8 32 217.7 42.22 207.5 59.36l-199.9 338c-10.05 16.97-10.2 37.34-.4218 54.5C17.29 469.5 35.55 480 56.1 480h399.9c20.51 0 38.75-10.53 48.81-28.17C514.6 434.7 514.4 414.3 504.3 397.3zM476.1 435.1C472.7 443.5 464.8 448 455.1 448H56.1c-8.906 0-16.78-4.484-21.08-12c-4.078-7.156-4.015-15.3 .1562-22.36L235.1 75.66C239.4 68.36 247.2 64 256 64c0 0-.0156 0 0 0c8.765 .0156 16.56 4.359 20.86 11.64l199.9 338C480.1 420.7 481.1 428.8 476.1 435.1z">
</path>
</svg></span><span class="icon-valid is-valid hidden"><svg height="20px" width="20px" class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path
d="M235.3 331.3C229.1 337.6 218.9 337.6 212.7 331.3L148.7 267.3C142.4 261.1 142.4 250.9 148.7 244.7C154.9 238.4 165.1 238.4 171.3 244.7L224 297.4L340.7 180.7C346.9 174.4 357.1 174.4 363.3 180.7C369.6 186.9 369.6 197.1 363.3 203.3L235.3 331.3zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 32C132.3 32 32 132.3 32 256C32 379.7 132.3 480 256 480C379.7 480 480 379.7 480 256C480 132.3 379.7 32 256 32z">
</path>
</svg></span></div>
</div><span class="bx-helper hidden opacity-0" data-blocked="Unfortunately the domain %domain% is not allowed for registration." data-invalid=""></span>
</div>
<div class="col-span-2 flex flex-col sm:flex-row-reverse items-center justify-center my-5"><button class="primary w-full md:w-auto bx-submit flex items-center justify-center px-4 py-2 button-size-m" :disabled="showLoadingSpinner()"><svg
height="16px" width="16px" class="fill-current animate-spin-slow text-white -ml-1 mr-3 hidden" :class="{'hidden': !showLoadingSpinner()}" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path
d="M207.4 20.36C209.8 28.88 204.8 37.69 196.3 40.04C101.5 66.19 32 152.1 32 255.1C32 379.7 132.3 479.1 256 479.1C379.7 479.1 480 379.7 480 255.1C480 152.1 410.5 66.19 315.7 40.04C307.2 37.69 302.2 28.88 304.6 20.36C306.9 11.85 315.7 6.847 324.3 9.198C432.5 39.07 512 138.2 512 255.1C512 397.4 397.4 511.1 256 511.1C114.6 511.1 0 397.4 0 255.1C0 138.2 79.51 39.07 187.7 9.198C196.3 6.847 205.1 11.85 207.4 20.36V20.36z">
</path>
</svg> Start a free trial now </button><a x-bind="closeModal" class="text-link inverted py-2 px-4" rel="nofollow noopener" data-track-element="trial_request_step1_cancel">
Cancel
</a></div>
</form>Text Content
MENU
* Features
* Prices
* Why bexio?
* Free 24/7 support
Free and competent assistance any time.
* Marketplace
60+ Apps that extend bexio functions.
* Academy
From helpful software training to exciting customer events.
* Industries
The perfect business software for your industry.
* An effective team
* bexio in 1 minute
* Help to get going
* Support
* Login
* Free trial
A Mobilière company
BECOME A PARTNER MARKETPLACE FIND A FIDUCIARY ABOUT US CONTACT LOGIN
DON'T MAKE THINGS COMPLICATED!
SME ADMINISTRATION MADE EASY.
More than 80'000 companies are already convinced by bexio – the simple
business software for the self-employed, small businesses and start-ups
* More time for what's really fun.
* Do your accounting almost twice as fast.
* Reduce administrative effort by more than a third.
* Free, reliable and personal 24/7 support.
Free trial bexio explained in 1 minute
BYE-BYE PAPERWORK – BEXIO MAKES YOUR ADMINISTRATION EASY
Lacking the time for new orders and marketing? No overview of your reams of
invoices? No patience for accounting? bexio offers all the functions needed to
successfully run a company: from intuitive contact management and preparation of
offers with an individual design, to quickly created invoices with automatic
reminders and an e-banking interface.
SAVE TIME
Automation saves up to 12 hours of office work per month.
FEED YOUR PIGGY BANK
Reduce your annual fiduciary costs by a third.
SWISS MADE SOFTWARE
Your data will be stored securely in Switzerland.
FREE 24/7 SUPPORT
Expert advice and support that is here for you – without hidden costs.
The solution for all those who have spent too much time on accounting. bexio
offers all the functions you need for your business.
* Contact management – your personal CRM
* Sales process – from quotation to invoice
* Expense management – process your expenses and receipts in an orderly manner
* Accounting – annual financial statements made easy
* Payroll accounting – optimised for Swiss small businesses
* E-banking – automatic reconciliation with a bank account
* Additional features – customised and for every need
Test it 30 days for free Learn more about all features
MORE THAN 80'000 SELF-EMPLOYED PEOPLE, SMALL BUSINESSES AND START-UPS ALREADY
TRUST BEXIO
FREDY ESPEJO
Januar Designbüro GmbH
Being a small design agency, time is precious and staying on top of everything
is crucial. bexio makes accounting simple and easy to use. That leaves more
space for creativity.
MATTHIAS KÖNIG
Wood Room GmbH
I can focus all of my efforts on my work and my clients. bexio helps me stay on
top of the administrative side of business.
MITCH MÜLLER & SHEILA AGUILAR
CEO & CFO, MECOS BOARDS
Review
With bexio we have found a Swiss business software that relieves our finance
management with its automated accounting and at the same time convinces with a
top service.
YOU TOO CAN RELY ON BEXIO LIKE OUR MORE THAN 80'000 SATISFIED COMPANIES
Business Profile
Reviews
rating from over 1430 Google reviews
4.0
STRONG PARTNERS
As a bexio customer you benefit from the cooperation with our reliable partners.
TEST OUT BEXIO NOW FOR 30 DAYS FREE OF CHARGE AND WITH NO OBLIGATION
Test all the features of bexio, the simple business software for your SME
administration.
Free trial
Any more questions? Give us a call: +41 71 552 00 61
You’d rather write? customers@bexio.com
FEATURES & PRICES
Overview of features Prices Contact management Sales process and expense
management Banking Accounting Payroll accounting bexio Go mobile app
COMPANY
About us Timeline Product & Update News Jobs & career Contact
CAMPUS
Quickstart guide for customers Free 24/7 support Academy - Events, webinars &
more Customer Success Stories
FIDUCIARY
Login Fiduciaries
FURTHER
Marketplace Find Fiduciary Developer API Industries Partner programmes
Support:
+41 71 552 00 60
Support: +41 71 552 00 60
Switzerland (English)
Schweiz (Deutsch) Suisse (Français) Svizzera (Italiano)
--------------------------------------------------------------------------------
Policies & GTC Privacy Policy Imprint
© bexio AG 2024
Close +
Free 24/7 support
Data stored securely in Switzerland
More than 80'000 customers
swiss made software
Start a free 30-day trial with no obligation
Hello free time! Start directly – no installation & payment needed.
Firstname
Lastname
+41
Area Code
+
* +41
* +49
* +33
* +39
* +423
* +43
* +1
* +7
* +20
* +27
* +30
* +31
* +32
* +34
* +36
* +40
* +44
* +45
* +46
* +48
* +61
* +64
* +81
* +82
* +86
* +90
* +91
* +213
* +216
* +350
* +351
* +352
* +353
* +354
* +355
* +356
* +357
* +358
* +359
* +370
* +371
* +372
* +373
* +374
* +376
* +377
* +378
* +380
* +381
* +382
* +385
* +386
* +387
* +389
* +420
* +421
* +852
* +966
* +971
* +972
* +974
No result
Phone Number
E-Mail
Start a free trial now Cancel
Your personal information is stored securely in Switzerland. See our privacy
policy for more details.
Close +
Congratulations! Just one more click...
We have sent you an email to {email}. Simply click on the confirmation link to
enjoy a non-binding 30-day trial of bexio free of charge!
If you have not received the email, please check your spam folder.
Close
Close +
Sorry - something didn't work properly.
An error occurred when registering your details. Please try again, and if the
problem persists, please contact our support team at info@bexio.com or call +41
(0)71 552 00 61.
Try again