virtualvivek / Amrapali-Mobile

This Module brings native Amrapali website to the mobile environment as per the modern flat ui interface guidelines. It extends previous classes to create custom flat interface

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

πŸ“± AMRAPALI MOBILE

A UI UX improvement provides modern mobile flat interface


Features

  • Added Backdrop Shadows ​

  • Bottom Navigation bar ​

  • Implements SVG Vector Icon ​

  • New Social Carousel Introduced ​

​ ​ ​ ​

Installation

Include mobile and icons folder in your target project file.

<link rel='stylesheet' href='mobile/mobile_res.css'/>
<link rel='stylesheet' href='mobile/flat_styles.css'/>

Basic usage

All new classes for styling is the successor to bootstrap.css classes

Requirements

<link rel='stylesheet' href='bootstrap.min..css'/>
<script type='text/javascript' src='bootstrap.min.js'></script>

​ ​ ​ ​

Social Carousel

A Carousel based plugin provides all social links available for this organization

Implementation

  1. Copy include/social_carousel.html in your target folder

  2. Add this php code in your index.php file

<?php include 'include/social_carousel.html';?>

​ ​ ​ ​

Browser Support

Mobile First.

All types work in Chrome and Firefox.

Twitter Codepen Instagram

Status

GitHub code size in bytes

GitHub code size in bytes

GitHub release

About

This Module brings native Amrapali website to the mobile environment as per the modern flat ui interface guidelines. It extends previous classes to create custom flat interface


Languages

Language:JavaScript 100.0%