old/application/views/tools/index.php

<?php
    defined('BASEPATH') OR exit('No direct script access allowed');
?>
<section class="primary">
    <div class="container">
        <div class="row">
            <div class="col-sm-6">
                <h1>Tools</h1>
                <p class="lead">
                    Hier ist eine Auflistung aller derzeit auf dieser Website zur Verfügung stehenden Tools zu finden. Weitere
                    Tools werden in nächster Zeit folgen!
                </p>
            </div>
            <div class="col-sm-6">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb text-dark float-right">
                        <li class="breadcrumb-item">
                            <a href="/"><?= lang('header_home') ?></a>
                        </li>
                        <li class="breadcrumb-item active">
                            Tools
                        </li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
</section>
<section class="container" id="tools">
    <h2>Encoder/Decoder</h2>
    <div class="row">
        <div class="col-sm-4">
            <div class="card">
                <a href="/tools/encrypter">
                    <img src="/assets/images/tools/caesar-chiffre.jpg" class="card-img-top" alt="Verschlüsselung & Entschlüsselung mit der Cäsar-Chiffre">
                </a>
                <div class="card-body">
                    <a href="/tools/encrypter">
                        <h5 class="card-title">Verschlüsselung & Entschlüsselung mit der Cäsar-Chiffre</h5>
                    </a>
                </div>
            </div>
        </div>
        <div class="col-sm-4">
            <div class="card">
                <a href="/tools/encoder/url">
                    <img src="/assets/images/tools/url-encoder.jpg" class="card-img-top" alt="URL Encoder & Decoder">
                </a>
                <div class="card-body">
                    <a href="/tools/encoder/url">
                        <h5 class="card-title">URL Encoder & Decoder</h5>
                    </a>
                </div>
            </div>
        </div>
        <div class="col-sm-4">
            <div class="card">
                <a href="/tools/encoder/base64">
                    <img src="/assets/images/tools/base64-encoder.jpg" class="card-img-top" alt="Base64 Encoder & Decoder">
                </a>
                <div class="card-body">
                    <a href="/tools/encoder/base64">
                        <h5 class="card-title">Base64 Encoder & Decoder</h5>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <hr>
    <h2>Generatoren</h2>
    <div class="row">
        <div class="col-sm-4">
            <div class="card">
                <a href="/tools/generator/password">
                    <img src="/assets/images/tools/password.jpg" class="card-img-top" alt="Passwort Generator">
                </a>
                <div class="card-body">
                    <a href="/tools/generator/password">
                        <h5 class="card-title">Passwort Generator</h5>
                    </a>
                </div>
            </div>
        </div>
        <div class="col-sm-4">
            <div class="card">
                <a href="/tools/generator/nickname">
                    <img src="/assets/images/tools/nickname.jpg" class="card-img-top" alt="Nickname Generator">
                </a>
                <div class="card-body">
                    <a href="/tools/generator/nickname">
                        <h5 class="card-title">Nickname Generator</h5>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <hr>
    <h2>Games</h2>
    <div class="row">
        <div class="col-sm-4">
            <div class="card">
                <a href="/tools/csgo/">
                    <img src="/assets/images/tools/csgo-stats.jpg" alt="CS:GO Spieler Tools" class="card-img-top">
                </a>
                <div class="card-body">
                    <a href="/tools/csgo">
                        <h5 class="card-title">CS:GO Spieler Tools</h5>
                    </a>
                </div>
            </div>
        </div>
        <div class="col-sm-4">
            <div class="card">
                <a href="/tools/minecraft">
                    <img src="/assets/images/tools/minecraft-player.jpg" class="card-img-top" alt="Minecraft Spieler Tools">
                </a>
                <div class="card-body">
                    <a href="/tools/minecraft">
                        <h5 class="card-title">Minecraft Spieler Tools</h5>
                    </a>
                </div>
            </div>
        </div>
        <div class="col-sm-4">
            <div class="card">
                <a href="/tools/minecraft/server">
                    <img src="/assets/images/tools/minecraft-server.jpg" class="card-img-top" alt="Minecraft Server Tools">
                </a>
                <div class="card-body">
                    <a href="/tools/minecraft/server">
                        <h5 class="card-title">Minecraft Server Tools</h5>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <hr>
    <h2>Social Networks</h2>
    <div class="row">
        <div class="col-sm-4">
            <div class="card">
                <a href="/tools/youtube">
                    <img src="/assets/images/tools/youtube-dl.jpg" class="card-img-top" alt="YouTube Video Downloader">
                </a>
                <div class="card-body">
                    <a href="/tools/youtube">
                        <h5 class="card-title">YouTube Video Downloader</h5>
                    </a>
                </div>
            </div>
        </div>
        <div class="col-sm-4">
            <div class="card">
                <a href="/tools/twitch">
                    <img src="/assets/images/tools/twitch-tools.jpg" class="card-img-top" alt="Twitch Tools">
                </a>
                <div class="card-body">
                    <a href="/tools/twitch">
                        <h5 class="card-title">Twitch Tools</h5>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>