datta-able-bootstrap-dashboard/src/html/index.html at a1a7ee39bbe68c349f449067e643cbd4b811e946 · codedthemes/datta-able-bootstrap-dashboard · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!doctype html>
<html lang="en">
  <head>
    <title>Live Preview | Datta able Dashboard Template</title>
    <!-- [Meta] -->
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="description"
      content="Datta able is trending dashboard template made using Bootstrap 5 design framework. Datta able is available in Bootstrap, React, CodeIgniter, Angular,  and .net Technologies."
    />
    <meta
      name="keywords"
      content="Bootstrap admin template, Dashboard UI Kit, Dashboard Template, Backend Panel, react dashboard, angular dashboard"
    />
    <meta name="author" content="Codedthemes" />

    <!-- [Favicon] icon -->
    <link rel="icon" href="assets/images/favicon.svg" type="image/x-icon" />
    <!-- [Page specific CSS] start -->
    <link href="assets/css/plugins/animate.min.css" rel="stylesheet" type="text/css" />
    <link href="assets/css/plugins/swiper-bundle.css" rel="stylesheet" />
    <!-- [Page specific CSS] end -->
    <!-- [Font] Family -->
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600&display=swap" rel="stylesheet" />
    <!-- [Tabler Icons] https://tablericons.com -->
    <link rel="stylesheet" href="assets/fonts/tabler-icons.min.css" />
    <!-- [Feather Icons] https://feathericons.com -->
    <link rel="stylesheet" href="assets/fonts/feather.css" />
    <!-- [Font Awesome Icons] https://fontawesome.com/icons -->
    <link rel="stylesheet" href="assets/fonts/fontawesome.css" />
    <!-- [Material Icons] https://fonts.google.com/icons -->
    <link rel="stylesheet" href="assets/fonts/material.css" />
    <!-- [Template CSS Files] -->
    <link rel="stylesheet" href="assets/css/style.css" id="main-style-link" />
    <link rel="stylesheet" href="assets/css/style-preset.css" />
    <link rel="stylesheet" href="assets/css/landing.css" />
    <!-- buy now buuton script  -->
    <script defer src="https://fomo.codedthemes.com/pixel/yRevReYmxkh1j4z7Hc4tgbOKeXSu5Bm1"></script>
  </head>

  <body
    data-pc-preset="preset-1"
    data-pc-sidebar-caption="true"
    data-pc-direction="ltr"
    data-pc-sidebar_theme=""
    data-pc-theme="light"
    class="landing-page"
  >
    <!-- [ Pre-loader ] start -->
    <div class="loader-bg">
      <div class="loader-track">
        <div class="loader-fill"></div>
      </div>
    </div>
    <!-- [ Pre-loader ] End -->
    <!-- [ Header ] start -->
    <header id="home">
      <!-- [ Nav ] start -->
      <nav class="navbar navbar-expand-md navbar-Datta default top-nav-collapse bg-white">
        <div class="container">
          <a class="navbar-brand" href="index.html">
            <img src="assets/images/logo-dark.svg" alt="logo" />
          </a>
          <button
            class="navbar-toggler rounded"
            type="button"
            data-bs-toggle="collapse"
            data-bs-target="#navbarTogglerDemo01"
            aria-controls="navbarTogglerDemo01"
            aria-expanded="false"
            aria-label="Toggle navigation"
          >
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="navbarTogglerDemo01">
            <ul class="navbar-nav ms-auto mb-2 mb-md-0 align-items-start">
              <li class="nav-item px-1">
                <a class="nav-link" href="https://codedthemes.gitbook.io/datta/v/datta-able-bootstrap/" target="_blank">Documentation</a>
              </li>
              <li class="nav-item px-1">
                <a class="nav-link" href="dashboard/index.html">Live Preview</a>
              </li>
              <li class="nav-item px-1">
                <a class="nav-link me-sm-3" href="elements/bc_alert.html">Components</a>
              </li>
              <li class="nav-item">
                <a class="btn btn btn-dark" target="_blank" href="https://codedthemes.com/item/datta-able-bootstrap-admin-template/"
                  >Purchase Now <i class="ti ti-external-link"></i
                ></a>
              </li>
            </ul>
          </div>
        </div>
      </nav>
      <!-- [ Nav ] start -->
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-md-10 text-center">
            <h1 class="mb-4 wow animate__fadeInUp" data-wow-delay="0.2s">
              Explore One of the
              <strong class="hero-text-gradient">Featured Dashboard</strong>
              Template in Codedthemes
            </h1>
            <div class="row justify-content-center wow animate__fadeInUp" data-wow-delay="0.3s">
              <div class="col-md-8">
                <p class="text-muted f-16 mb-0">
                  Datta able is the one of the Featured admin dashboard template in Envato Marketplace and used by over 2.5K+ Customers
                  wordwide.
                </p>
              </div>
            </div>
            <div class="my-4 my-sm-5 wow animate__fadeInUp" data-wow-delay="0.4s">
              <a href="elements/bc_alert.html" class="btn btn-outline-secondary me-2">Explore Components</a>
              <a href="dashboard/index.html" class="btn btn-primary">Live Preview</a>
            </div>
            <div class="mt-4 mt-sm-5 wow animate__fadeInUp" data-wow-delay="0.4s">
              <img src="assets/images/landing/img-header-main.jpg" alt="images" class="img-fluid img-header" />
            </div>
          </div>
        </div>
      </div>
      <img src="assets/images/landing/img-wave.svg" alt="images" class="img-wave" />
    </header>
    <!-- [ Header ] End -->
    <!-- [ Main Content ] end -->
    <!-- Required Js -->
    <script src="assets/js/plugins/popper.min.js"></script>
    <script src="assets/js/plugins/simplebar.min.js"></script>
    <script src="assets/js/plugins/bootstrap.min.js"></script>
    <script src="assets/js/fonts/custom-font.js"></script>
    <script src="assets/js/script.js"></script>
    <script src="assets/js/theme.js"></script>
    <script src="assets/js/plugins/feather.min.js"></script>
    <script>
      // Start [ Menu hide/show on scroll ]
      let ost = 0;
      document.addEventListener('scroll', function () {
        let cOst = document.documentElement.scrollTop;
        if (cOst == 0) {
          document.querySelector('.navbar').classList.add('top-nav-collapse');
        } else if (cOst > ost) {
          document.querySelector('.navbar').classList.add('top-nav-collapse');
          document.querySelector('.navbar').classList.remove('default');
        } else {
          document.querySelector('.navbar').classList.add('default');
          document.querySelector('.navbar').classList.remove('top-nav-collapse');
        }
        ost = cOst;
      });
      // End [ Menu hide/show on scroll ]
    </script>
    <!-- [Page Specific JS] end -->
  </body>
</html>