index.html

<!DOCTYPE html>
<html>

<head>
    <title>Démo GreenSock - TIMELINEMAX</title>
    <meta charset="UTF-8">
    <meta name="description" content="">
    <meta name="keywords" content="GreenSock Timelinemax Tweenlite">

    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Lato:400,100,300,700,900">
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>

<body>
    <header>
        <div class="headerTop">
            <h1 class="titreSite">Présentation</h1><img id="logoGreenSock" class="logoGreensock" src="images/logo_greensock.png">
            <h1 class="titreSite">GreenSock</h1>
        </div>
        <nav class="nav">
            <a href="index.html" class="pageActive">ACCUEIL</a>
            <a href="greensock_tweenmax.html">TWEENMAX</a>
            <a href="greensock_timelinemax.html">TIMELINEMAX</a>
            <a href="greensock_plugins.html">PLUGINS</a>
        </nav>
    </header>

    <p class="demo intro">Ce site est un prototype servant à démontrer et tester les différentes fonctionalités de la librairie d'animation JavaScript GSAP (GreenSock Animation Platform). Le but de ce site n'était pas de relever chaque méthode ou propriété de la librairie. Pour ce faire il vaut mieux se référer à la documentation. D'ailleurs ce site a été construit comme outil compagnon à la documentation, donc son utilisation y est étroitement liée. Avec ce site, j'ai décidé de sélectionner les modules principaux de la librairie, soit TweenMax, TimelineMax et les plugins de base, pour expérimenter avec les fonctionalités que j'aurai jugées les plus intéressantes ou importantes. Il est prévu d'ajouter d'autres fonctionalités à cette interface dans le futur afin de la rendre plus complète.</p>
    <div  class="wrapperLienGSAccueil">
        <a class="lienGSAccueil" target="_blank" href="https://greensock.com/"><img class="logoGsAccueil" src="images/logo_greensock2.svg" alt="logo Greensock"></a>
    </div>
    <script src="./js/general.js"></script>
</body>

</html>