https://github.com/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
https://github.com/virtualvivek/amrapali-mobile

mobile-first mobile-web ui ui-design ux ux-design

Last synced: about 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/virtualvivek/amrapali-mobile
• Owner: virtualvivek
• Created: 2019-09-14T15:16:46.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2020-01-09T10:55:52.000Z (over 5 years ago)
• Last Synced: 2024-04-13T10:09:42.680Z (about 1 year ago)
• Topics: mobile-first, mobile-web, ui, ui-design, ux, ux-design
• Language: JavaScript
• Size: 4.88 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
 

📱 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.

```html

```

### Basic usage

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

#### Requirements

```html

```

 

​

​

​

​

## 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

```

 

​

​

​

​

## Browser Support

Mobile First.

All types work in Chrome and Firefox.

[![Twitter](https://img.shields.io/badge/Twitter-@Vivekverma__-blue.svg?style=flat)](http://twitter.com/Vivekverma__)

[![Codepen](https://img.shields.io/badge/[email protected]?style=flat)](http://codepen.com/vivekverma007)

[![Instagram](https://img.shields.io/badge/Instagram-@vivekverma__-ff69b4.svg?style=flat)](http://instagram.com/vivekverma__)

### Status

![GitHub code size in bytes](https://img.shields.io/github/repo-size/vivekverma007/Amrapali-Mobile.svg?color=orange)

![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/vivekverma007/Amrapali-Mobile.svg?color=yellow)

![GitHub release](https://img.shields.io/badge/release-v.2.0-darklime.svg?style=flat)