<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?>

<section id="title" class="primary">
    <div class="container">
        <div class="row">
            <div class="col-sm-6">
                <h1><?= lang('about_title'); ?></h1>
                <p class="lead"><?= lang('about_description'); ?></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">
                            <?= lang('about_title') ?>
                        </li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
</section><!--/#title-->

<section id="about-us" class="container">
    <div class="row">
        <div class="col-sm-6">
            <h2><?= lang('about_subtitle'); ?>
                <div class="rw-words rw-words-1">
                    <?= lang('about_subtitle_words'); ?>
                </div>
            </h2>
            <p class="lead" style="margin-top: 50px;"><?= lang('about_introduction'); ?></p>
            <?= lang('about_text') ?>
        </div><!--/.col-sm-6-->
        <div class="col-sm-6">
            <h2><?= lang('about_events_title') ?></h2>
            <div class="row">
                <div class="timeline-centered">
                    <?php foreach(lang('about_events') as $event): ?>
                        <article class="timeline-entry">
                            <div class="timeline-entry-inner">
                                <div class="timeline-icon bg-<?= $event['color'] ?>">
                                    <i class="<?= $event['icon'] ?>"></i>
                                </div>
                                <div class="timeline-label">
                                    <h2><?= $event['name'] ?></h2>
                                    <p><?= $event['date'] ?></p>
                                </div>
                            </div>
                        </article>
                    <?php endforeach; ?>
                </div>
            </div>
        </div>
    </div><!--/.row-->
</section><!--/#about-us-->