104 lines
4.6 KiB
PHP
104 lines
4.6 KiB
PHP
<?php
|
|
require_once __DIR__ . '/includes/lang.php';
|
|
require_once __DIR__ . '/includes/header.php';
|
|
?>
|
|
<main class="container py-5">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-10">
|
|
<div class="d-flex align-items-center gap-3 mb-5">
|
|
<div class="bg-primary rounded-3 p-2">
|
|
<i class="bi bi-file-earmark-text text-white fs-3"></i>
|
|
</div>
|
|
<h1 class="mb-0 fw-bold"><?php echo __('terms'); ?></h1>
|
|
</div>
|
|
|
|
<div class="card bg-surface border-secondary p-4 p-md-5 shadow-lg rounded-4">
|
|
<div class="alert bg-primary bg-opacity-10 border-0 rounded-3 mb-5 p-4">
|
|
<div class="d-flex gap-3">
|
|
<i class="bi bi-info-circle-fill text-primary fs-4"></i>
|
|
<div>
|
|
<h5 class="text-primary fw-bold mb-1"><?= __('effective_date') ?></h5>
|
|
<p class="text-white-50 small mb-0"><?= __('tos_intro') ?></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tos-content text-white-50">
|
|
<section class="mb-5">
|
|
<h3 class="fw-bold mb-3 text-white d-flex align-items-center">
|
|
<span class="badge bg-primary me-2" style="font-size: 0.5em;">01</span>
|
|
<?= __('tos_1_title') ?>
|
|
</h3>
|
|
<p><?= __('tos_1_content') ?></p>
|
|
<p><?= __('tos_1_extra') ?></p>
|
|
</section>
|
|
|
|
<section class="mb-5">
|
|
<h3 class="fw-bold mb-3 text-white d-flex align-items-center">
|
|
<span class="badge bg-primary me-2" style="font-size: 0.5em;">02</span>
|
|
<?= __('tos_2_title') ?>
|
|
</h3>
|
|
<p><?= __('tos_2_content') ?></p>
|
|
<p><?= __('tos_2_extra') ?></p>
|
|
</section>
|
|
|
|
<section class="mb-5">
|
|
<h3 class="fw-bold mb-3 text-white d-flex align-items-center">
|
|
<span class="badge bg-primary me-2" style="font-size: 0.5em;">03</span>
|
|
<?= __('tos_3_title') ?>
|
|
</h3>
|
|
<p><?= __('tos_3_content') ?></p>
|
|
<p><?= __('tos_3_extra') ?></p>
|
|
</section>
|
|
|
|
<section class="mb-5">
|
|
<h3 class="fw-bold mb-3 text-white d-flex align-items-center">
|
|
<span class="badge bg-primary me-2" style="font-size: 0.5em;">04</span>
|
|
<?= __('tos_4_title') ?>
|
|
</h3>
|
|
<div class="p-4 bg-danger bg-opacity-10 border-start border-4 border-danger rounded-3 mb-3">
|
|
<p class="text-danger fw-bold mb-2"><?= __('risk_warning') ?></p>
|
|
<p class="mb-0"><?= __('tos_4_content') ?></p>
|
|
</div>
|
|
<p><?= __('tos_4_extra') ?></p>
|
|
</section>
|
|
|
|
<section class="mb-5">
|
|
<h3 class="fw-bold mb-3 text-white d-flex align-items-center">
|
|
<span class="badge bg-primary me-2" style="font-size: 0.5em;">05</span>
|
|
<?= __('tos_5_title') ?>
|
|
</h3>
|
|
<p><?= __('tos_5_content') ?></p>
|
|
<p><?= __('tos_5_extra') ?></p>
|
|
</section>
|
|
|
|
<section class="mb-5 border-top border-secondary pt-5">
|
|
<h3 class="fw-bold mb-3 text-white"><?= __('tos_6_title') ?></h3>
|
|
<p><?= __('tos_6_content') ?></p>
|
|
</section>
|
|
|
|
<section class="mb-0">
|
|
<h3 class="fw-bold mb-3 text-white"><?= __('tos_7_title') ?></h3>
|
|
<p><?= __('tos_7_content') ?></p>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-5 text-center">
|
|
<p class="text-white-50 small"><?= __('tos_footer') ?> <a href="/support.php" class="text-primary text-decoration-none"><?= __('online_support') ?></a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<style>
|
|
.tos-content section h3 {
|
|
letter-spacing: 0.5px;
|
|
}
|
|
.tos-content section p {
|
|
line-height: 1.8;
|
|
margin-bottom: 1.2rem;
|
|
}
|
|
</style>
|
|
<?php require_once __DIR__ . '/includes/footer.php'; ?>
|