index.html

<!doctype html>
<html lang="en-us" id="insta">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="x-ua-compatible" content="ie=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

		<link href="https://annvelents.github.io/dronebase_styleguide_t/dist/assets/css/all.css" rel="stylesheet">
		<link rel="icon" href="" type="image/x-icon">

		<!-- @todo Replace with custom icomoon/fontello bundle -->
		<script src="https://use.fontawesome.com/6dd56ad32d.js"></script>
        <link href="https://fonts.googleapis.com/css?family=Roboto:300,400" rel="stylesheet">

		<title>Dronebase</title>

	</head>
	<body class="overflow-x-off i-page theme-page">
		<div class="i-page__content theme-content">

			<div class="i-nav-select theme-mobile-nav">
				<form class="form">
					<select class="form-control form-control-lg theme-mobile-nav-select">
						<option disabled selected>Go to…</option>
							<optgroup label="Actions">
									<option value="buttons">Buttons</option>
							</optgroup>
							<optgroup label="Forms">
									<option value="inputs">Inputs</option>
							</optgroup>
							<optgroup label="Unagi">
									<option value="sizes">Sizes</option>
							</optgroup>
					</select>
				</form>
			</div>

				<div id="category-actions" class="theme-content-category">
						<div id="buttons" class="i-library theme-content-element">
	<h1 class="display-4 theme-content-element-title">Buttons</h1>
	<span class="theme-content-element-source">
		<span class="theme-content-element-source-label">Source:</span>
		<span class="theme-content-element-source-path">stylemark/stylemark_markdown_buttons.md</span>
	</span>
	<div class="theme-content-element-description"><p>Buttons are used to make actions. It should be noticeable and easy to perform with one click or tap. Users can use it to navigate, or take action.</p>
<div id="button-options" class="i-pad-top-5 i-section"><h1 class="i-pad-top-3 i-position-container"><a href="#button-options" class="icon-link i-section__link -heading"></a>Button options</h1></div><p>* <strong>Primary button:</strong> Used as a main action on the interface. Provides extra visual weight and identifies the primary action in a set of buttons.</p>
<p>* <strong>Secondary button:</strong> Used as when there are more than one action and as a secondary action on the interface or when the action are not main focus.</p>
<p>* <strong>Info button:</strong> Contextual button for informational messages and drive users to learn more.</p>
<p>* <strong>Warning button:</strong> Use to indicates caution should be taken with this action. The action may not be undo.</p>
<p>* <strong>Danger button:</strong> Use to indicates a dangerous or potentially negative action. The action may not be undo.</p>
<div class="i-example">
                    <h5 class="i-example__heading">
                        <a
                            href="buttons-button-color-types.html"
                            target="_blank"
                            class="plain-link"
                            data-toggle="tooltip"
                            data-placement="top"
                            title="Open in a new window"
                        >
                            <i class="fa fa-external-link-square fa-fw"></i>
                            Example
                        </a>
                    </h5>
                    <div class="i-example__body">
                        <div
                            class="i-example__iframe"
                            lazyframe
                            data-src="buttons-button-color-types.html"
                            data-initinview="true"
                            data-title="Loading…"

                        ></div>
                    </div>
                </div>


<div class="i-code-block">
	<button type="button" class="i-code-block__lang -collapsible"><i class="fa fa-caret-right fa-fw"></i> html</button>
	<div class="i-code-block__content hidden">
		<button type="button" class="btn btn-outline-primary btn-sm i-copy-button" data-clipboard-text="&lt;link href=&quot;https://fonts.googleapis.com/css?family=Roboto:300,400&quot; rel=&quot;stylesheet&quot;&gt;
&lt;style&gt;
  .btn { margin: 5px 10px;}
&lt;/style&gt;

&lt;button class=&quot;btn btn-primary&quot;&gt;Primary&lt;/button&gt;
&lt;button class=&quot;btn btn-secondary&quot;&gt;Secondary&lt;/button&gt;
&lt;button class=&quot;btn btn-secondary disabled&quot;&gt;Disable&lt;/button&gt;
&lt;button class=&quot;btn btn-info&quot;&gt;Info&lt;/button&gt;
&lt;button class=&quot;btn btn-warning&quot;&gt;Warning&lt;/button&gt;
&lt;button class=&quot;btn btn-danger&quot;&gt;Danger&lt;/button&gt;
&lt;br&gt;
">Copy</button>
		<pre class="mb-0"><code class="lang-">&lt;link href=&quot;https://fonts.googleapis.com/css?family=Roboto:300,400&quot; rel=&quot;stylesheet&quot;&gt;
&lt;style&gt;
  .btn { margin: 5px 10px;}
&lt;/style&gt;

&lt;button class=&quot;btn btn-primary&quot;&gt;Primary&lt;/button&gt;
&lt;button class=&quot;btn btn-secondary&quot;&gt;Secondary&lt;/button&gt;
&lt;button class=&quot;btn btn-secondary disabled&quot;&gt;Disable&lt;/button&gt;
&lt;button class=&quot;btn btn-info&quot;&gt;Info&lt;/button&gt;
&lt;button class=&quot;btn btn-warning&quot;&gt;Warning&lt;/button&gt;
&lt;button class=&quot;btn btn-danger&quot;&gt;Danger&lt;/button&gt;
&lt;br&gt;
</code></pre>
	</div>
</div><div id="button-tags" class="i-pad-top-5 i-section"><h1 class="i-pad-top-3 i-position-container"><a href="#button-tags" class="icon-link i-section__link -heading"></a>Button tags</h1></div><p>Buttons can be used with <code>&lt;a&gt;</code>, <code>&lt;button&gt;</code>, <code>&lt;div&gt;</code>  and <code>&lt;input&gt;</code> elements.</p>
<div class="i-example">
                    <h5 class="i-example__heading">
                        <a
                            href="buttons-button-base-elem-types.html"
                            target="_blank"
                            class="plain-link"
                            data-toggle="tooltip"
                            data-placement="top"
                            title="Open in a new window"
                        >
                            <i class="fa fa-external-link-square fa-fw"></i>
                            Example
                        </a>
                    </h5>
                    <div class="i-example__body">
                        <div
                            class="i-example__iframe"
                            lazyframe
                            data-src="buttons-button-base-elem-types.html"
                            data-initinview="true"
                            data-title="Loading…"

                        ></div>
                    </div>
                </div>


<div class="i-code-block">
	<button type="button" class="i-code-block__lang -collapsible"><i class="fa fa-caret-right fa-fw"></i> html</button>
	<div class="i-code-block__content hidden">
		<button type="button" class="btn btn-outline-primary btn-sm i-copy-button" data-clipboard-text="&lt;link href=&quot;https://fonts.googleapis.com/css?family=Roboto:300,400&quot; rel=&quot;stylesheet&quot;&gt;
&lt;style&gt;
  .btn { margin: 5px 10px;}
&lt;/style&gt;

&lt;a class=&quot;btn btn-primary btn-md&quot;&gt;Link&lt;/a&gt;
&lt;button class=&quot;btn btn-primary btn-md &quot;&gt;Button&lt;/button&gt;
&lt;div class=&quot;btn btn-primary btn-md &quot;&gt;Div&lt;/div&gt;
&lt;input type=&quot;submit&quot; class=&quot;btn btn-primary btn-md&quot;&gt;&lt;/input&gt;
&lt;br&gt;">Copy</button>
		<pre class="mb-0"><code class="lang-">&lt;link href=&quot;https://fonts.googleapis.com/css?family=Roboto:300,400&quot; rel=&quot;stylesheet&quot;&gt;
&lt;style&gt;
  .btn { margin: 5px 10px;}
&lt;/style&gt;

&lt;a class=&quot;btn btn-primary btn-md&quot;&gt;Link&lt;/a&gt;
&lt;button class=&quot;btn btn-primary btn-md &quot;&gt;Button&lt;/button&gt;
&lt;div class=&quot;btn btn-primary btn-md &quot;&gt;Div&lt;/div&gt;
&lt;input type=&quot;submit&quot; class=&quot;btn btn-primary btn-md&quot;&gt;&lt;/input&gt;
&lt;br&gt;</code></pre>
	</div>
</div><div id="size" class="i-pad-top-5 i-section"><h1 class="i-pad-top-3 i-position-container"><a href="#size" class="icon-link i-section__link -heading"></a>Size</h1></div><p>There are 4 sizes of buttons for appropreate use cases.
Notice that first goes color, then size</p>
<div class="i-example">
                    <h5 class="i-example__heading">
                        <a
                            href="buttons-button-sizes-types.html"
                            target="_blank"
                            class="plain-link"
                            data-toggle="tooltip"
                            data-placement="top"
                            title="Open in a new window"
                        >
                            <i class="fa fa-external-link-square fa-fw"></i>
                            Example
                        </a>
                    </h5>
                    <div class="i-example__body">
                        <div
                            class="i-example__iframe"
                            lazyframe
                            data-src="buttons-button-sizes-types.html"
                            data-initinview="true"
                            data-title="Loading…"

                        ></div>
                    </div>
                </div>


<div class="i-code-block">
	<button type="button" class="i-code-block__lang -collapsible"><i class="fa fa-caret-right fa-fw"></i> html</button>
	<div class="i-code-block__content hidden">
		<button type="button" class="btn btn-outline-primary btn-sm i-copy-button" data-clipboard-text="&lt;link href=&quot;https://fonts.googleapis.com/css?family=Roboto:300,400&quot; rel=&quot;stylesheet&quot;&gt;
&lt;style&gt;
  button { margin: 5px 10px;}
&lt;/style&gt;

&lt;div class=&#39;row&#39;&gt;
  &lt;div class=&#39;col-md-12&#39;&gt;
    &lt;button class=&quot;btn-primary btn-lg&quot;&gt;Large&lt;/button&gt;
    &lt;button class=&quot;btn-primary btn-md&quot;&gt;Medium&lt;/button&gt;
    &lt;button class=&quot;btn-primary btn-sm&quot;&gt;Small&lt;/button&gt;
    &lt;button class=&quot;btn-primary btn-xs&quot;&gt;Extra Small&lt;/button&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;br&gt;
&lt;br&gt;
&lt;div class=&#39;row&#39;&gt;
  &lt;div class=&#39;col-md-12&#39;&gt;
    &lt;button class=&quot;btn-secondary btn-lg&quot;&gt;Large&lt;/button&gt;
    &lt;button class=&quot;btn-secondary btn-md&quot;&gt;Medium&lt;/button&gt;
    &lt;button class=&quot;btn-secondary btn-sm&quot;&gt;Small&lt;/button&gt;
    &lt;button class=&quot;btn-secondary btn-xs&quot;&gt;Extra Small&lt;/button&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;br&gt;
&lt;br&gt;">Copy</button>
		<pre class="mb-0"><code class="lang-">&lt;link href=&quot;https://fonts.googleapis.com/css?family=Roboto:300,400&quot; rel=&quot;stylesheet&quot;&gt;
&lt;style&gt;
  button { margin: 5px 10px;}
&lt;/style&gt;

&lt;div class=&#39;row&#39;&gt;
  &lt;div class=&#39;col-md-12&#39;&gt;
    &lt;button class=&quot;btn-primary btn-lg&quot;&gt;Large&lt;/button&gt;
    &lt;button class=&quot;btn-primary btn-md&quot;&gt;Medium&lt;/button&gt;
    &lt;button class=&quot;btn-primary btn-sm&quot;&gt;Small&lt;/button&gt;
    &lt;button class=&quot;btn-primary btn-xs&quot;&gt;Extra Small&lt;/button&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;br&gt;
&lt;br&gt;
&lt;div class=&#39;row&#39;&gt;
  &lt;div class=&#39;col-md-12&#39;&gt;
    &lt;button class=&quot;btn-secondary btn-lg&quot;&gt;Large&lt;/button&gt;
    &lt;button class=&quot;btn-secondary btn-md&quot;&gt;Medium&lt;/button&gt;
    &lt;button class=&quot;btn-secondary btn-sm&quot;&gt;Small&lt;/button&gt;
    &lt;button class=&quot;btn-secondary btn-xs&quot;&gt;Extra Small&lt;/button&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;br&gt;
&lt;br&gt;</code></pre>
	</div>
</div></div>
</div>

				</div>
				<div id="category-forms" class="theme-content-category">
						<div id="inputs" class="i-library theme-content-element">
	<h1 class="display-4 theme-content-element-title">Inputs</h1>
	<span class="theme-content-element-source">
		<span class="theme-content-element-source-label">Source:</span>
		<span class="theme-content-element-source-path">stylemark/stylemark_markdown_inputs.md</span>
	</span>
	<div class="theme-content-element-description"><div class="i-example">
                    <h5 class="i-example__heading">
                        <a
                            href="inputs-input-types.html"
                            target="_blank"
                            class="plain-link"
                            data-toggle="tooltip"
                            data-placement="top"
                            title="Open in a new window"
                        >
                            <i class="fa fa-external-link-square fa-fw"></i>
                            Example
                        </a>
                    </h5>
                    <div class="i-example__body">
                        <div
                            class="i-example__iframe"
                            lazyframe
                            data-src="inputs-input-types.html"
                            data-initinview="true"
                            data-title="Loading…"

                        ></div>
                    </div>
                </div>


<div class="i-code-block">
	<button type="button" class="i-code-block__lang -collapsible"><i class="fa fa-caret-right fa-fw"></i> html</button>
	<div class="i-code-block__content hidden">
		<button type="button" class="btn btn-outline-primary btn-sm i-copy-button" data-clipboard-text="&lt;link href=&quot;https://fonts.googleapis.com/css?family=Roboto:300,400&quot; rel=&quot;stylesheet&quot;&gt;
&lt;style&gt;
  .v1{ font-family: roboto;}
&lt;/style&gt;

&lt;div class=&#39;v1&#39;&gt;
&lt;input class=&#39;form-control&#39; placeholder=&quot;have you smiled today?&quot;/&gt;
&lt;br&gt;
&lt;input class=&#39;form-control error&#39; placeholder=&quot;I haven&#39;t smile today&quot;/&gt;
&lt;br&gt;
&lt;div class=&#39;error&#39;&gt; something is wrong with the value above&lt;/div&gt;
&lt;br&gt;
&lt;textarea class=&#39;form-control&#39; placeholder=&quot;How are you?&quot;&gt;&lt;/textarea&gt;
&lt;br&gt;
&lt;div class=&#39;inline-input&#39;&gt;What is the last book you&#39;re read? &lt;i class=&#39;fa fa-pencil&#39;&gt;&lt;/i&gt; &lt;/div&gt;
&lt;br&gt;
&lt;div class=&#39;inline-input no-edit&#39;&gt;What is the last book you&#39;re read? &lt;i class=&#39;fa fa-pencil&#39;&gt;&lt;/i&gt; &lt;/div&gt;
&lt;br&gt;
&lt;div class=&#39;inline-textarea&#39;&gt;What are your favorite bands?&lt;i class=&#39;fa fa-pencil&#39;&gt;&lt;/i&gt; &lt;/div&gt;
&lt;br&gt;
&lt;select class=&#39;select-custom&#39;&gt;
  &lt;option&gt;Unicorn&lt;/option&gt;
  &lt;option&gt;Kitten&lt;/option&gt;
  &lt;option&gt;Puppy&lt;/option&gt;
&lt;/select&gt;
&lt;/div&gt;">Copy</button>
		<pre class="mb-0"><code class="lang-">&lt;link href=&quot;https://fonts.googleapis.com/css?family=Roboto:300,400&quot; rel=&quot;stylesheet&quot;&gt;
&lt;style&gt;
  .v1{ font-family: roboto;}
&lt;/style&gt;

&lt;div class=&#39;v1&#39;&gt;
&lt;input class=&#39;form-control&#39; placeholder=&quot;have you smiled today?&quot;/&gt;
&lt;br&gt;
&lt;input class=&#39;form-control error&#39; placeholder=&quot;I haven&#39;t smile today&quot;/&gt;
&lt;br&gt;
&lt;div class=&#39;error&#39;&gt; something is wrong with the value above&lt;/div&gt;
&lt;br&gt;
&lt;textarea class=&#39;form-control&#39; placeholder=&quot;How are you?&quot;&gt;&lt;/textarea&gt;
&lt;br&gt;
&lt;div class=&#39;inline-input&#39;&gt;What is the last book you&#39;re read? &lt;i class=&#39;fa fa-pencil&#39;&gt;&lt;/i&gt; &lt;/div&gt;
&lt;br&gt;
&lt;div class=&#39;inline-input no-edit&#39;&gt;What is the last book you&#39;re read? &lt;i class=&#39;fa fa-pencil&#39;&gt;&lt;/i&gt; &lt;/div&gt;
&lt;br&gt;
&lt;div class=&#39;inline-textarea&#39;&gt;What are your favorite bands?&lt;i class=&#39;fa fa-pencil&#39;&gt;&lt;/i&gt; &lt;/div&gt;
&lt;br&gt;
&lt;select class=&#39;select-custom&#39;&gt;
  &lt;option&gt;Unicorn&lt;/option&gt;
  &lt;option&gt;Kitten&lt;/option&gt;
  &lt;option&gt;Puppy&lt;/option&gt;
&lt;/select&gt;
&lt;/div&gt;</code></pre>
	</div>
</div><hr>
</div>
</div>

				</div>
				<div id="category-unagi" class="theme-content-category">
						<div id="sizes" class="i-library theme-content-element">
	<h1 class="display-4 theme-content-element-title">Sizes</h1>
	<span class="theme-content-element-source">
		<span class="theme-content-element-source-label">Source:</span>
		<span class="theme-content-element-source-path">stylemark/stylemark_markdown_sizes.md</span>
	</span>
	<div class="theme-content-element-description"><p>To define size of an element we use bootstrap&#39;s grid system col-md-n/col-xs-n, where n is the amount of twelfth part of a width of the parent element (the whole bootstap styles are implemented, so feel free to use it)</p>
<div class="i-example">
                    <h5 class="i-example__heading">
                        <a
                            href="sizes-size-examples.html"
                            target="_blank"
                            class="plain-link"
                            data-toggle="tooltip"
                            data-placement="top"
                            title="Open in a new window"
                        >
                            <i class="fa fa-external-link-square fa-fw"></i>
                            Example
                        </a>
                    </h5>
                    <div class="i-example__body">
                        <div
                            class="i-example__iframe"
                            lazyframe
                            data-src="sizes-size-examples.html"
                            data-initinview="true"
                            data-title="Loading…"

                        ></div>
                    </div>
                </div>


<div class="i-code-block">
	<button type="button" class="i-code-block__lang -collapsible"><i class="fa fa-caret-right fa-fw"></i> html</button>
	<div class="i-code-block__content hidden">
		<button type="button" class="btn btn-outline-primary btn-sm i-copy-button" data-clipboard-text="&lt;link href=&quot;https://fonts.googleapis.com/css?family=Roboto:300,400&quot; rel=&quot;stylesheet&quot;&gt;

&lt;div class=&#39;row&#39;&gt;
  &lt;div class=&#39;col-md-12&#39;&gt;
    &lt;input class=&#39;form-control&#39; placeholder=&quot;have you smiled today?&quot;/&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&#39;row&#39;&gt;
  &lt;div class=&#39;col-xs-6&#39;&gt;
    &lt;input class=&#39;form-control&#39; placeholder=&quot;have you smiled today?&quot;/&gt;
  &lt;/div&gt;
  &lt;div class=&#39;col-xs-4&#39;&gt;
    &lt;input class=&#39;form-control&#39; placeholder=&quot;have you smiled today?&quot;/&gt;
  &lt;/div&gt;
  &lt;div class=&#39;col-xs-2&#39;&gt;
    &lt;input class=&#39;form-control&#39; placeholder=&quot;have you smiled today?&quot;/&gt;
  &lt;/div&gt;
&lt;/div&gt;

">Copy</button>
		<pre class="mb-0"><code class="lang-">&lt;link href=&quot;https://fonts.googleapis.com/css?family=Roboto:300,400&quot; rel=&quot;stylesheet&quot;&gt;

&lt;div class=&#39;row&#39;&gt;
  &lt;div class=&#39;col-md-12&#39;&gt;
    &lt;input class=&#39;form-control&#39; placeholder=&quot;have you smiled today?&quot;/&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&#39;row&#39;&gt;
  &lt;div class=&#39;col-xs-6&#39;&gt;
    &lt;input class=&#39;form-control&#39; placeholder=&quot;have you smiled today?&quot;/&gt;
  &lt;/div&gt;
  &lt;div class=&#39;col-xs-4&#39;&gt;
    &lt;input class=&#39;form-control&#39; placeholder=&quot;have you smiled today?&quot;/&gt;
  &lt;/div&gt;
  &lt;div class=&#39;col-xs-2&#39;&gt;
    &lt;input class=&#39;form-control&#39; placeholder=&quot;have you smiled today?&quot;/&gt;
  &lt;/div&gt;
&lt;/div&gt;

</code></pre>
	</div>
</div><hr>
</div>
</div>

				</div>
		</div>
		<div
			class="i-page__sidebar theme-sidebar"
			style="background: #f6f7f8;color: #132d48;"
		>
			<h1 class="i-sidebar-title h4 mt-4 theme-sidebar-header">
					<img class="i-sidebar-logo mr-2 theme-sidebar-header-logo" src="public/assets/images/dronebase_logo_navy.svg" height="40" alt="">
				<span class="theme-sidebar-header-title">Dronebase</span>
			</h1>
			
			<div class="relative mt-3 mb-2 px-0 theme-sidebar-search">
				<div class="i-search-input">
					<input id="search-filter" name="filter" type="search" placeholder="Search" class="form-control i-sidebar-item-filter">
					<label for="search-filter" class="search-input-icon icon-search"></label>
					<button type="button" class="i-search-input-reset" aria-label="Clear">
						<i class="icon-cross"></i>
					</button>
				</div>
			</div>
			
			<div class="theme-sidebar-categories">
					<div class="i-sidebar-list-group theme-sidebar-category">
			
						<h5
							class="pt-4 mb-1 theme-sidebar-category-title"
							data-filter-value=" Buttons "
						>
							<a href="#category-actions" class="i-sidebar-list-item">
								<b>Actions</b>
							</a>
						</h5>
			
						<div>
								<a
									href="#buttons"
									class="i-sidebar-list-item theme-sidebar-element"
									data-filter-value="Buttons"
								>
									<span>Buttons</span>
								</a>
						</div>
			
					</div>
					<div class="i-sidebar-list-group theme-sidebar-category">
			
						<h5
							class="pt-4 mb-1 theme-sidebar-category-title"
							data-filter-value=" Inputs "
						>
							<a href="#category-forms" class="i-sidebar-list-item">
								<b>Forms</b>
							</a>
						</h5>
			
						<div>
								<a
									href="#inputs"
									class="i-sidebar-list-item theme-sidebar-element"
									data-filter-value="Inputs"
								>
									<span>Inputs</span>
								</a>
						</div>
			
					</div>
					<div class="i-sidebar-list-group theme-sidebar-category">
			
						<h5
							class="pt-4 mb-1 theme-sidebar-category-title"
							data-filter-value=" Sizes "
						>
							<a href="#category-unagi" class="i-sidebar-list-item">
								<b>Unagi</b>
							</a>
						</h5>
			
						<div>
								<a
									href="#sizes"
									class="i-sidebar-list-item theme-sidebar-element"
									data-filter-value="Sizes"
								>
									<span>Sizes</span>
								</a>
						</div>
			
					</div>
			</div>
			
			<div class="i-sidebar-filter-no-results i-muted i-pad-horiz-2 theme-sidebar-search-no-results">
				No matches.
			</div>
			
			<div class="row no-gutters mt-auto py-4 theme-sidebar-footer">
				<span class="col">
					Generated by <a href="https://github.com/nextbigsoundinc/stylemark">Stylemark</a>
				</span>
			</div>
		</div>

		<script src="https://annvelents.github.io/dronebase_styleguide_t/dist/assets/js/vendor/jquery-3.2.1.slim.min.js"></script>
		<script src="https://annvelents.github.io/dronebase_styleguide_t/dist/assets/js/vendor/popper.min.js"></script>
		<script src="https://annvelents.github.io/dronebase_styleguide_t/dist/assets/js/vendor/tether.min.js"></script>
		<script src="https://annvelents.github.io/dronebase_styleguide_t/dist/assets/js/vendor/bootstrap.min.js"></script>
		<script src="https://annvelents.github.io/dronebase_styleguide_t/dist/assets/js/vendor/iframeResizer.min.js"></script>
		<script src="https://annvelents.github.io/dronebase_styleguide_t/dist/assets/js/vendor/lazyframe.min.js"></script>
		<script src="https://annvelents.github.io/dronebase_styleguide_t/dist/assets/js/vendor/highlight.min.js"></script>
		<script src="https://annvelents.github.io/dronebase_styleguide_t/dist/assets/js/vendor/clipboard.min.js"></script>
		<script src="https://annvelents.github.io/dronebase_styleguide_t/dist/assets/js/vendor/in-view.min.js"></script>
		<script src="https://annvelents.github.io/dronebase_styleguide_t/dist/assets/js/app.js"></script>

	</body>
</html>