CSS: Replace btn-block with buttons wrapped in d-grid

[ipfire.org.git] / src / templates / people / unsubscribe.html

{% extends "../base.html" %}

{% block title %}{{ _("Unsubscribe") }}{% end block %}

{% block content %}
	<div class="row justify-content-center my-5">
		<div class="col col-md-8 col-lg-6">
			<div class="card border-danger">
				<div class="card-body">
					<h5>{{ _("We'd Be Sorry To See You Go") }}</h5>

					<p>
						{{ _("If you unsubscribe, you will no longer receive important emails from the IPFire Project.") }}
						{{ _("There are plenty of benefits to remain subscribed:") }}
					</p>

					<ul>
						<li>{{ _("Important release announcements including notificiations about security updates") }}</li>
						<li>{{ _("News from our blog and inside the project") }}</li>
						<li>{{ _("Information about our fundraising efforts") }}</li>
					</ul>

					<form action="/subscribe" method="POST">
						{% raw xsrf_form_html() %}

						<div class="d-grid">
							<button type="submit" class="btn btn-success mb-3">
								{{ _("Continue Receiving Important Updates") }}
							</button>
						</div>
					</form>

					<form action="/unsubscribe" method="POST">
						{% raw xsrf_form_html() %}

						<div class="d-grid">
							<button type="submit" class="btn btn-danger">
								{{ _("Unsubscribe") }}
							</button>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
{% end block %}