add newsletter subscription functionality
This commit is contained in:
parent
0dd73bedde
commit
92a8b0951e
9 changed files with 132 additions and 4 deletions
|
@ -18,6 +18,7 @@
|
|||
{% block extra_css %}{% endblock %}
|
||||
|
||||
<script defer data-domain="servala.com" src="https://plausible.io/js/script.file-downloads.hash.outbound-links.tagged-events.js"></script>
|
||||
<script defer src="{% static "js/htmx204.min.js" %}"></script>
|
||||
<script defer src="{% static "js/alpine-collapse.min.js" %}"></script>
|
||||
<script defer src="{% static "js/servala-main.js" %}"></script>
|
||||
{% block extra_js %}{% endblock %}
|
||||
|
@ -100,11 +101,18 @@
|
|||
<h2 class="section-h1 fs-40 fs-lg-60 d-inline-block mb-24">Ready to Get Started?</h2>
|
||||
</div>
|
||||
<div class="text-gray-300 w-lg-37 mx-auto mb-24">
|
||||
<p class="mb-0">Explore all available Services on Servala, with new ones added regularly.</p>
|
||||
<p class="mb-0">Subscribe to our newsletter to stay informed.</p>
|
||||
</div>
|
||||
<div>
|
||||
<a class="btn btn-primary btn-lg mr-md-17 mb-17 mb-md-0 w-100 w-md-auto" href="{% url 'services:homepage' %}" role="button">Discover
|
||||
Services</a>
|
||||
<div class="mt-4">
|
||||
<form hx-post="{% url 'services:subscribe' %}" hx-target="#signup-form-container" hx-swap="outerHTML">
|
||||
{% csrf_token %}
|
||||
<div id="signup-form-container" class="d-flex justify-content-center">
|
||||
<div class="input-group" style="max-width: 500px;">
|
||||
<input type="email" name="email" class="form-control" id="email-input" placeholder="Your email address" required>
|
||||
<button type="submit" class="btn btn-primary">Subscribe to updates</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</header>
|
||||
</div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue