Please wait...

Dashboard

Welcome to Swift application

Start Swift

Swift Hospital- Bring your Admin Panel to life.

  • Created: 21 February 2017
  • latest update: 15 November 2017
  • by: ThemeMakker
  • email : thememakker@gmail.com

Thank you for purchasing our template. If you have any questions that are beyond the scope of this help file, please feel free to email at thememakker@gmail.com

Thanks so much! (Please don't forgot to rate it )

Brief Overview

Swift is a popular open source WebApp template for admin dashboards and admin panels. It’s responsive HTML template, which is based on the Bootstrap 4X framework. It utilizes all of the Bootstrap components in design and re-styles many commonly used plugins to create a consistent design that can be used as a user interface for backend applications.

Swift is based on a modular design, which allows it to be easily customised and built upon any backend project in no-time. Our documentation will guide you through installing the template and exploring the various components that are bundled with the template.

Features

  1. Doctors Profile
  2. Doctors Schedule
  3. Patient Profile
  4. Patient Invoice
  5. Hospital Reports
  6. Built in SASS
  7. Built with Bootstrap 4
  8. Organized, structured code
  9. JS Bundling Ready (Bundle)
  10. Material Kit added (New)
  11. Fully Responsive & Interactive
  12. Elegant & Clean User Interface
  13. Expanded and Collapsed Menu (Multi Menu Levels)
  14. Responsive Tables
  15. Form Wizard
  16. IOS type Switches (New)
  17. Invoice
  18. 500+ Ui Components
  19. Range Slider (New)
  20. Powerful, flexible, and responsive
  21. Messenger Notifications
  22. Grid Based System
  23. 404, 500 Error Pages
  24. 50+ Usefull Pages
  25. Calendar integration
  26. Many Charts Options
  27. Validation Forms
  28. Lots of ready to use plugins.
  29. Detailed Documentation
  30. Google & Vector Maps
  31. Organized Folder Structure
  32. Works well in all latest browsers like chrome, Firefox, Opera, Safari, IE9+

Template

The template consist of following components as show in image below:

  1. Main header Top Bar - Consist of logo, toggle options like the chat , messages, notifications, search,
  2. Side bar -user profile shortcuts, Consist of user image and details, Main menu, Bar Graph Widgets
  3. Content Body
  4. Right Bar - Consist of groups and Contact Users for instant messaging. Click on user opens the chat window with that user.

HTML Structre

Page Head

Grunt File

Main Content

	
		<!-- START CONTENT -->
		<section id="main-content" class=" ">
			<section class="wrapper">

			<div class='col-lg-12 col-md-12 col-sm-12'>
				<div class="page-title">
					...               
				</div>
			</div>
			<div class="clearfix"></div>
			
			<div class="col-lg-12">
				<section class="box ">
					...
				</section>
			</div>

			</section>
		</section>
		<!-- END CONTENT -->
	

Folder Structure

HTML/
	├── assets/
	   ├── bundles/
	   ├── css/
	   ├── extras/
	   ├── fonts/
	   ├── images/
	   ├── js/
	   ├── ├── Page/              
	   ├── sass/
	└── css/    
	

CSS Structure

main.css is the main CSS file located in assets/css/ folder of the package. Whole CSS file is well indexed with topic and its related code.

Also animate.min.css file is found in this folder. It has all the animation classes for various elements.

Javascript

Swift admin.js is the mail javascript file having all the js code. File is located in assets/js/ folder. This file code is also well formatted and section in different respective function names.

Along with this chart library based js code and dashboard based js code are added in separate files for ease of use of user.

Font Used

Google fonts are used in the template. They are as follows: Roboto

Material Design Iconic Font: Click to See

All Images are used: Pexels.com

THANK YOU!

Once again, thank you so much for purchasing this template. As I said at the beginning, I'd be glad to help you if you have any questions relating to this template.