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.