boarders.html

<!DOCTYPE html>
<html lang="nl" style="background-color: #3C4A69;">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Xtreem Travel Tricks</title>

    <script src="https://kit.fontawesome.com/649d6a7556.js" crossorigin="anonymous"></script>

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
        integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
    
    <link rel="stylesheet" href="css/styles.css">

    <link href="https://unpkg.com/aos@2.3.0/dist/aos.css" rel="stylesheet">

    <script>   
        AOS.init(); 
     </script>

</head>
<nav class="navbar navbar-light bg-dark navbar-expand-md fixed-top">
    <div class="navbar-toggler-left d-md-none">
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
            aria-controls="navbarTogglerDemo02" ariaexpanded="false" aria-label="toggle navigation">


            <span class="navbar-toggler-icon"></span>
        </button>

    </div>
    <a class="navbar-brand text-white" href="index.html"> Xtreem Travel</a>
    <div class="collapse navbar-collapse" id="navbar">
        <nav class="nav d-flex flex-column flex-md-row w-100 justify-contentend">
            <a href="boarders.html" class="flex-fill text-center text-light nav-link">Boarders</a>
            <a href="tricks.html" class="flex-fill text-center text-light nav-link">Tricks</a>
            <a href="regios.html" class="flex-fill text-center text-light nav-link">Regios</a>
        </nav>
    </div>

</nav>

    <body class="margetop"  style="background-color: #3C4A69;">
        <p id="pscroll">
        </p>
        <div id="bodyboarders">

        
        <div class="boarder">
            <div class="fix">

            
            <h1>
                Shaun White
            </h1>
            <div class="row">
                <p class="col-8">
                    Shaun Roger White (born September 3, 1986) is an American professional snowboarder, skateboarder and musician. He is a three-time Olympic gold medalist. He holds the record for the most X-Games gold medals and most Olympic gold medals by a snowboarder, and has won 10 ESPY Awards.
                </p>
                <img src="img/White.jpg" class="col-4" alt="">
            </div>
        </div>
            
            <table class="bot">
                <tr >
                    <th>Goud</th>
                    <th>Zilver</th>
                    <th>Brons</th>
                </tr >
                <tr>
                    <th>3 <i class="fas fa-medal goud"></i></th>
                    <th>0 <i class="fas fa-medal zilver"></i></th>
                    <th>0 <i class="fas fa-medal brons"></i></th>
                </tr>
            </table>

        </div>
        <div class="boarder oppnul">
            <div class="fix">
            <h1>
                Jamie Anderson
            </h1>
            <div class="row">

    
            <p  class="col-8">Jamie Louise Anderson (born September 13, 1990) is an American professional snowboarder. She won the gold medal in the inaugural Women's Slopestyle Event at the 2014 Winter Olympics in Sochi, Russia and repeated the feat at the 2018 Winter Olympics in Pyeongchang, South Korea, making her the first female snowboarder to win more than one Olympic gold medal. She has won gold medals in slopestyle at the Winter X Games in consecutive years in 2007/8 and 2012/3. She has 11 total medals,including four gold, five silver and two bronze.</p>
            <img src="img/Anderson.JPG"  class="col-4"alt="">
        </div>
    </div>
            <table class="bot">
                <tr>
                    <th>Goud</th>
                    <th>Zilver</th>
                    <th>Brons</th>
                </tr>
                <tr>
                    <th>2 <i class="fas fa-medal goud"></i></th>
                    <th>1 <i class="fas fa-medal zilver"></i></th>
                    <th>0 <i class="fas fa-medal brons"></i></th>
                </tr>
            </table>
        </div>
        <div class="boarder oppnul">
            <div class="fix">
            <h1>
                Kelly Clark
            </h1>
            <div class="row">
                <p  class="col-8">Kelly Clark (born July 26, 1983) is an American snowboarder who won halfpipe gold at the 2002 Winter Olympics. Clark was born in Newport, Rhode Island. She started snowboarding when she was 7 years old, began competing in 1999, and became a member of the US Snowboard team in 2000. On January 25, 2019 at the Winter X Games in Aspen, she announced her retirement from the sport.</p>
                <img src="img/Clark.jpg" class="col-4" alt="">
            </div>
            </div>
                
                <table class="bot">
                <tr>
                    <th>Goud</th>
                    <th>Zilver</th>
                    <th>Brons</th>
                </tr>
                <tr>
                    <th>1 <i class="fas fa-medal goud"></i></th>
                    <th>0 <i class="fas fa-medal zilver"></i></th>
                    <th>2 <i class="fas fa-medal brons"></i></th>
                </tr>
            </table>
        </div>
    </div>

        


    <!-- Portfolio Gallery Grid -->

    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
        integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
        crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
        integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
        crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
        integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
        crossorigin="anonymous"></script>
        <script src="https://unpkg.com/aos@2.3.0/dist/aos.js"></script>

</body>



<script src="js/aos.js"></script>
<script src="js/script.js"></script>

</html>