head.html

<!DOCTYPE html>

<html lang="en">

<head>

    <!--Metadata Start-->
    <title>Strath Rowing</title>
    <link rel="shortcut icon" href="Images/favicon.ico" type="image/x-icon">

    <!-- Add social icon library -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!--Chrome Address Bar Color-->
    <meta name="theme-color" content="#8F0A37">
    <!--Safari Status Bar Color-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

    <meta name="author" content="Daniel Lowry">
    <meta name="description"
        content="Strathclyde University Boat Club. Est. 1967, is Strathclyde Universities student run rowing club, situated on the bank of the Clyde.">
    <meta name="keywords"
        content="subc, strathclyde, strath rowing, strath sports, strathclyde university, clyde, scottish rowing, scotland rowing, strathclyde rowing club, strathclyde boat club">
    <!--Metadata End-->

    <!--Stylesheets-->
    <link rel="stylesheet" href="CSS/styles.css">
    <link rel="stylesheet" href="CSS/NavStyles.css">
    <link rel="stylesheet" href="CSS/FooterStyles.css">
    <link rel="stylesheet" href="CSS/HeadPageStyles.css">

</head>

<body>

    <nav>
        <div class="nav-logo">
            <a href="index.html"><img src="Images/SUBC_Logo.svg" alt="SUBC Logo"></a>
        </div>


        <div class="hamburger">
            <div class="line"></div>
            <div class="line"></div>
            <div class="line"></div>
        </div>

        <ul class="nav-links">
            <li><a href="index.html">Home</a></li>
            <li><a href="about.html">About</a></li>
            <li><a href="head.html">Head Race</a></li>
            <!--<li><a href="gallery.html">Gallery</a></li>-->
            <li><a href="committee.html">Committee</a></li>
            <!--<li><a href="fundraising.html">Fundraising</a></li>-->
        </ul>
    </nav>

    <header>
        <div class="parallax" data-parallax="scroll" data-z-index="-10" data-image-src="Images/head_2020.jpg"
            data-ios-fix="true" data-android-fix="true">
            <h1 class="home-header">SUBC & GUBC Head 2020
                <span>Saturday 15th February</span>
            </h1>
            <a href="head_2020_draw .pdf" target="_blank" class="button button-accent">Draw</a>
        </div>
    </header>

    <main>
        <div class="committee-container">

            <section class="section-container">
                
                <h1 class="heading">
                    <span>Event Documents</span>
                </h1>

                <h1 class="heading">
                    <span>Unfortunately this years head race has been cancelled due to adverse weather conditions.</span>
                </h1>

                <a href="Images/head_2020_poster.jpg" target="_blank">
                    <img class="poster" src="Images/head_2020_poster.jpg" alt="Event Poster">
                </a>
                <a href="PDFs/head_2020_draw .pdf" target="_blank">
                    <h1 class="heading">
                        <span>Draw</span>
                    </h1>
                </a>
                <a href="PDFs/SUBC_Head_Competitor_Instructions_2020.pdf" target="_blank">
                    <h1 class="heading">
                        <span>Competitor Instructions</span>
                    </h1>
                </a>
    
            </section>
        </div>
    </main>

    <footer>
        <div class="footer-container">
            <div class="footer-logo">
                <a href="index.html"><img src="Images/SUBC_Logo.svg" alt="SUBC Logo"></a>
            </div>
            <div class="social-icons">
                <ul>
                    <li>
                        <a href="https://www.facebook.com/SUBCRowing/" title="Like us on Facebook" target="_blank">
                            <i class="fa fa-facebook fa-2x" aria-hidden="true" style="color:white"></i>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.instagram.com/subc_/" title="Follow us on Instagram" target="_blank">
                            <i class="fa fa-instagram fa-2x" aria-hidden="true" style="color:white"></i>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.youtube.com/channel/UCBXBmwKg8c5iQlhg6lo4VNg/" title="Subscribe to us on YouTube" target="_blank">
                            <i class="fa fa-youtube fa-2x" aria-hidden="true" style="color:white"></i>
                        </a>
                    </li>
                    <li>
                        <a href="https://twitter.com/SUBC_Rowing" title="Follow us on Twitter" target="_blank">
                            <i class="fa fa-twitter fa-2x" aria-hidden="true" style="color:white"></i>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="contact">
                <h2>Contact Us</h2>
                <p>Sports Union, Level 7,<span>90 John St,</span>Glasgow, <span>G1 1JH</span></p>
                <p>subc.online@gmail.com</p>
            </div>
        </div>
    </footer>

    <!--JQuery-->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"
        integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>

    <!--parallax.js-->
    <script src="JS/parallax.min.js"></script>

    <!--Custom JS-->
    <script src="JS/MobileNav.js"></script>
    <script src="JS/ColourChange.js"></script>
</body>

</html>