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

{% block title %}Cyber security in the boardroom{% endblock %}

<!-- Specific Page CSS goes HERE  -->
{% block stylesheets %}{% endblock stylesheets %}

{% block content %}

        <div class="page-breadcrumb">
            <div class="row align-items-center">
                <div class="col-md-6 col-8 align-self-center">
                    <h3 class="page-title mb-0 p-0">Cyber security in the boardroom</h3>
                    <div class="d-flex align-items-center">
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="home">Home</a></li>
                                <li class="breadcrumb-item active"><a href="content">Security content</a></li>
                                <li class="breadcrumb-item active" aria-current="page"> Cyber security in the boardroom</li>
                            </ol>
                        </nav>
                    </div>
                </div>
                {%  include 'includes/component/button__support.html' %}
            </div>
        </div>
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <div id="athena_content">
                                <iframe width="100%"
                                        height="315"
                                        src="https://www.youtube.com/embed/SSe-CVT5HDI?si=rLUZknp5spmiadML"
                                        title="YouTube video player"
                                        frameborder="0"
                                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                        allowfullscreen></iframe>

                                {{ '../../security-content/1-cybersecurity-in-the-boardroom' | athena_html_content | safe }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
{#        {% with target='docs/content/1-cybersecurity-in-the-boardroom.md'%}#}
{#            {%  include 'includes/component/edit_this_page.html'%}#}
{#        {%  endwith %}#}

{% endblock content %}

{% block javascripts %}{% endblock javascripts %}
