SSF Cloud – AUH 2023
<form data-template-id=”8f34ad50-28a6-484c-8a09-f26f3d919a89″ class=”mixed-column-form” data-container=”true” style=”null”>
<style>
div[data-editorblocktype=Field-radioButtons] {
width:25%;
}
div[data-editorblocktype=Field-radioButtons] input {
width: auto;
height: auto;
margin-bottom: 3px;
float: right;
}
div[data-editorblocktype=Field-checkboxList] input,
div[data-editorblocktype=Field-checkbox] input {
width: auto;
height: auto;
margin-bottom: 3px;
margin-right: 8px;
float: left;
}
div[data-editorblocktype=Field-checkboxList] span.lp-checkboxListItem,
div[data-editorblocktype=Field-radioButtons] span.lp-radioButton {
/* This rule is needed to style all radio button fields. For product constraints each option is defined as input and label wrapped into a span*/
display: block;
margin: 2px;
}
form {
padding: 22px;
margin: 0 auto;
}
.mixed-column-form {
max-width: 450px;
}
.lp-form-header {
font-weight: bold;
text-align: center;
margin-bottom: 21px;
}
label {
margin: 0;
}
input {
border-radius: 3px;
border: 1px solid #333333;
height: 40px;
width: 100%;
margin-bottom: 8px;
text-indent: 10px;
}
input[type=”radio”] {
width: 1.5em;
height: 1.5em;
margin: 0 5px 0 0;
}
input[type=checkbox] {
width: 1.5em;
height: 1.5em;
margin: 0 5px 0 0;
vertical-align: middle;
}
select {
border-radius: 3px;
border: 1px solid #333333;
height: 40px;
width: 100%;
margin-bottom: 14px;
}
textarea {
border-radius: 3px;
border: 1px solid #333333;
margin-bottom: 28px;
height: 120px;
overflow: auto;
}
button {
border-radius: 3px;
border: 1px solid #333333;
height: 60px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: bottom;
margin-top: 12px;
font-weight: bold;
text-transform: uppercase;
}
.leftcolumn {
width: 49%;
display: inline-block;
}
.rightcolumn {
width: 49%;
display: inline-block;
}
.two-column-form-field-sets > div:nth-of-type(odd) {
display: inline-block;
width: 49%;
}
.two-column-form-field-sets > div:nth-of-type(even) {
display: inline-block;
width: 49%;
}
</style>
<div class=”wrapperContainer lp-form-header” data-container=”true”>
<div data-editorblocktype=”Image” style=””><div align=”Center” class=”imageWrapper” display=”inline-block” style=”” width=”100%”>
<img class=”” src=”https://assets-eur.mkt.dynamics.com/a5907ad0-1648-46ba-adc6-cf265e46801e/digitalassets/images/fd27c3fd-427d-ee11-8179-0022489a705d?ts=638349405290680416″ style=”max-height: 100%; max-width: 100%; box-sizing: border-box; margin: 0px; resize: none; position: static; zoom: 1; display: block;”>
</div>
</div><div data-editorblocktype=”Text” style=””>
<p><span style=”font-family:Segoe UI,Frutiger,Helvetica Neue,Arial,sans-serif;”>Register Now for Abu Dhabi</span></p>
</div>
</div>
<div class=”wrapperContainer” data-container=”true”>
</div>
<div class=”wrapperContainer leftcolumn” data-container=”true”>
<div data-editorblocktype=”Field-text” style=””>
<div class=”marketing-field”>
<div class=”lp-form-field” data-required-field=”true”><label class=”lp-label lp-ellipsis” for=”3f746946-34b4-442c-a677-e232cdd2bc40″ title=””><span style=”font-family:Segoe UI,Frutiger,Helvetica Neue,Arial,sans-serif;”>First Name</span> <span class=”lp-required” style=”color: rgb(255, 0, 0);”>*</span></label> <input aria-required=”true” class=”lp-form-fieldInput” id=”3f746946-34b4-442c-a677-e232cdd2bc40″ name=”3f746946-34b4-442c-a677-e232cdd2bc40″ pattern=”.*\S+.*” placeholder=”First” required=”required” title=”” type=”text” value=””></div>
</div>
</div>
</div>
<div class=”wrapperContainer rightcolumn” data-container=”true”>
<div data-editorblocktype=”Field-text” style=””>
<div class=”marketing-field”>
<div class=”lp-form-field” data-required-field=”true”><label class=”lp-label lp-ellipsis” for=”e1dfc514-f301-4cb2-855a-4c8fa8331207″ title=””><span style=”font-family:Segoe UI,Frutiger,Helvetica Neue,Arial,sans-serif;”>Last Name</span> <span class=”lp-required” style=”color: rgb(255, 0, 0);”>*</span></label> <input aria-required=”true” class=”lp-form-fieldInput” id=”e1dfc514-f301-4cb2-855a-4c8fa8331207″ name=”e1dfc514-f301-4cb2-855a-4c8fa8331207″ pattern=”.*\S+.*” placeholder=”Last” required=”required” title=”” type=”text” value=””></div>
</div>
</div>
</div>
<div class=”wrapperContainer” data-container=”true”>
<div data-editorblocktype=”Field-email” style=””>
<div class=”marketing-field”>
<div class=”lp-form-field”><span style=”font-family:Segoe UI,Frutiger,Helvetica Neue,Arial,sans-serif;”><label class=”lp-label lp-ellipsis” for=”7f685ebb-7c54-4cff-a1bc-772562d25c38″ title=””>Work Email </label> </span><span class=”lp-required” style=”color: rgb(255, 0, 0);”><span style=”font-family:Segoe UI,Frutiger,Helvetica Neue,Arial,sans-serif;”> *</span> </span> <input aria-required=”true” class=”lp-form-fieldInput” id=”7f685ebb-7c54-4cff-a1bc-772562d25c38″ name=”7f685ebb-7c54-4cff-a1bc-772562d25c38″ pattern=”[^@\s\\"<>)(\[\]:;,.]+(([.]{1}[^@\s\\"<>)(\[\]:;,.]+)+?|)@([^@\s\\"<>)(\[\]\+:;,\.-]+(((\.|\+|-|–)[^@\s\\"<>)(\[\]+:;,.-]+)+?|)([.][^0-9@\s\\"<>)(\[\]+:;,.-]+)+?)” placeholder=”Email” required=”required” title=”Please enter a valid email address like example@email.com” type=”email” value=””></div>
</div>
</div>
<div data-editorblocktype=”Field-phone” style=””>
<div class=”marketing-field”>
<div class=”lp-form-field” data-required-field=”true”><label class=”lp-label lp-ellipsis” for=”ac6a065d-364e-40d6-9a19-d9bf1ed4aa3e” title=””><span style=”font-family:Segoe UI,Frutiger,Helvetica Neue,Arial,sans-serif;”>Phone Number</span> <span class=”lp-required” style=”color: rgb(255, 0, 0);”>*</span></label> <input aria-required=”true” class=”lp-form-fieldInput” id=”ac6a065d-364e-40d6-9a19-d9bf1ed4aa3e” name=”ac6a065d-364e-40d6-9a19-d9bf1ed4aa3e” placeholder=”Phone” required=”required” title=”” type=”tel” value=””></div>
</div>
</div>
<div data-editorblocktype=”Field-text” style=””>
<div class=”marketing-field”>
<div class=”lp-form-field” data-required-field=”true”><label class=”lp-label lp-ellipsis” for=”ac9ddb60-616f-4f12-b4e2-9202f688ed2f” title=””><span style=”font-family:Segoe UI,Frutiger,Helvetica Neue,Arial,sans-serif;”>Company Name</span> <span class=”lp-required” style=”color: rgb(255, 0, 0);”>*</span></label> <input aria-required=”true” class=”lp-form-fieldInput” id=”ac9ddb60-616f-4f12-b4e2-9202f688ed2f” name=”ac9ddb60-616f-4f12-b4e2-9202f688ed2f” pattern=”.*\S+.*” placeholder=”Company” required=”required” title=”” type=”text” value=””></div>
</div>
</div><div data-editorblocktype=”Field-text” style=””>
<div class=”marketing-field”>
<div class=”lp-form-field” data-required-field=”true”><span style=”font-family:Segoe UI,Frutiger,Helvetica Neue,Arial,sans-serif;”><label class=”lp-label lp-ellipsis” for=”7646c7aa-3a6d-4b55-9a82-4d7a255a7eb3″ title=””>Job Title <span class=”lp-required” style=”color: rgb(255, 0, 0);”>*</span></label></span> <input aria-required=”true” class=”lp-form-fieldInput” id=”7646c7aa-3a6d-4b55-9a82-4d7a255a7eb3″ name=”7646c7aa-3a6d-4b55-9a82-4d7a255a7eb3″ pattern=”.*\S+.*” placeholder=”Title” required=”required” title=”” type=”text” value=””></div>
</div>
</div><div data-editorblocktype=”SubmitButtonBlock” style=””>
<p><button class=”lp-form-button lp-form-fieldInput” name=”submit9bcfb31a-4c8d-5ed3-8da5-91fad91518fb” type=”submit”>REGISTRATION</button></p>
</div>
</div>
<div class=”wrapperContainer leftcolumn” data-container=”true”>
</div>
<div class=”wrapperContainer rightcolumn” data-container=”true”>
</div>
<div class=”wrapperContainer leftcolumn” data-container=”true”>
</div>
<div class=”wrapperContainer rightcolumn” data-container=”true”>
</div>
</form>
