Copernicus Component Library

Select Color Palette

Font

How to use

1. Set up on Your Site

Copy this code into the <head> of each template or page where you want to use a ccl element.

<script src="https://eu-copernicus.github.io/copernicus-component-library/ccl-assets/js/jquery.min.js"></script> <script src="https://eu-copernicus.github.io/copernicus-component-library/ccl-assets/js/slick.min.js"></script> <script src="https://eu-copernicus.github.io/copernicus-component-library/ccl-assets/js/ccl-functions.js"></script> <link rel="stylesheet" type="text/css" href="https://eu-copernicus.github.io/copernicus-component-library/ccl-assets/css/ccl.css" media="all">

2. Choose your Color palette

Add Classes on your element <body> (or on a html container). Find the right one according the theme to use on your page.

example: <body class="ccl-style ccl-color_generic">

3. Add Elements to Your UI

Start placing element in your HTML's <body>. Find the right HTML string , copy/paste on your page and customize it.