New to Drupal / Web development. Trying to update homepage template.

Hi I’m helping out my running club by making some changes to their website.
Although I have an IT background, it’s not web development and am a little stuck.

Hoping this is the right thread / if not please point me in the right direction.

My objective is to update our home page so that instead of showing just one static image it changes every few seconds to show a new image.

I’ve already achieved this on our ‘news’ page. Can be seen here:
http://www.eerr.org.uk/news-events/london-marathon-2017
(There is a problem with the sizing but I can sort that out later)
I did this by A) Installing the the Flexslider module (https://www.drupal.org/project/flexslider_field_collection). B) updating the Entry Type field used on the page to a flexslider.

With the home page (http://www.eerr.org.uk/) I’ve learnt it was created using a template, which seems more complicated, which can be found on our server here:
/home/eerr/public_html/sites/all/themes/eerr2016/templates/page–front.tpl.php

Which looks like this:

<div class="wrapper">
    <?php include_once('includes/header.tpl.php'); ?>

    <div class="eerr__homebg-container">
        <div class="container">
            <div class="eerr__homebg"></div>
        </div>
    </div>


    <div class="purchase">
        <div class="container">
            <div class="row">
                <div class="col-md-9 animated fadeInLeft">
                    <span>East End Road Runners (EERR) is a friendly, all-level running club based in Newham, East London</span>
                    <p>If you are a keen runner, have been thinking about improving your fitness, or even if you are a total beginner, we have a great team of runners of all abilities for you to join.</p>
                </div>
                <div class="col-md-3 btn-buy animated fadeInRight">
                    <a href="/join" class="btn-u btn-u-lg">Join Us</a>
                </div>
            </div>
        </div>
    </div>

        <div class="container content-sm">
            <!-- Service Blocks -->
            <div class="row margin-bottom-30">
                <div class="col-md-4">
                    <div class="service">
                        <i class="fa fa-compress service-icon"></i>
                        <div class="desc">
                            <h4>Friendly</h4>
                            <p>East End Road Runners pride ourselves on being one of the friendliest club around. You will always be welcomed with open arms, there will always be someone to talk too and most importantly to support you whatever your personal goal.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="service">
                        <i class="fa fa-cogs service-icon"></i>
                        <div class="desc">
                            <h4>All Level</h4>
                            <p>Everybody is welcome! It doesn’t matter whether matter if you have never run before or you have run your whole life, fast or slow, walk/jog/run. The most important point is you want to better yourself and we can help you. </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="service">
                        <i class="fa fa-rocket service-icon"></i>
                        <div class="desc">
                            <h4>No one get lefts behind!</h4>
                            <p>We truly believe when and where possible members of all abilities should train together as one. This means everyone can support each other, learn from others and get to know everyone at the club.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>



    <?php include_once('includes/footer.tpl.php'); ?>
</div>

Is it possible to update this so multiple images can be used with the flexslider ?

Hope that makes sense.

Mark

Drupal version: 


Source: https://www.drupal.org/taxonomy/term/3/feed