index.html

<!DOCTYPE html>
<html>

<head>
    <title>CoolHue 2.0 - Coolest Gradient Hues and Swatches</title>
    <script src="scripts/script.js" type="text/javascript"></script>
    <link href="css/style.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">
    <link href="images/coolhue-logo.png" rel="shortcut icon" type="image/png">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=yes">
    <meta charset="UTF-8">
</head>

<body>
    <!-- Topbar -->
    <div class="ch-topbar">
        <div class="grid-lt">
            <img src="images/coolhue-logo.png" title="CoolHue" alt="CoolHue" width="64" />
        </div>
        <div class="grid-rt">
            <span class="ch-devmode">Dev Mode</span>
        </div>
    </div>
    <!-- /Topbar -->

    <!--Paper-->
    <div class="ch-paper">
        <noscript>We are sorry but we can't help it, unless your browser supports Javascript.</noscript>
    </div>
    <!--//Paper-->

    <!-- Footer -->
    <div>
        <p class="ch-footer">&copy; Copyright
            <a href="https://webkul.com" target="_blank" rel="noopener">Webkul Software</a>, All rights reserved.</p>
    </div>
    <!-- //Footer -->

    <!--Notification-->
    <div class="ch-notify-plank">
    </div>
    <!--Notification-->
    <!--Distro-->
    <div class="ch-distro">
        <div class="ch-distro-icon"></div>
        <div class="ch-distro-wrapper ch-distro-wrapper-flap-up">
            <a class="ch-distro-type" href="http://bit.ly/coolhue-sketch" target="_blank">Sketch Palette</a>
            <a class="ch-distro-type" href="http://bit.ly/coolhue-ps" target="_blank">Photoshop Palette</a>
            <a class="ch-distro-type" href="http://bit.ly/coolhue-dev" target="_blank">Customize Palette</a>
        </div>
    </div>
    <!--//Distro-->
</body>

</html>