Document Setup

Document Setup

DroneDeploy's UI Kit is vastly composed of Material Design components. To start using the UI Kit, please add the MaterializeCSS CDN and DroneDeploy's CSS.

CSS

<!-- Compiled and minified Materialized CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
<!-- Compiled and minified DroneDeploy CSS -->
<link rel="stylesheet" href="css/dd-styles.css">

Setup

HTML Document Setup

Next we have to setup the HTML file structure to include all the necessary CSS and JS files.

<!DOCTYPE html>
<html>
<head>
<!-- Compiled and minified Materialized CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
<!--DroneDeploy CSS Do Not Modify -->
<link rel="stylesheet" href="css/dd-styles.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<body>
<!--JS file included when a template is downloaded js/app.js-->
<script src="js/script.js"></script>
</body>
</html>

Documentation

To quickly get started download one of our templates or review our documentation in detail.