Added: info
This commit is contained in:
@@ -53,4 +53,54 @@ async function copyCode(block, button) {
|
||||
setTimeout(() => {
|
||||
button.innerText = "copy";
|
||||
}, 700);
|
||||
}
|
||||
}
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const form = document.getElementById('cta-lead-form');
|
||||
const emailInput = document.getElementById('cta-email');
|
||||
const messageEl = document.getElementById('cta-message');
|
||||
const submitBtn = document.getElementById('cta-submit');
|
||||
|
||||
if (!form) {
|
||||
console.warn("Form not found");
|
||||
return;
|
||||
}
|
||||
|
||||
form.addEventListener('submit', function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
const email = emailInput.value.trim();
|
||||
messageEl.textContent = '';
|
||||
|
||||
if (!email) {
|
||||
messageEl.textContent = 'Vul alstublieft uw e-mailadres in.';
|
||||
return;
|
||||
}
|
||||
|
||||
submitBtn.disabled = true;
|
||||
submitBtn.textContent = 'Versturen…';
|
||||
|
||||
fetch('https://crm.start-it.nl/api/v1/LeadCapture/f802fa2121e89066c15f1d31cf74fad0', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify({ emailAddress: email })
|
||||
})
|
||||
.then(function (res) {
|
||||
if (!res.ok) throw new Error("Niet-ok: " + res.status);
|
||||
|
||||
// Succes!
|
||||
emailInput.value = '';
|
||||
messageEl.textContent = 'U ontvangt een bericht zodra de website live is.';
|
||||
})
|
||||
.catch(function (err) {
|
||||
console.error(err);
|
||||
messageEl.textContent = 'Er ging iets mis bij het versturen. Probeer het later opnieuw.';
|
||||
})
|
||||
.finally(function () {
|
||||
submitBtn.disabled = false;
|
||||
submitBtn.textContent = 'Verzonden';
|
||||
});
|
||||
});
|
||||
});
|
||||
@@ -216,10 +216,10 @@ a:hover {
|
||||
|
||||
display: inline-block;
|
||||
padding: 0.45rem 0.6rem;
|
||||
background: #207495;
|
||||
background: #4C9E81;
|
||||
color: #fff;
|
||||
border-radius: 4px;
|
||||
font-size: 0.75rem;
|
||||
font-size: 0.8rem;
|
||||
line-height: 1.4;
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
|
||||
@@ -413,7 +413,7 @@
|
||||
}
|
||||
|
||||
&>img {
|
||||
border-radius: 5px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
* {
|
||||
@@ -554,6 +554,14 @@
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.content img {
|
||||
border-radius: 12px;
|
||||
box-shadow: 0px 4px 12px #ccc;
|
||||
border: 1px solid #fff;
|
||||
object-fit: cover;
|
||||
max-height: 250px;
|
||||
width: 100%;
|
||||
}
|
||||
[data-tab-item] {
|
||||
padding-top: 10px;
|
||||
}
|
||||
@@ -566,4 +574,43 @@ blockquote,
|
||||
code {
|
||||
color:$color-primary;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
// feedback
|
||||
.feedback {
|
||||
padding-top: 50px;
|
||||
margin-top: 50px;
|
||||
border-top: 1px solid $border-color;
|
||||
|
||||
&-btn {
|
||||
display: inline-block;
|
||||
height: 45px;
|
||||
width: 45px;
|
||||
line-height: 45px;
|
||||
text-align: center;
|
||||
font-size: 25px;
|
||||
border-radius: 6px;
|
||||
border: 0;
|
||||
|
||||
&.positive {
|
||||
color: $white;
|
||||
background-color: $color-primary;
|
||||
margin-right: 10px;
|
||||
|
||||
&.collapsed {
|
||||
color: $color-primary;
|
||||
background-color: #00bec427;
|
||||
}
|
||||
}
|
||||
|
||||
&.negative {
|
||||
color: $white;
|
||||
background-color: #f9756e;
|
||||
|
||||
&.collapsed {
|
||||
color: #f9756e;
|
||||
background-color: #f9756e2a;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -10,28 +10,28 @@
|
||||
<div class="row gy-4">
|
||||
<div class="form-group col-md-6">
|
||||
<label for="fname">{{ i18n "first_name" }}</label>
|
||||
<input type="text" class="form-control text-dark" id="fname" name="fname" placeholder="Your First Name" required>
|
||||
<input type="text" class="form-control text-dark" id="fname" name="fname" placeholder="{{ i18n "ph_first_name" }}" required>
|
||||
</div>
|
||||
<div class="form-group col-md-6">
|
||||
<label for="lname">{{ i18n "last_name" }}</label>
|
||||
<input type="text" class="form-control text-dark" id="lname" name="lname" placeholder="Your Last Name">
|
||||
<input type="text" class="form-control text-dark" id="lname" name="lname" placeholder="{{ i18n "ph_last_name" }}">
|
||||
</div>
|
||||
<div class="form-group col-md-12">
|
||||
<label for="email">{{ i18n "email" }}</label>
|
||||
<input type="email" class="form-control text-dark" id="email" name="email" placeholder="Your Email Address" required>
|
||||
<input type="email" class="form-control text-dark" id="email" name="email" placeholder="{{ i18n "ph_email" }}" required>
|
||||
</div>
|
||||
<div class="form-group col-md-12">
|
||||
<label for="reason">{{ i18n "contact_reason" }}</label>
|
||||
<select class="form-select rounded-0 px-0" id="inputGroupSelect01">
|
||||
<option selected disabled>Choose Your Reason</option>
|
||||
<option value="business">Business</option>
|
||||
<option value="ticket">Ticket</option>
|
||||
<option value="project">Project</option>
|
||||
<select class="form-select rounded-0 px-0" id="reason" name="reason">
|
||||
<option selected disabled>{{ i18n "option_choose_reason" }}</option>
|
||||
<option value="zakelijk">{{ i18n "option_business" }}</option>
|
||||
<option value="ticket">{{ i18n "option_ticket" }}</option>
|
||||
<option value="project">{{ i18n "option_project" }}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group col-md-12">
|
||||
<label for="message">{{ i18n "write_message" }}</label>
|
||||
<textarea name="message" id="message" class="form-control text-dark" placeholder="Your Text here ..."></textarea>
|
||||
<textarea name="message" id="message" class="form-control text-dark" placeholder="{{ i18n "ph_message" }}"></textarea>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<button type="submit" class="btn btn-primary">{{ i18n "send" }}</button>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<section class="section pb-0">
|
||||
<div class="container">
|
||||
<div class="row justify-content-between align-items-center">
|
||||
<div class="col-lg-5 text-center text-lg-start">
|
||||
<div class="col-lg-7 text-center text-lg-start pe-lg-5">
|
||||
{{ with .Params.banner }}
|
||||
<h1 class="mb-4">{{ .title | markdownify }}</h1>
|
||||
<p class="mb-4">{{ .subtitle | markdownify }}</p>
|
||||
@@ -21,7 +21,7 @@
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 d-lg-block d-none">
|
||||
<div class="col-lg-5 d-lg-block d-none">
|
||||
{{ partial "image.html" (dict "Src" .Params.banner.image "Alt" "illustration") }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -159,6 +159,9 @@
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
</nav>
|
||||
{{ if .Params.Feedback }}
|
||||
{{ partial "components/feedback.html" . }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row align-items-center border-bottom py-5">
|
||||
<div class="row align-items-justify border-bottom py-5">
|
||||
<div class="col-lg-4">
|
||||
<ul class="list-inline footer-menu text-center text-lg-start">
|
||||
{{ range site.Menus.footer }}
|
||||
@@ -9,28 +9,19 @@
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-4 text-center mb-4 mb-lg-0">
|
||||
<!-- <a class="navbar-brand" href="{{ site.BaseURL | relLangURL }}">
|
||||
{{ partial "logo" }}
|
||||
</a>
|
||||
</div> -->
|
||||
<div class="py-4 text-center">
|
||||
<small class="text-light">
|
||||
{{ site.Params.copyright | markdownify }}
|
||||
{{ if site.Params.theme_copyright }}
|
||||
| Made with <i class="fa-solid fa-heart"></i> by
|
||||
<a target="_blank" rel="noopener noreferrer" href="https://start-it.nl">StartIT</a>
|
||||
{{ end }}
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<ul class="list-inline social-icons text-lg-end text-center">
|
||||
{{ range site.Params.social }}
|
||||
<li class="list-inline-item"><a href="{{ .link | safeURL }}"><i class="{{ .icon }}"></i></a></li>
|
||||
<small class="text-light">
|
||||
{{ site.Params.copyright | markdownify }}
|
||||
{{ if site.Params.theme_copyright }}
|
||||
| Made with <i class="fa-solid fa-heart"></i> by
|
||||
<a target="_blank" rel="noopener noreferrer" href="https://start-it.nl">StartIT</a>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</small>
|
||||
</div>
|
||||
<div class="col-lg-4 text-right">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
Reference in New Issue
Block a user