Documentation Welcome to Oreo Hospital FrontEnd

Start FrontEnd

Oreo Hospital FrontEnd

  • Created: 03 / July / 2018
  • Update: 21 / Jan / 2019

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

Oreo FrontEnd Pages

  • Home Page
  • Services Page
  • Departments Page
  • Doctors Page
  • Blog Page
  • Blog Detail Page
  • About Us Page
  • FAQs Page
  • Galary Page
  • Price List Page
  • Contact Us Page

FrontEnd Overview

Oreo Hospital is a popular open source WebSite template. It’s responsive HTML WebSite, 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 WebSite.

Bootstrap 4 Beta Framework

Bootstrap easily and efficiently scales your websites and applications with a single code base, from phones to tablets to desktops with CSS media queries.

Easily customizable

The internet is society’s true equalizer. It gives voices to the masses, as people from across the world can now express their opinions and ideals. Not since the industrial revolution, has humanity experienced such a game-changing invention.

HTML5/CSS3

HTML5 is a core technology markup language of the Internet used for structuring and presenting content for the World Wide Web.

Integrated plugins

You can enable one or more of the integrated Apache Cordova plugins to extend the functionality of your app. The integrated plugins are custom Apache Cordova plugins that the AppBuilder team modifies, configures and updates regularly.

Responsive layout

Let this collection of responsive designed websites across a variety of website types help get your creative and developer juices flowing. Each site features a screenshot across 4 device widths and you can see the media queries.

Most advanced

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

Grunt Installation

Installing Grunt: Run npm install grunt --save-dev command from your teminal to install grunt within your project.

Grunt Sass: Run grunt sass command from your project directory. It will compile SASS to CSS for the project. This will read the file `assets/scss/filename.scss` and output a plain-css file to `/assets/css/filename.css`.

Grunt JSHint: Run grunt jshint command from your project directory. It will checks all *.js files under `assetsjs/filename` for common syntax or coding errors using the JSHint utility.

Grunt Sprite: Run grunt sprite command from your project directory.

Further help: To get more help on the grunt checkout Grunt

Note: However, any SASS code you write must be able compile via Grunt as well.It will generate pre-compiled javascript templates. Reads all the *.html files from `assets/js/filename` and outputs `assets/js/filename.templates.js`. Template.js will contains code of UI design and will be change each time you build solution through above command.

Main Features

  • Bootstrap 4 New
  • Latest jquery v3.2.1 New
  • Built in SASS
  • JS Bundling Ready (Bundle) New
  • Blog full section New
  • Fully Responsive & Interactive
  • Image Slider
  • Elegant & Clean User Interface
  • Grid Based System
  • Detailed Documentation
  • Works well in all latest browsers like Chrome, Firefox, Opera, Safari, IE11+

Code Overview

  • 1. Header
  • 2. Slider
  • 3. Home Services
  • 4. Blog Page
  • 5. Doctors Page
  • 6. Departments Page