Sing App Documentation

Navigation

  1. Calendar
  2. Invoice
  3. Login page
  4. 404 page
  5. Gallery
  6. Search page
  7. Timeline

Calendar

FullCalendar is a jQuery plugin that provides a full-sized, drag & drop calendar. Read more about it on FullCalendar website. Files:

<script src="vendor/fullcalendar/fullcalendar.js"></script>

Invoice

Invoice page is a print-optimized document layout you can use for your invoices.

Login page

This template is great not just for login page, but for registration too, isn't it?

Login page contains only markup, so you may want to read about validation or forms.

404 page

Replace error code with your own!

404 page contains only markup, so you may want to read about widgets or forms.

Gallery uses Bootstrap's thumbnails, which are great for grids of photos or videos, image search results, retail products, portfolios, and much more.

Read more about it.

For this cool animated gallery sorting we use open source lib called Shuffle JS.

Search page contains only markup, so you may want to read about widgets orforms.

Timeline

Timeline page is inspired by facebook's one. Ready to use solution to display social events, todos, projects, etc. Basic timeline event looks like that:

<ul class="timeline">
    <li>
        <time class="event-time" datetime="2014-05-19 03:04">
            <span class="date">now</span>
        </time>
        <span class="event-icon event-icon-primary">
            <i class="glyphicon glyphicon-comment"></i>
        </span>
        <section class="event">
            <h4 class="event-heading">heading</h4>
            <p>text</p>
            <footer>
                <ul class="post-links">
                    <li><a href="#">1 hour</a></li>
                </ul>
            </footer>
        </section>
    </li>
    ...
</ul>