ionic-Material Design , Codecanyon

IonicMaterialDesign/.bowerrc

@@ -0,0 +1,3 @@
+{
+  "directory": "www/lib"
+}

IonicMaterialDesign/.editorconfig

@@ -0,0 +1,14 @@
+# http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+insert_final_newline = false
+trim_trailing_whitespace = false

IonicMaterialDesign/.gitignore

@@ -0,0 +1,7 @@
+# Specifies intentionally untracked files to ignore when using Git
+# http://git-scm.com/docs/gitignore
+
+node_modules/
+platforms/
+plugins/
+.idea/

IonicMaterialDesign/bower.json

@@ -0,0 +1,7 @@
+{
+  "name": "HelloIonic",
+  "private": "true",
+  "devDependencies": {
+    "ionic": "driftyco/ionic-bower#1.3.1"
+  }
+}

IonicMaterialDesign/config.xml

@@ -0,0 +1,81 @@
+<?xml version='1.0' encoding='utf-8'?>
+<widget id="com.ionicframework.ionicmaterialdesign392344" version="0.0.1" xmlns="http://www.w3.org/ns/widgets"
+        xmlns:cdv="http://cordova.apache.org/ns/1.0">
+  <name>IonicMaterialDesign</name>
+  <description>
+    An Ionic Framework and Cordova project.
+  </description>
+  <author email="ionicmaterialdesign@gmail.com" href="http://ionicframework.com/">
+    Ionic Up Team
+  </author>
+  <content src="index.html"/>
+  <allow-navigation href="tel:*" />
+  <access origin="*"/>
+  <access launch-external="yes" origin="tel:*"/>
+  <access launch-external="yes" origin="maps:*"/>
+  <access launch-external="yes" origin="geo:*"/>
+  <preference name="webviewbounce" value="false"/>
+  <preference name="UIWebViewBounce" value="false"/>
+  <preference name="DisallowOverscroll" value="true"/>
+  <preference name="SplashScreenDelay" value="2000"/>
+  <preference name="FadeSplashScreenDuration" value="2000"/>
+  <preference name="android-minSdkVersion" value="16"/>
+  <preference name="BackupWebStorage" value="none"/>
+  <preference name="SplashScreen" value="screen"/>
+  <feature name="StatusBar">
+    <param name="ios-package" onload="true" value="CDVStatusBar"/>
+  </feature>
+  <plugin name="cordova-plugin-contacts" spec="~2.1.0"/>
+  <engine name="ios" spec="~4.1.1"/>
+  <platform name="ios">
+    <icon height="57" src="resources/ios/icon/icon.png" width="57"/>
+    <icon height="114" src="resources/ios/icon/icon@2x.png" width="114"/>
+    <icon height="40" src="resources/ios/icon/icon-40.png" width="40"/>
+    <icon height="80" src="resources/ios/icon/icon-40@2x.png" width="80"/>
+    <icon height="120" src="resources/ios/icon/icon-40@3x.png" width="120"/>
+    <icon height="50" src="resources/ios/icon/icon-50.png" width="50"/>
+    <icon height="100" src="resources/ios/icon/icon-50@2x.png" width="100"/>
+    <icon height="60" src="resources/ios/icon/icon-60.png" width="60"/>
+    <icon height="120" src="resources/ios/icon/icon-60@2x.png" width="120"/>
+    <icon height="180" src="resources/ios/icon/icon-60@3x.png" width="180"/>
+    <icon height="72" src="resources/ios/icon/icon-72.png" width="72"/>
+    <icon height="144" src="resources/ios/icon/icon-72@2x.png" width="144"/>
+    <icon height="76" src="resources/ios/icon/icon-76.png" width="76"/>
+    <icon height="152" src="resources/ios/icon/icon-76@2x.png" width="152"/>
+    <icon height="167" src="resources/ios/icon/icon-83.5@2x.png" width="167"/>
+    <icon height="29" src="resources/ios/icon/icon-small.png" width="29"/>
+    <icon height="58" src="resources/ios/icon/icon-small@2x.png" width="58"/>
+    <icon height="87" src="resources/ios/icon/icon-small@3x.png" width="87"/>
+    <splash height="1136" src="resources/ios/splash/Default-568h@2x~iphone.png" width="640"/>
+    <splash height="1334" src="resources/ios/splash/Default-667h.png" width="750"/>
+    <splash height="2208" src="resources/ios/splash/Default-736h.png" width="1242"/>
+    <splash height="1242" src="resources/ios/splash/Default-Landscape-736h.png" width="2208"/>
+    <splash height="1536" src="resources/ios/splash/Default-Landscape@2x~ipad.png" width="2048"/>
+    <splash height="768" src="resources/ios/splash/Default-Landscape~ipad.png" width="1024"/>
+    <splash height="2048" src="resources/ios/splash/Default-Portrait@2x~ipad.png" width="1536"/>
+    <splash height="1024" src="resources/ios/splash/Default-Portrait~ipad.png" width="768"/>
+    <splash height="960" src="resources/ios/splash/Default@2x~iphone.png" width="640"/>
+    <splash height="480" src="resources/ios/splash/Default~iphone.png" width="320"/>
+  </platform>
+  <platform name="android">
+    <icon density="ldpi" src="resources/android/icon/drawable-ldpi-icon.png"/>
+    <icon density="mdpi" src="resources/android/icon/drawable-mdpi-icon.png"/>
+    <icon density="hdpi" src="resources/android/icon/drawable-hdpi-icon.png"/>
+    <icon density="xhdpi" src="resources/android/icon/drawable-xhdpi-icon.png"/>
+    <icon density="xxhdpi" src="resources/android/icon/drawable-xxhdpi-icon.png"/>
+    <icon density="xxxhdpi" src="resources/android/icon/drawable-xxxhdpi-icon.png"/>
+    <splash density="land-ldpi" src="resources/android/splash/drawable-land-ldpi-screen.png"/>
+    <splash density="land-mdpi" src="resources/android/splash/drawable-land-mdpi-screen.png"/>
+    <splash density="land-hdpi" src="resources/android/splash/drawable-land-hdpi-screen.png"/>
+    <splash density="land-xhdpi" src="resources/android/splash/drawable-land-xhdpi-screen.png"/>
+    <splash density="land-xxhdpi" src="resources/android/splash/drawable-land-xxhdpi-screen.png"/>
+    <splash density="land-xxxhdpi" src="resources/android/splash/drawable-land-xxxhdpi-screen.png"/>
+    <splash density="port-ldpi" src="resources/android/splash/drawable-port-ldpi-screen.png"/>
+    <splash density="port-mdpi" src="resources/android/splash/drawable-port-mdpi-screen.png"/>
+    <splash density="port-hdpi" src="resources/android/splash/drawable-port-hdpi-screen.png"/>
+    <splash density="port-xhdpi" src="resources/android/splash/drawable-port-xhdpi-screen.png"/>
+    <splash density="port-xxhdpi" src="resources/android/splash/drawable-port-xxhdpi-screen.png"/>
+    <splash density="port-xxxhdpi" src="resources/android/splash/drawable-port-xxxhdpi-screen.png"/>
+  </platform>
+  <icon src="resources/android/icon/drawable-xhdpi-icon.png"/>
+</widget>

IonicMaterialDesign/gulpfile.js

@@ -0,0 +1,51 @@
+var gulp = require('gulp');
+var gutil = require('gulp-util');
+var bower = require('bower');
+var concat = require('gulp-concat');
+var sass = require('gulp-sass');
+var minifyCss = require('gulp-minify-css');
+var rename = require('gulp-rename');
+var sh = require('shelljs');
+
+var paths = {
+  sass: ['./scss/**/*.scss']
+};
+
+gulp.task('default', ['sass']);
+
+gulp.task('sass', function(done) {
+  gulp.src('./scss/*.scss')
+    .pipe(sass())
+    .on('error', sass.logError)
+    .pipe(gulp.dest('./www/css/'))
+    .pipe(minifyCss({
+      keepSpecialComments: 0
+    }))
+    .pipe(rename({ extname: '.min.css' }))
+    .pipe(gulp.dest('./www/css/'))
+    .on('end', done);
+});
+
+gulp.task('watch', function() {
+  gulp.watch(paths.sass, ['sass']);
+});
+
+gulp.task('install', ['git-check'], function() {
+  return bower.commands.install()
+    .on('log', function(data) {
+      gutil.log('bower', gutil.colors.cyan(data.id), data.message);
+    });
+});
+
+gulp.task('git-check', function(done) {
+  if (!sh.which('git')) {
+    console.log(
+      '  ' + gutil.colors.red('Git is not installed.'),
+      '\n  Git, the version control system, is required to download Ionic.',
+      '\n  Download git here:', gutil.colors.cyan('http://git-scm.com/downloads') + '.',
+      '\n  Once git is installed, run \'' + gutil.colors.cyan('gulp install') + '\' again.'
+    );
+    process.exit(1);
+  }
+  done();
+});

IonicMaterialDesign/hooks/README.md

@@ -0,0 +1,83 @@
+<!--
+#
+# Licensed to the Apache Software Foundation (ASF) under one
+# or more contributor license agreements.  See the NOTICE file
+# distributed with this work for additional information
+# regarding copyright ownership.  The ASF licenses this file
+# to you under the Apache License, Version 2.0 (the
+# "License"); you may not use this file except in compliance
+# with the License.  You may obtain a copy of the License at
+#
+# http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing,
+# software distributed under the License is distributed on an
+# "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+#  KIND, either express or implied.  See the License for the
+# specific language governing permissions and limitations
+# under the License.
+#
+-->
+# Cordova Hooks
+
+This directory may contain scripts used to customize cordova commands. This
+directory used to exist at `.cordova/hooks`, but has now been moved to the
+project root. Any scripts you add to these directories will be executed before
+and after the commands corresponding to the directory name. Useful for
+integrating your own build systems or integrating with version control systems.
+
+__Remember__: Make your scripts executable.
+
+## Hook Directories
+The following subdirectories will be used for hooks:
+
+    after_build/
+    after_compile/
+    after_docs/
+    after_emulate/
+    after_platform_add/
+    after_platform_rm/
+    after_platform_ls/
+    after_plugin_add/
+    after_plugin_ls/
+    after_plugin_rm/
+    after_plugin_search/
+    after_prepare/
+    after_run/
+    after_serve/
+    before_build/
+    before_compile/
+    before_docs/
+    before_emulate/
+    before_platform_add/
+    before_platform_rm/
+    before_platform_ls/
+    before_plugin_add/
+    before_plugin_ls/
+    before_plugin_rm/
+    before_plugin_search/
+    before_prepare/
+    before_run/
+    before_serve/
+    pre_package/ <-- Windows 8 and Windows Phone only.
+
+## Script Interface
+
+All scripts are run from the project's root directory and have the root directory passes as the first argument. All other options are passed to the script using environment variables:
+
+* CORDOVA_VERSION - The version of the Cordova-CLI.
+* CORDOVA_PLATFORMS - Comma separated list of platforms that the command applies to (e.g.: android, ios).
+* CORDOVA_PLUGINS - Comma separated list of plugin IDs that the command applies to (e.g.: org.apache.cordova.file, org.apache.cordova.file-transfer)
+* CORDOVA_HOOK - Path to the hook that is being executed.
+* CORDOVA_CMDLINE - The exact command-line arguments passed to cordova (e.g.: cordova run ios --emulate)
+
+If a script returns a non-zero exit code, then the parent cordova command will be aborted.
+
+
+## Writing hooks
+
+We highly recommend writting your hooks using Node.js so that they are
+cross-platform. Some good examples are shown here:
+
+[http://devgirl.org/2013/11/12/three-hooks-your-cordovaphonegap-project-needs/](http://devgirl.org/2013/11/12/three-hooks-your-cordovaphonegap-project-needs/)
+

IonicMaterialDesign/hooks/after_prepare/010_add_platform_class.js

@@ -0,0 +1,94 @@
+#!/usr/bin/env node
+
+// Add Platform Class
+// v1.0
+// Automatically adds the platform class to the body tag
+// after the `prepare` command. By placing the platform CSS classes
+// directly in the HTML built for the platform, it speeds up
+// rendering the correct layout/style for the specific platform
+// instead of waiting for the JS to figure out the correct classes.
+
+var fs = require('fs');
+var path = require('path');
+
+var rootdir = process.argv[2];
+
+function addPlatformBodyTag(indexPath, platform) {
+  // add the platform class to the body tag
+  try {
+    var platformClass = 'platform-' + platform;
+    var cordovaClass = 'platform-cordova platform-webview';
+
+    var html = fs.readFileSync(indexPath, 'utf8');
+
+    var bodyTag = findBodyTag(html);
+    if(!bodyTag) return; // no opening body tag, something's wrong
+
+    if(bodyTag.indexOf(platformClass) > -1) return; // already added
+
+    var newBodyTag = bodyTag;
+
+    var classAttr = findClassAttr(bodyTag);
+    if(classAttr) {
+      // body tag has existing class attribute, add the classname
+      var endingQuote = classAttr.substring(classAttr.length-1);
+      var newClassAttr = classAttr.substring(0, classAttr.length-1);
+      newClassAttr += ' ' + platformClass + ' ' + cordovaClass + endingQuote;
+      newBodyTag = bodyTag.replace(classAttr, newClassAttr);
+
+    } else {
+      // add class attribute to the body tag
+      newBodyTag = bodyTag.replace('>', ' class="' + platformClass + ' ' + cordovaClass + '">');
+    }
+
+    html = html.replace(bodyTag, newBodyTag);
+
+    fs.writeFileSync(indexPath, html, 'utf8');
+
+    process.stdout.write('add to body class: ' + platformClass + '\n');
+  } catch(e) {
+    process.stdout.write(e);
+  }
+}
+
+function findBodyTag(html) {
+  // get the body tag
+  try{
+    return html.match(/<body(?=[\s>])(.*?)>/gi)[0];
+  }catch(e){}
+}
+
+function findClassAttr(bodyTag) {
+  // get the body tag's class attribute
+  try{
+    return bodyTag.match(/ class=["|'](.*?)["|']/gi)[0];
+  }catch(e){}
+}
+
+if (rootdir) {
+
+  // go through each of the platform directories that have been prepared
+  var platforms = (process.env.CORDOVA_PLATFORMS ? process.env.CORDOVA_PLATFORMS.split(',') : []);
+
+  for(var x=0; x<platforms.length; x++) {
+    // open up the index.html file at the www root
+    try {
+      var platform = platforms[x].trim().toLowerCase();
+      var indexPath;
+
+      if(platform == 'android') {
+        indexPath = path.join('platforms', platform, 'assets', 'www', 'index.html');
+      } else {
+        indexPath = path.join('platforms', platform, 'www', 'index.html');
+      }
+
+      if(fs.existsSync(indexPath)) {
+        addPlatformBodyTag(indexPath, platform);
+      }
+
+    } catch(e) {
+      process.stdout.write(e);
+    }
+  }
+
+}

IonicMaterialDesign/ionic.project

@@ -0,0 +1,19 @@
+{
+  "name": "IonicMaterialDesign",
+  "app_id": "",
+  "gulpStartupTasks": [
+    "sass",
+    "watch"
+  ],
+  "watchPatterns": [
+    "www/**/*",
+    "!www/lib/**/*"
+  ],
+  "browsers": [
+    {
+      "platform": "android",
+      "browser": "crosswalk",
+      "version": "12.41.296.5"
+    }
+  ]
+}

IonicMaterialDesign/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "ionicmaterialdesign",
+  "version": "1.1.1",
+  "description": "IonicMaterialDesign: An Ionic project",
+  "dependencies": {
+    "gulp": "^3.5.6",
+    "gulp-sass": "^2.0.4",
+    "gulp-concat": "^2.2.0",
+    "gulp-minify-css": "^0.3.0",
+    "gulp-rename": "^1.2.0"
+  },
+  "devDependencies": {
+    "bower": "^1.3.3",
+    "gulp-util": "^2.2.14",
+    "shelljs": "^0.3.0"
+  },
+  "cordovaPlugins": [],
+  "cordovaPlatforms": [
+    "ios",
+    "android"
+  ]
+}

IonicMaterialDesign/scss/ionic.app.scss

@@ -0,0 +1,23 @@
+/*
+To customize the look and feel of Ionic, you can override the variables
+in ionic's _variables.scss file.
+
+For example, you might change some of the default colors:
+
+$light:                           #fff !default;
+$stable:                          #f8f8f8 !default;
+$positive:                        #387ef5 !default;
+$calm:                            #11c1f3 !default;
+$balanced:                        #33cd5f !default;
+$energized:                       #ffc900 !default;
+$assertive:                       #ef473a !default;
+$royal:                           #886aea !default;
+$dark:                            #444 !default;
+*/
+
+// The path for our ionicons font files, relative to the built CSS in www/css
+$ionicons-font-path: "../lib/ionic/fonts" !default;
+
+// Include all of Ionic
+@import "www/lib/ionic/scss/ionic";
+

IonicMaterialDesign/version.txt

@@ -0,0 +1,154 @@
+Ionic Material Design
+==========================================
+
+Version 4.2 - Released 24 June 2016
+
+==========================================
+Plugin :
+- Add plugin cordova-plugin-whitelist to avoid http 404 errors when your app tries to make network requests on android.
+——————————————————————————————————————————
+CSS :
+- Add hidden overflow-x to class product-slide-list to fix horizontal scroll bar appear on page load.
+
+==========================================
+
+Version 4.1 - Released 30 May 2016
+
+==========================================
+Update Framework :
+- Update cordova to lasted version.
+- Remove fix plugin version.
+——————————————————————————————————————————
+Update Feature :
+- Change plugin AdMob to AdMob Pro version for use more stable version.
+——————————————————————————————————————————
+Plugin :
+- Because of plugin update make npm throw error while installing plugin. We are changed below plugin to stable version :
+- Change plugin https://github.com/floatinghotpot/cordova-plugin-admob.git (AdMob) to cordova-plugin-admobpro (AdMob Pro)
+- Change plugin de.appplant.cordova.plugin.email-composer@0.8.2 to cordova-plugin-email-composer
+- Change plugin org.apache.cordova.splashscreen@1.0.0 to cordova-plugin-splashscreen
+- Removed unused plugin cordova-plugin-googleplayservices@19.0.3 because of changed plugin AdMob to AdMob Pro version.
+——————————————————————————————————————————
+Documentation :
+- Update content of section D-4) Add Ionic Plugin
+    Change plugin https://github.com/floatinghotpot/cordova-plugin-admob.git (AdMob) to cordova-plugin-admobpro (AdMob Pro)
+    Change plugin de.appplant.cordova.plugin.email-composer@0.8.2 to cordova-plugin-email-composer
+    Change plugin org.apache.cordova.splashscreen@1.0.0 to cordova-plugin-splashscreen
+    Removed unused plugin cordova-plugin-googleplayservices@19.0.3 because of changed plugin AdMob to AdMob Pro version.
+- Update content of section D-7 Android Build
+    Add new instruction for build AdMob Pro in android to avoid build error.
+- Update content of section D-13) Update project to latest version
+    Add new content of file and resource that update in this version.
+-   Update content of section M) Support
+    Add new content about devise size
+- Update content of section J-2-2) Facebook
+    Update new content of Facebook API Registration according from Facebook update.
+
+==========================================
+
+Version 4 - Released 24 February 2016
+
+==========================================
+New Feature :
+- Show popup dialog before application close when tap Back Button on android.
+- Make the side menu close when swipe left on side menu.
+- Make the side menu close when tap Back Button on android.
+- Make the bottom sheet close when tap Back Button on android.
+- Make the popup dialog close when tap Back Button on android.
+- Make the md-menu close when tap Back Button on android.
+- Make the md-select close when tap Back Button on android.
+——————————————————————————————————————————
+Update Feature :
+- SQLite contract list page will show grid with md-menu by default.
+——————————————————————————————————————————
+Documentation :
+- Update content of section D-4) Add Ionic Plugin
+    1.Update plugin cordova-plugin-inappbrowser to version 1.1.3
+    2.Change cordova-plugin-splashscreen plugin to org.apache.cordova.splashscreen to support new version of Android and IOS
+    3.Remove section of About local notifications plugin Because the probelm has been fixed.
+- Remove content of section Plugin that will not working on El Capitan, Xcode 7 (Only IOS) Because the probelm has been fixed.
+- Add new section Update project to latest version for project update instruction.
+- Add new content of section Support
+
+==========================================
+
+Version 3.3 - Released 08 February 2016
+
+==========================================
+Documentation :
+- Update content of section D-4) Add Ionic Plugin
+   1.Fix version of cordova plugin to avoid plugin update not compatible with framework make project build failed.
+   2.Change plugin cordova-plugin-inappbrowser to version 1.1.1 because of version 1.1.2 have error about callback url.
+   3.Add new section About local notifications plugin
+     - For IOS Build from Mac OS Version that is not : El Capitan
+     - For Android Build (Mac and Windows)
+- Update new content of section K) Known Issues : Plugin that will not working on El Capitan, Xcode 7 (Only IOS).
+   1.Flash Light
+   2.Image Picker
+   3.Send Text Messages
+
+==========================================
+
+Version 3.2 - Released 10 January 2016
+
+==========================================
+Plugin :
+- Change ionic plugin keyboard to stable version from com.ionic.keyboard to ionic-plugin-keyboard
+- Add new googleplayservices plugin to supprot dependencies update of AdMob plugin.
+——————————————————————————————————————————
+Update package.json File :
+- Update dependencies and devDependencies of gulp-sass from version ^1.3.3 to ^2.0.0 for support NodeJs version > 4.0.0
+——————————————————————————————————————————
+Documentation :
+- Update content of section D-1) Installing Ionic Framework to using NodeJs LTS version to avoid cordova plugin issue.
+- Add new content of section D-1) Installing Ionic Framework about instruction for Mac OS El Capitan to fix issue of
+  cordova when add platform then it will get failed return (cordova keeps a cached version in your ${HOME}/.cordova folder.)
+
+==========================================
+
+Version 3.1 - Released 9 December 2015
+
+==========================================
+JavaScript libraries :
+- Update ngcordova to Version 0.1.23
+——————————————————————————————————————————
+Plugin :
+- Change inappbrowser plugin to stable version
+  from org.apache.cordova.inappbrowser to cordova-plugin-inappbrowser
+——————————————————————————————————————————
+Update :
+- Update controller of AdMob to compatible with last updated of AdMob Plugin.
+——————————————————————————————————————————
+Documentation :
+- Update content of section D-1 because of the latest version of cordova is not stable.
+  We recommend you to use cordova version 5.3.3 for avoiding plugin installation issue.
+- Update content of section D-4 change link of inappbrowser plugin to stable version
+  from org.apache.cordova.inappbrowser to cordova-plugin-inappbrowser
+
+==========================================
+
+Version 3.0 - Released 4 November 2015
+
+==========================================
+New Feature :
+- Android Map Connect.
+- IOS Map Connect.
+- Setting for Enable/Disable view animation.
+——————————————————————————————————————————
+Performance :
+- Improve application performance by add Crosswalk Browser for Android.
+- Improve view content and add new setting section for Enable/Disable view animation.
+——————————————————————————————————————————
+Update :
+- Update toggle left Menu to enable animation on IOS and disable on Android.
+——————————————————————————————————————————
+Plugin :
+- Change SQLite Plugin to https://github.com/litehelpers/Cordova-sqlite-storage.git
+- Add new plugin cordova-plugin-transport-security to allow 'Arbitrary Loads' by adding
+  a declaration to the Info.plist file to bypass the Xcode 7 and iOS 9 App Transport
+  Security.
+——————————————————————————————————————————
+Documentation :
+- Add new section for detail of IOS Map Connect J-6-1
+- Add new section for detail of Android Map Connect J-6-2
+——————————————————————————————————————————

IonicMaterialDesign/www/app-data/product-list.json

@@ -0,0 +1,66 @@
+[
+  {
+    "title": "Plain Shirt",
+    "detail": "A shirt with plain design.",
+    "fullDetail": "Plain design shirt. Created by material team.",
+    "img": "img/shirt_01.png",
+    "price": "590",
+    "promotionPrice": "59"
+  },
+  {
+    "title": "Spring Shirt",
+    "detail": "Made by high quality silk",
+    "fullDetail": "Plain design shirt. Created by material team. Made by high quality material.",
+    "img": "img/shirt_05.png",
+    "price": "800",
+    "promotionPrice": "80"
+  },
+  {
+    "title": "Plain Shirt",
+    "detail": "A shirt with plain design.",
+    "fullDetail": "Plain design shirt made by material.",
+    "img": "img/shirt_03.png",
+    "price": "450",
+    "promotionPrice": "45"
+  },
+  {
+    "title": "Spring Shirt",
+    "detail": "Made by quality silk",
+    "fullDetail": "Plain design shirt. Created by material team.",
+    "img": "img/shirt_04.png",
+    "price": "800",
+    "promotionPrice": "80"
+  },
+  {
+    "title": "Spring Shirt",
+    "detail": "Made by quality silk",
+    "fullDetail": "Plain design shirt made by high quality material.",
+    "img": "img/shirt_05.png",
+    "price": "990",
+    "promotionPrice": "99"
+  },
+  {
+    "title": "Plain Shirt",
+    "detail": "A shirt with plain design.",
+    "fullDetail": "Plain design shirt made by high quality material.",
+    "img": "img/shirt_02.png",
+    "price": "100",
+    "promotionPrice": "10"
+  },
+  {
+    "title": "Plain Shirt",
+    "detail": "A shirt with plain design.",
+    "fullDetail": "Plain design shirt made by high quality material.",
+    "img": "img/shirt_06.png",
+    "price": "870",
+    "promotionPrice": "87"
+  },
+  {
+    "title": "Plain Shirt",
+    "detail": "A shirt with plain design.",
+    "fullDetail": "Plain design shirt made by high quality material.",
+    "img": "img/shirt_01.png",
+    "price": "300",
+    "promotionPrice": "30"
+  }
+]

IonicMaterialDesign/www/img/icons/facebook.svg

@@ -0,0 +1 @@
+<svg version="1.1" x="0px" y="0px" width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve"><g><g><g><path fill="#7d7d7d" d="M40,4H8C5.8,4,4,5.8,4,8l0,32c0,2.2,1.8,4,4,4h32c2.2,0,4-1.8,4-4V8C44,5.8,42.2,4,40,4z M38,8v6h-4c-1.1,0-2,0.9-2,2v4h6v6h-6v14h-6V26h-4v-6h4v-5c0-3.9,3.1-7,7-7H38z"/></g><g><rect fill="none" width="48" height="48"/></g></g></g></svg>

IonicMaterialDesign/www/img/icons/favorite.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+    <path d="M0 0h24v24h-24z" fill="none"/>
+    <path d="M12 21.35l-1.45-1.32c-5.15-4.67-8.55-7.75-8.55-11.53 0-3.08 2.42-5.5 5.5-5.5 1.74 0 3.41.81 4.5 2.09 1.09-1.28 2.76-2.09 4.5-2.09 3.08 0 5.5 2.42 5.5 5.5 0 3.78-3.4 6.86-8.55 11.54l-1.45 1.31z"/>
+</svg>

IonicMaterialDesign/www/img/icons/mail.svg

@@ -0,0 +1 @@
+<svg version="1.1" x="0px" y="0px" width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve"><g><g><path fill="#7d7d7d" d="M40,8H8c-2.2,0-4,1.8-4,4l0,24c0,2.2,1.8,4,4,4h32c2.2,0,4-1.8,4-4V12C44,9.8,42.2,8,40,8z M40,16L24,26L8,16v-4l16,10l16-10V16z"/><rect fill="none" width="48" height="48"/></g></g></svg>

IonicMaterialDesign/www/img/icons/menu.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
+    <path d="M0 0h18v18h-18z" fill="none"/>
+    <path d="M2 13.5h14v-1.5h-14v1.5zm0-4h14v-1.5h-14v1.5zm0-5.5v1.5h14v-1.5h-14z"/>
+</svg>

IonicMaterialDesign/www/img/icons/message.svg

@@ -0,0 +1 @@
+<svg version="1.1" x="0px" y="0px" width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve"><g><g><path fill="#7d7d7d" d="M40,4H8C5.8,4,4,5.8,4,8l0,36l8-8h28c2.2,0,4-1.8,4-4V8C44,5.8,42.2,4,40,4z M36,28H12v-4h24V28z M36,22H12v-4h24V22zM36,16H12v-4h24V16z"/><rect x="0" fill="none" width="48" height="48"/></g></g></svg>

IonicMaterialDesign/www/img/icons/more_vert.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
+    <path d="M0 0h18v18h-18z" fill="none"/>
+    <path d="M9 5.5c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5-1.5.67-1.5 1.5.67 1.5 1.5 1.5zm0 2c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0 5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5z"/>
+</svg>

IonicMaterialDesign/www/img/icons/share-arrow.svg

@@ -0,0 +1 @@
+<svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"><g><g><path fill="#7d7d7d" d="M21,11l-7-7v4C7,9,4,14,3,19c2.5-3.5,6-5.1,11-5.1V18L21,11z"/><rect fill="none" width="24" height="24"/></g></g></svg>

IonicMaterialDesign/www/img/icons/twitter.svg

@@ -0,0 +1,2 @@
+<svg version="1.1" x="0px" y="0px" width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve"><g><g><g><path fill="#7d7d7d" d="M40,4H8C5.8,4,4,5.8,4,8l0,32c0,2.2,1.8,4,4,4h32c2.2,0,4-1.8,4-4V8C44,5.8,42.2,4,40,4z M35.4,18.7c-0.1,9.2-6,15.6-14.8,16c-3.6,0.2-6.3-1-8.6-2.5c2.7,0.4,6-0.6,7.8-2.2c-2.6-0.3-4.2-1.6-4.9-3.8c0.8,0.1,1.6,0.1,2.3-0.1
+c-2.4-0.8-4.1-2.3-4.2-5.3c0.7,0.3,1.4,0.6,2.3,0.6c-1.8-1-3.1-4.7-1.6-7.2c2.6,2.9,5.8,5.3,11,5.6c-1.3-5.6,6.1-8.6,9.2-4.9c1.3-0.3,2.4-0.8,3.4-1.3c-0.4,1.3-1.2,2.2-2.2,2.9c1.1-0.1,2.1-0.4,2.9-0.8C37.5,16.9,36.4,17.9,35.4,18.7z"/></g><g><rect fill="none" width="48" height="48"/></g></g></g></svg>