DroneDeploy
Search…
⌃K

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. The DroneDeploy CSS, dd-styles.css, is included with all of our starter Templates.

CSS

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

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.