<template>
  <div id="app">
    <div id="nav">
      <router-link to="/">Dropdown Multi Select</router-link> |
      <router-link to="/dropdown-search">Dropdown Search</router-link> |
      <router-link to="/calendar-range">Calendar Range</router-link> |
      <router-link to="/radio-inline">Radio Inline</router-link> |
      <router-link to="/modal-saglan">Modal Saglan</router-link> |
      <router-link to="/botones">Botones</router-link> |
      <router-link to="/dropdownmenu">DropdownMenu</router-link> |
      <router-link to="/paneles">Paneles</router-link>
    </div>
    <router-view />
  </div>
</template>

<script>
export default {
  name: "app"
};
</script>

<!--suppress CssUnknownTarget -->
<style lang="css">
@import "https://saglanenergy.com/static/css/bootstrap.css";
@import "https://saglanenergy.com/static/assets/css/icons/icomoon/styles.css";
@import "https://saglanenergy.com/static/assets/css/core.css";
@import "https://saglanenergy.com/static/assets/css/components.css";
@import "https://saglanenergy.com/static/css/general.css";
@import "./assets/fonts/fonts.css";
</style>

<style lang="scss">
@import "./assets/custom/main.scss";

body {
  margin: 0;
  padding: 0;
  font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5384616;
  color: #333;
}
</style>
