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

{% block title %}Security content{% 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">Security content</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"> Videos</li>
                            </ol>
                        </nav>
                    </div>
                </div>
                {%  include 'includes/component/button__support.html' %}
            </div>
        </div>
        <div class="container-fluid">
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                    <p>Here is our current library of 60 seconds videos and valuable content for our registered users, aimed at enhancing your knowledge of cyber security, helping you understand the risks you face and to ask Athena all the right questions.</p>
                    <p>
                        Please subscribe to <a href="https://www.youtube.com/@TheCyberBoardroom/videos" target="_blank">The Cyber Boardroom YouTube Channel</a>
                    </p>

                </div>
            </div>
        </div>
    </div>


            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body">
                            <h3 class="card-title">Introducing your cyber security advisor: Athena.</h3>
                            <iframe width="100%"
                                    height="315"
                                    src="https://www.youtube.com/embed/8hfVZ6zK15g?si=B9lWusSLzv-UMG7B"
                                    title="YouTube video player" frameborder="0"
                                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                    allowfullscreen>

                            </iframe>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-6">
                    <div class="card">
                        <div class="card-body">
                            <h3 class="card-title">Cyber is a risk management conversation</h3>
                            <iframe width="100%"
                                    height="315"
                                    src="https://www.youtube.com/embed/KBlESRQ_E9E?si=eQjneQWhe0YHjkHH"
                                    title="YouTube video player"
                                    frameborder="0"
                                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                    allowfullscreen></iframe>

                        </div>
                    </div>
                </div>

                <div class="col-lg-6">
                    <div class="card">
                        <div class="card-body">
                            <h3 class="card-title">Key cyber security issues to consider</h3>
                            <iframe width="100%"
                                    height="315"
                                    src="https://www.youtube.com/embed/TtJx07cRtiQ?si=7jE18LP6lxxCY5A4"
                                    title="YouTube video player"
                                    frameborder="0"
                                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                    allowfullscreen></iframe>

                        </div>
                    </div>
                </div>
            <div>


            <div class="row">
                <div class="col-lg-6">
                    <div class="card">
                        <div class="card-body">
                            <h3 class="card-title">Cyber security in the boardroom </h3>
                            <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>

                        </div>
                    </div>
                </div>

                <div class="col-lg-6">
                    <div class="card">
                        <div class="card-body">
                            <h3 class="card-title">Building a cyber secure organisation </h3>
                            <iframe width="100%"
                                height="315"
                                src="https://www.youtube.com/embed/zG12DVyzMsE?si=F5px9c2A1PIijXoX"
                                title="YouTube video player" frameborder="0"
                                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                allowfullscreen></iframe>

                        </div>
                    </div>
                </div>
            <div>

            <div class="row">
                <div class="col-lg-6">
                    <div class="card">
                        <div class="card-body">
                            <h3 class="card-title">Incident management </h3>
                            <iframe width="100%"
                                height="315"
                                src="https://www.youtube.com/embed/HelrWEjdpFU?si=k7y4m4UYhhvTQBZK"
                                title="YouTube video player" frameborder="0"
                                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                allowfullscreen></iframe>
                        </div>
                    </div>
                </div>

                <div class="col-lg-6">
                    <div class="card">
                        <div class="card-body">
                            <h3 class="card-title">The importance of digital trust </h3>
                            <iframe width="100%"
                                height="315"
                                src="https://www.youtube.com/embed/-53qIOwWbeM?si=G4s_x9yPaFKMrBiR"
                                title="YouTube video player" frameborder="0"
                                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                allowfullscreen></iframe>
                        </div>
                    </div>
                </div>
            <div>



        </div>


{% endblock content %}

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