index.html

<!DOCTYPE html>
<html>

<head>
    <title>coolHue - Coolest Gradient Hues and Swatches by UVdesk</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-favicon.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>
    <!--Header-->
    <h1 class="ch-logo" title="coolhue">coolHue - Color Swatch and Palette</h1>
    <p class="ch-tagline">Coolest handpicked Gradient Hues for your next super
        <span class="ch-emoji">&nbsp;⚡&nbsp;</span>amazing stuff</p>
    <p class="ch-credits">Crafted with<span class="ch-emoji">&nbsp;❤️&nbsp;</span>by <a class="ch-uvdesk" target="_blank" href="http://bit.ly/uvdesk">UVdesk</a>        App</p>
    <div class="ch-separator"></div>
    <!--//Header-->

    <!--Paper-->
    <div class="ch-paper">
        <script>
            var colorData = [
                ["#FDEB71", "#F8D800"],
                ["#ABDCFF", "#0396FF"],
                ["#FEB692", "#EA5455"],
                ["#CE9FFC", "#7367F0"],
                ["#90F7EC", "#32CCBC"],
                ["#FFF6B7", "#F6416C"],
                ["#81FBB8", "#28C76F"],
                ["#E2B0FF", "#9F44D3"],
                ["#F97794", "#623AA2"],
                ["#FCCF31", "#F55555"],
                ["#F761A1", "#8C1BAB"],
                ["#43CBFF", "#9708CC"],
                ["#5EFCE8", "#736EFE"],
                ["#FAD7A1", "#E96D71"],
                ["#FFD26F", "#3677FF"],
                ["#A0FE65", "#FA016D"],
                ["#FFDB01", "#0E197D"],
                ["#FEC163", "#DE4313"],
                ["#92FFC0", "#002661"],
                ["#EEAD92", "#6018DC"],
                ["#F6CEEC", "#D939CD"],
                ["#52E5E7", "#130CB7"],
                ["#F1CA74", "#A64DB6"],
                ["#E8D07A", "#5312D6"],
                ["#EECE13", "#B210FF"],
                ["#79F1A4", "#0E5CAD"],
                ["#FDD819", "#E80505"],
                ["#FFF3B0", "#CA26FF"],
                ["#FFF5C3", "#9452A5"],
                ["#F05F57", "#360940"],
                ["#2AFADF", "#4C83FF"],
                ["#FFF886", "#F072B6"],
                ["#97ABFF", "#123597"],
                ["#F5CBFF", "#C346C2"],
                ["#FFF720", "#3CD500"],
                ["#FF6FD8", "#3813C2"],
                ["#EE9AE5", "#5961F9"],
                ["#FFD3A5", "#FD6585"],
                ["#C2FFD8", "#465EFB"],
                ["#FD6585", "#0D25B9"],
                ["#FD6E6A", "#FFC600"],
                ["#65FDF0", "#1D6FA3"],
                ["#6B73FF", "#000DFF"],
                ["#FF7AF5", "#513162"],
                ["#F0FF00", "#58CFFB"],
                ["#FFE985", "#FA742B"],
                ["#FFA6B7", "#1E2AD2"],
                ["#FFAA85", "#B3315F"],
                ["#72EDF2", "#5151E5"],
                ["#FF9D6C", "#BB4E75"],
                ["#F6D242", "#FF52E5"],
                ["#69FF97", "#00E4FF"],
                ["#3B2667", "#BC78EC"],
                ["#70F570", "#49C628"],
                ["#3C8CE7", "#00EAFF"],
                ["#FAB2FF", "#1904E5"],
                ["#81FFEF", "#F067B4"],
                ["#FFA8A8", "#FCFF00"],
                ["#FFCF71", "#2376DD"],
                ["#FF96F9", "#C32BAC"]
            ];
        </script>
    </div>
    <!--//Paper-->


    <!--Footer-->
    <div class="ch-footer">
        <div class="ch-separator ch-separator-bottom"></div>
        <p class="ch-copyright">&copy; Copyright 2017 Webkul Software, All rights reserved.</p>
    </div>

    <!--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-->

    <!--//Footer-->

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

</html>