116 lines
3.9 KiB
Plaintext
116 lines
3.9 KiB
Plaintext
|
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
|
||
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
|
||
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
||
|
|
|
||
|
|
|
||
|
|
<section class="h-100 gradient-form" >
|
||
|
|
<div class="container py-5 h-100">
|
||
|
|
<div class="row d-flex justify-content-center align-items-center h-100">
|
||
|
|
<div class="col-xl-6">
|
||
|
|
<div class="card rounded-3 text-black">
|
||
|
|
|
||
|
|
|
||
|
|
<div class="card-body p-md-5 mx-md-4">
|
||
|
|
|
||
|
|
<div class="text-center">
|
||
|
|
<img
|
||
|
|
alt="{{ current_school.name }}"
|
||
|
|
class="login-image mb-2"
|
||
|
|
src="{{ current_school.logo_url }}"
|
||
|
|
alt="logo">
|
||
|
|
/>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<form>
|
||
|
|
<p class="text-dark">Register for the Webinar</p>
|
||
|
|
|
||
|
|
<div class="form-outline mb-4">
|
||
|
|
<input type="email" id="jobTitle" class="form-control" />
|
||
|
|
<label class="form-label text-dark" for="form2Example22">Job title</label>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-outline mb-4">
|
||
|
|
<input type="email" id="organization" class="form-control" />
|
||
|
|
<label class="form-label text-dark" for="form2Example22">Organization</label>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-outline mb-4 seperate">
|
||
|
|
<div class="mr-3">
|
||
|
|
<input type="email" id="city" class="form-control"
|
||
|
|
placeholder="" />
|
||
|
|
<label class="form-label text-dark" for="form2Example11">City</label>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<input type="email" id="state" class="form-control"
|
||
|
|
placeholder="" />
|
||
|
|
<label class="form-label text-dark" for="form2Example11">State/Region</label>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="text-center pt-1 ">
|
||
|
|
<button class="register-btn btn btn-primary btn-block fa-lg gradient-custom-2 mb-3" type="button">Register</button>
|
||
|
|
<p class=" control-text ">Please fill all fields</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</form>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
|
||
|
|
<style>
|
||
|
|
.seperate {
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
.input-check {
|
||
|
|
color: red;
|
||
|
|
}
|
||
|
|
.login-image {
|
||
|
|
width:400px;}
|
||
|
|
@media screen and (max-width: 800px) {
|
||
|
|
.login-image {
|
||
|
|
width:250px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
document.getElementsByClassName("register-btn").onclick = function isEmpty(e) {
|
||
|
|
let x = document.getElementById("firstName");
|
||
|
|
let alert = document.querySelectorAll(".control-text");
|
||
|
|
if (x.length == "") {
|
||
|
|
alert.classList.add("input-check");
|
||
|
|
}
|
||
|
|
alert.classList.remove("input-check");
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
function setProperties(lang) {
|
||
|
|
var data = {
|
||
|
|
uuid : '{{current_person.id}}',
|
||
|
|
language : lang
|
||
|
|
};
|
||
|
|
$.ajax({
|
||
|
|
type : 'POST',
|
||
|
|
url : 'https://www.workato.com/webhooks/rest/bd1a1eb7-7e79-4208-a1db-8e9c7440bcc9/language-changed', //workato link
|
||
|
|
data: JSON.stringify(data),
|
||
|
|
success:function (data) {
|
||
|
|
console.log(data);
|
||
|
|
setTimeout(location.reload.bind(location), 700);
|
||
|
|
},
|
||
|
|
error: function(xhr, status, error) {
|
||
|
|
console.log(error)
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
</script>
|