1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 6 <meta name="description" content=""> 7 <meta name="keywords" content=""> 8 9 <title>TheDocs â Online Documentation Template</title> 10 11 <!-- Styles --> 12 <link href="assets/css/page.min.css" rel="stylesheet"> 13 <link href="assets/css/style.css" rel="stylesheet"> 14 15 <!-- Favicons --> 16 <link rel="apple-touch-icon" href="assets/img/apple-touch-icon.png"> 17 <link rel="icon" href="assets/img/favicon.png"> 18 19 <!-- Open Graph Tags --> 20 <meta property="og:title" content="TheDocs â Online Documentation Template"> 21 <meta property="og:description" content="A powerful, responsive, and high-performance html online documentation template which can help you rapidly develop your next softwareâs documentation."> 22 <meta property="og:image" content="http://thetheme.io/thedocs/assets/img/og-img.jpg"> 23 <meta property="og:url" content="http://thetheme.io/thedocs/"> 24 <meta name="twitter:card" content="summary_large_image"> 25 </head> 26 27 <body> 28 29 30 <!-- Navbar --> 31 <nav class="navbar navbar-expand-lg navbar-dark navbar-stick-dark" data-navbar="sticky"> 32 <div class="container"> 33 34 <div class="navbar-left"> 35 <button class="navbar-toggler" type="button">☰</button> 36 <a class="navbar-brand" href="index.html"> 37 <img class="logo-dark" src="assets/img/logo-dark.png" alt="logo"> 38 <img class="logo-light" src="assets/img/logo-light.png" alt="logo"> 39 </a> 40 </div> 41 42 <section class="navbar-mobile"> 43 <span class="navbar-divider d-mobile-none"></span> 44 45 <ul class="nav nav-navbar"> 46 <li class="nav-item"> 47 <a class="nav-link" href="#">Layouts <span class="arrow"></span></a> 48 <nav class="nav"> 49 <a class="nav-link" href="layout/general-1.html">General 1</a> 50 <a class="nav-link" href="layout/general-2.html">General 2</a> 51 <a class="nav-link" href="layout/general-3.html">General 3</a> 52 <a class="nav-link" href="layout/minimal-1.html">Minimal 1</a> 53 <a class="nav-link" href="layout/minimal-2.html">Minimal 2</a> 54 <a class="nav-link" href="layout/one-page-1.html">One Page</a> 55 </nav> 56 </li> 57 58 <li class="nav-item"> 59 <a class="nav-link" href="#">Help Center <span class="arrow"></span></a> 60 <ul class="nav"> 61 <li class="nav-item"> 62 <a class="nav-link" href="#">Homepage <span class="arrow"></span></a> 63 <nav class="nav"> 64 <a class="nav-link" href="help/homepage-1.html">Homepage 1</a> 65 <a class="nav-link" href="help/homepage-2.html">Homepage 2</a> 66 </nav> 67 </li> 68 69 <li class="nav-item"> 70 <a class="nav-link" href="#">Archive <span class="arrow"></span></a> 71 <nav class="nav"> 72 <a class="nav-link" href="help/archive-1.html">Archive 1</a> 73 <a class="nav-link" href="help/archive-2.html">Archive 2</a> 74 <a class="nav-link" href="help/archive-3.html">Archive 3</a> 75 </nav> 76 </li> 77 78 <li class="nav-item"> 79 <a class="nav-link" href="#">Article <span class="arrow"></span></a> 80 <nav class="nav"> 81 <a class="nav-link" href="help/article-1.html">Article 1</a> 82 <a class="nav-link" href="help/article-2.html">Article 2</a> 83 <a class="nav-link" href="help/article-3.html">Article 3</a> 84 </nav> 85 </li> 86 87 <li class="nav-item"> 88 <a class="nav-link" href="#">FAQ <span class="arrow"></span></a> 89 <nav class="nav"> 90 <a class="nav-link" href="help/faq-1.html">FAQ 1</a> 91 <a class="nav-link" href="help/faq-2.html">FAQ 2</a> 92 <a class="nav-link" href="help/faq-3.html">FAQ 3</a> 93 </nav> 94 </li> 95 </ul> 96 </li> 97 98 <li class="nav-item"> 99 <a class="nav-link" href="#">Pages <span class="arrow"></span></a> 100 <ul class="nav"> 101 <li class="nav-item"> 102 <a class="nav-link" href="#">Contact <span class="arrow"></span></a> 103 <nav class="nav"> 104 <a class="nav-link" href="page/contact-1.html">Contact 1</a> 105 <a class="nav-link" href="page/contact-2.html">
105Contact 2</a> 106 </nav> 107 </li> 108 109 <li class="nav-item"> 110 <a class="nav-link" href="#">Changelog <span class="arrow"></span></a> 111 <nav class="nav"> 112 <a class="nav-link" href="page/changelog-1.html">Changelog 1</a> 113 <a class="nav-link" href="page/changelog-2.html">Changelog 2</a> 114 </nav> 115 </li> 116 117 <li class="nav-item"> 118 <a class="nav-link" href="page/terms.html">Terms</a> 119 </li> 120 121 <li class="nav-item"> 122 <a class="nav-link" href="page/error-404.html">Error 404</a> 123 </li> 124 </ul> 125 </li> 126 127 <li class="nav-item"> 128 <a class="nav-link" href="#">Docs <span class="arrow"></span></a> 129 <nav class="nav"> 130 <a class="nav-link" href="docs/kb-introduction.html">Getting started</a> 131 <a class="nav-link" href="docs/typography.html">Content</a> 132 <a class="nav-link" href="docs/navbar.html">Layout</a> 133 <a class="nav-link" href="docs/accordion.html">Components</a> 134 </nav> 135 </li> 136 </ul> 137 </section> 138 139 <a class="btn btn-sm btn-round btn-success" href="https://themeforest.net/item/thedocs-online-documentation-template/13070884?license=regular&open_purchase_for_item_id=13070884&purchasable=source&ref=thethemeio" target="_blank">Purchase</a> 140 141 </div> 142 </nav><!-- /.navbar --> 143 144 145 <!-- Header --> 146 <header class="header" style="background-image: linear-gradient(135deg, #f9f7ff 0%, #fff 50%, #f6f3ff 100%);"> 147 <div class="container"> 148 <div class="row align-items-center"> 149 150 <div class="col-lg-6"> 151 <h1>Your Support Center</h1> 152 <p class="lead mt-5 mb-8">Thinking about having an online documentation or support system for your startup? TheDocs have everythings you need to develop your own help center.</p> 153 <p><a class="btn btn-lg btn-round btn-info" href="https://themeforest.net/item/thedocs-online-documentation-template/13070884?license=regular&open_purchase_for_item_id=13070884&purchasable=source&ref=thethemeio" target="_blank">Purchase Now</a></p> 154 </div> 155 156 <div class="col-lg-5 ml-auto d-none d-lg-block"> 157 <img src="assets/img/vector/1.png" alt="img"> 158 </div> 159 160 </div> 161 </div> 162 </header><!-- /.header --> 163 164 165 <!-- Main Content --> 166 <main class="main-content"> 167 168 169 <!-- 170 |ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 171 | Explore 172 |ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 173 !--> 174 <section class="section py-9"> 175 <div class="container"> 176 177 <div class="row gap-y text-center"> 178 179 <div class="col-md-4"> 180 <a class="card px-6 py-8 shadow-11 hover-shadow-9 text-default border" href="help/archive-1.html"> 181 <p><i class="ti-book lead-7 text-primary"></i></p> 182 <h5 class="fw-500 my-4">Knowledge Base</h5> 183 <p class="mb-0">Get started using this template by reading the helpful articles.</p> 184 </a> 185 </div> 186 187 <div class="col-md-4"> 188 <a class="card px-6 py-8 shadow-11 hover-shadow-9 text-default border" href="help/faq-1.html"> 189 <p><i class="ti-help lead-7 text-primary"></i></p> 190 <h5 class="fw-500 my-4">FAQ</h5> 191 <p class="mb-0">Lots of questions have asked before and have answers here.</p> 192 </a> 193 </div> 194 195 <div class="col-md-4"> 196 <a class="card px-6 py-8 shadow-11 hover-shadow-9 text-default border" href="docs/kb-introduction.html"> 197 <p><i class="ti-agenda lead-7 text-primary"></i></p> 198 <h5 class="fw-500 my-4">Documentation</h5> 199 <p class="mb-0">Read our documentation to get start and browse the available UI kit.</p> 200 </a> 201 </div> 202 203 </div> 204 205 206 </div> 207 </section> 208 209 210 <!-- 211 |ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 212 | Featured articles 213 |ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 214 !--> 215 <section class="section bg-gray"> 216 <div class="container"> 217 <header class="section-header"> 218 <small>UI Kit</small> 219 <h2>Popular Articles</h2> 220 <hr> 221 <p class="lead">The following articles are the most helpful articles. One of them might be the one you look for.</p> 222 </header> 223 224 225 <div class="row gap-y"> 226 227 <div class="col-md-6 col-xl-4"> 228 <h6 class="fw-500">Getting started</h6> 229 <ul class="list-unstyled lead"> 230 <li> 231 <i class="fa fa-caret-right text-primary small-1 mr-2"></i> 232 <a class="text-inherit" href="docs/kb-introduction.html">Introduction</a> 233 </li> 234 235 <li> 236 <i class="fa fa-caret-right text-primary small-1 mr-2"></i> 237 <a class="text-inherit" href="docs/kb-contents.html">Contents</a> 238 </li> 239 240 <li> 241 <i class="fa fa-caret-right text-primary small-1 mr-2"></i> 242 <a class="text-inherit" href="docs/kb-basic-starter.html">Basic starter</a> 243 </li> 244 245 <li> 246 <i class="fa fa-caret-right text-primary small-1 mr-2"></i> 247 <a class="text-inherit" href="docs/kb-expert-starter.html">Expert starter</a> 248 </li> 249 250 <li> 251 <i class="fa fa-caret-right text-primary small-1 mr-2"></i> 252 <a class="small" href="docs/kb-introduction.html">See All (4)</a> 253 </li> 254 </ul> 255 </div> 256 257 258 <div class="col-md-6 col-xl-4"> 259 <h6 class="fw-500">Content</h6> 260 <ul class="list-unstyled lead"> 261 <li> 262 <i class="fa fa-caret-right text-primary small-1 mr-2"></i> 263 <a class="text-inherit" href="docs/typography.html">Typography</a> 264 </li> 265 266 <li> 267 <i class="fa fa-caret-right text-primary small-1 mr-2"></i> 268 <a class="text-inherit" href="docs/code.html">
268Code</a> 269 </li> 270 271 <li> 272 <i class="fa fa-caret-right text-primary small-1 mr-2"></i> 273 <a class="text-inherit" href="docs/icon.html">Icons</a> 274 </li> 275 276 <li> 277 <i class="fa fa-caret-right text-primary small-1 mr-2"></i> 278 <a class="text-inherit" href="docs/table.html">Tables</a> 279 </li> 280 281 <li> 282 <i class="fa fa-caret-right text-primary small-1 mr-2"></i> 283 <a class="small" href="docs/typography.html">See All (6)</a> 284 </li> 285 </ul> 286 </div> 287 288 289 <div class="col-md-6 col-xl-4"> 290 <h6 class="fw-500">Components</h6> 291 <ul class="list-unstyled lead"> 292 <li> 293 <i class="fa fa-caret-right text-primary small-1 mr-2"></i> 294 <a class="text-inherit" href="docs/button.html">Buttons</a> 295 </li> 296 297 <li> 298 <i class="fa fa-caret-right text-primary small-1 mr-2"></i> 299 <a class="text-inherit" href="docs/form.html">Forms</a> 300 </li> 301 302 <li> 303 <i class="fa fa-caret-right text-primary small-1 mr-2"></i> 304 <a class="text-inherit" href="docs/alert.html">Alert</a> 305 </li> 306 307 <li> 308 <i class="fa fa-caret-right text-primary small-1 mr-2"></i> 309 <a class="text-inherit" href="docs/palette.html">Palette</a> 310 </li> 311 312 <li> 313 <i class="fa fa-caret-right text-primary small-1 mr-2"></i> 314 <a class="small" href="docs/accordion.html">See All (13)</a> 315 </li> 316 </ul> 317 </div> 318 319 </div> 320 321 322 </div> 323 </section> 324 325 326 327 <!-- 328 |ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 329 | More help 330 |ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 331 !--> 332 <section class="section"> 333 <div class="container"> 334 <header class="section-header"> 335 <h2>Get More Help</h2> 336 <hr> 337 <p class="lead">Here we have more ways to get help from real humans.</p> 338 </header> 339 340 341 <div class="row gap-y"> 342 343 <div class="col-md-6 col-lg-3"> 344 <a class="card card-body border hover-shadow-6 text-center py-6" href="#"> 345 <p><i class="fa fa-users lead-7 text-lighter"></i></p> 346 <h6 class="mb-0 mt-3">Forums</h6> 347 </a> 348 </div> 349 350 351 <div class="col-md-6 col-lg-3"> 352 <a class="card card-body border hover-shadow-6 text-center py-6" href="#"> 353 <p><i class="fa fa-twitter lead-7 text-lighter"></i></p> 354 <h6 class="mb-0 mt-3">Twitter Support</h6> 355 </a> 356 </div> 357 358 359 <div class="col-md-6 col-lg-3"> 360 <a class="card card-body border hover-shadow-6 text-center py-6" href="#"> 361 <p><i class="fa fa-envelope lead-7 text-lighter"></i></p> 362 <h6 class="mb-0 mt-3">Email Us</h6> 363 </a> 364 </div> 365 366 367 <div class="col-md-6 col-lg-3"> 368 <a class="card card-body border hover-shadow-6 text-center py-6" href="#"> 369 <p><i class="fa fa-phone lead-7 text-lighter"></i></p> 370 <h6 class="mb-0 mt-3">Phone Call</h6> 371 </a> 372 </div> 373 374 </div> 375 </div> 376 </section> 377 378 379 </main><!-- /.main-content --> 380 381 382 <!-- Footer --> 383 <footer class="footer"> 384 <div class="container"> 385 <div class="row gap-y align-items-center"> 386 387 <div class="col-md-9"> 388 <div class="nav justify-content-center justify-content-md-start"> 389 <a class="nav-link" href="index.html">Home</a> 390 <a class="nav-link" href="docs/kb-introduction.html">Docs</a> 391 <a class="nav-link" href="page/changelog-1.html">Changelog</a>
392 <a class="nav-link" href="https://themeforest.net/item/thedocs-online-documentation-template/13070884?license=regular&open_purchase_for_item_id=13070884&purchasable=source&ref=thethemeio">Purchase</a> 393 </div> 394 </div> 395 396 <div class="col-md-3 text-center text-md-right"> 397 <a href="http://thetheme.io">© TheThemeio</a> 398 </div> 399 </div> 400 </div> 401 </footer><!-- /.footer --> 402 403 404 <!-- Scripts --> 405
405<script src="assets/js/page.min.js"></script>
405 406
406<script src="assets/js/script.js"></script>
406 407 408 </body> 409</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.