DroneDeploy
Search…
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

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

Setup

HTML Document Setup

Next we have to setup the HTML file structure to include all the necessary CSS and JS files.
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<!-- Compiled and minified Materialized CSS -->
5
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
6
<!--DroneDeploy CSS Do Not Modify -->
7
<link rel="stylesheet" href="css/dd-styles.css">
8
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
9
</head>
10
11
<body>
12
<!--JS file included when a template is downloaded js/app.js-->
13
<script src="js/script.js"></script>
14
</body>
15
</html>
Copied!

Documentation

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