• Features
  • What's included
  • Getting started
  • Continue reading

    • Responsive

    Your documentation works on any device: desktop, tablet or mobile.

    Customizable

    You can easily read, edit, and write your own code, or change everything.

    UI Elements

    There is a bunch of useful and necessary elements for writing documentation.

    Clean Code

    You can find our code well organized, commented and readable.

    Documented

    As you can see in this online documentation, we provided a comprehensive documentation.

    Free Updates

    When you purchase this template, you'll freely receive future updates.

     

    • HTML5 & CSS3
    • Built with Bootstrap 3.3
    • SASS files included
    • Grunt Tasks
    • Responsive design
    • Well documented
    • Developer friendly code
    • 44 HTML page
    • 30+ component variation
    • 13 skin color
    • Easy to customize: sidebar, header, color scheme, content
    • FontAwesome 400+ icons
    • Glyphicons 250+ icons
    • Wide & Boxed Layouts
    • Single page Layouts
    • Left/Right/No sidebar
    • Different navbar sizes & variation
    • Different banner sizes & variation
    • Different sidebar variation
    • 3 Type of views
    • Sticky sidebar
    • Syntax highlighter
    • Button variations
    • Tabs
    • Alerts
    • Callouts
    • Color palette
    • Lightbox
    • Carousel
    • Promo boxes
    • Script requirements
    • Directory explanation
    • File tree
    • Table of content
    • Changelog table
    • Property table
    • Instance searchable FAQ
    • Responsive video (YouTube, Vimeo, Self-hosted)
    • Extended Jumbotron
    • assets
      • css
        • custom.cssWrite your custom styles in this file
        • skin-*.cssSkin styles
        • theDocs.all.min.cssMinified version of all required CSS files
      • fontsFontAwesome and Glyphicons
      • imgHere is a place to put your media files like logo, images, videoes, etc.
      • js
        • theDocs.all.min.jsMinified version of all required Javascript files
        • custom.jsWrite your custom scripts in this file
      • vendorsBootstrap, jQuery, FontAwesome, etc.
    • layout_boxed_no-sidebar.html
    • layout_boxed_left-sidebar.html
    • layout_boxed_right-sidebar.html
    • layout_full_no-sidebar.html
    • layout_full_left-sidebar.html
    • layout_full_right-sidebar.html
    • layout_single-page-1.html
    • layout_single-page-2.html
    • layout_single-page-3.html
    • layout_sidebar_boxed.html

    We just included layouts files for your start point. You should choose one of those and start customizing components such as navbar, banner, sidebar and footer to make a starter file for your documentation. You can access to all of the available files in "Documentation" or "src" folder.


    • Prepare your directory

      Start your documentation project by makeing a copy of start-kit folder to your desired directory. This folder contains essential files to develop your documentation based on TheDocs.

    • Choose a layout

      Decide about your documentation layout. Boxed, full-width, or single page? Do you need a sidebar on the left of page, on the right of page, or a page without sidebar? Choose your desired layout from one of the starter files and start by editing it. Even it's better to decide about skin right now.

    • Design your header

      The header of the page is inside header tag. Customize it by editing logo and navigation links. If you need, you can include a banner as well.

    • Design your footer

      The footer of the page is inside footer tag. Customize it by editing copyright text and navigation links.

    • Design your sidebar

      If you've already planned your documentation pages, you can categorize them and design your sidebar.

    • Start writing

      Make a copy of your starter page and start writing your documentation with the help of our wonderful elements.