initial commit for API 3.0 (replaced all)

128 files changed, 2692 insertions, 0 deletions

diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/.gitignore b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/.gitignore
new file mode 100644
index 000000000..ba926494c
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/.gitignore
@@ -0,0 +1,11 @@
+*.o
+*.pri
+*.so
+*.dll
+.DS_Store
+
+/BananaSnacks.app
+/BananaSnacks
+/BananaSnacks.pro.user
+Makefile
+moc_*.cpp
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/BananaSnacks.pro b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/BananaSnacks.pro
new file mode 100644
index 000000000..c20d41ede
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/BananaSnacks.pro
@@ -0,0 +1,21 @@
+# Add more folders to ship with the application, here
+folder_01.source = qml/Bananas
+folder_01.target = qml
+
+folder_02.source = plugins/com
+folder_02.target = plugins
+DEPLOYMENTFOLDERS = folder_01 folder_02
+
+SOURCES += main.cpp
+
+linux-g++* {
+    QMAKE_CXXFLAGS += -m32
+    QMAKE_LFLAGS += -m32 -L/usr/lib/i386-linux-gnu/mesa
+}
+
+# Please do not modify the following two lines. Required for deployment.
+include(qtquick2applicationviewer/qtquick2applicationviewer.pri)
+qtcAddDeployment()
+
+OTHER_FILES += \
+    qml/Bananas/Layouts/TitledLayout.qml
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/Bananas.desktop b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/Bananas.desktop
new file mode 100644
index 000000000..a7bfa0111
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/Bananas.desktop
@@ -0,0 +1,11 @@
+[Desktop Entry]
+Encoding=UTF-8
+Version=1.0
+Type=Application
+Terminal=false
+Name=Bananas
+Exec=/opt/Bananas/bin/Bananas
+Icon=Bananas64
+X-Window-Icon=
+X-HildonDesk-ShowInToolbar=true
+X-Osso-Type=application/x-executable
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/Bananas64.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/Bananas64.png
new file mode 100644
index 000000000..707d5c4e8
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/Bananas64.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/Bananas80.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/Bananas80.png
new file mode 100644
index 000000000..6ad8096c4
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/Bananas80.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/Bananas_harmattan.desktop b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/Bananas_harmattan.desktop
new file mode 100644
index 000000000..5ced151d0
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/Bananas_harmattan.desktop
@@ -0,0 +1,11 @@
+[Desktop Entry]
+Encoding=UTF-8
+Version=1.0
+Type=Application
+Terminal=false
+Name=Bananas
+Exec=/usr/bin/single-instance /opt/Bananas/bin/Bananas
+Icon=/usr/share/icons/hicolor/80x80/apps/Bananas80.png
+X-Window-Icon=
+X-HildonDesk-ShowInToolbar=true
+X-Osso-Type=application/x-executable
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/README.md b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/README.md
new file mode 100644
index 000000000..993a4bf59
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/README.md
@@ -0,0 +1,37 @@
+#### sudo vi /etc/apt/apt.conf
+
+``ruby
+Acquire::http::proxy "http://proxyvipecc.nb.ford.com:83";
+Acquire::https::proxy "https://proxyvipecc.nb.ford.com:83";
+``
+
+``bash
+sudo apt-get update
+sudo apt-get install git vim build-essential mesa-common-dev libgl1-mesa-dev  # for 64bit: libc6-dev-i386 lib32stdc++6 lib32stdc++6-4.7-dev libgl1-mesa-dev:i386
+
+ssh-keygen
+<enter x3>
+cat ~/.ssh/id_rsa.pub               # Save this as a public ssh key on your Gitlab account
+
+git clone git@devbox.pd8.ford.com:zchurch/bananasnacks.git          # Type 'yes' to trust the remote host
+
+wget http://releases.qt-project.org/qt5/5.0.1/qt-linux-opensource-5.0.1-x86-offline.run
+chmod +x qt-linux-opensource-5.0.1-x86-offline.run
+./qt-linux-opensource-5.0.1-x86-offline.run                # Press next, accept, etc... Do install the Tools. This includes Creator.
+
+echo "export PATH=\$PATH:~/Qt5.0.1/5.0.1/gcc/bin" >> ~/.bashrc
+
+cd ~/bananasnacks
+./fetch_plugins.sh
+qmake
+make
+./Bananas
+
+``
+
+
+### Troubleshooting
+
+#### bash: ./qt-linux-opensource-5.0.1-x86-offline.run: No such file or directory
+You didn't install all your apt-get things. You're missing ia32-libs. Or the file isn't there.
+
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/bananas.qmlproject b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/bananas.qmlproject
new file mode 100644
index 000000000..f9502d2a9
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/bananas.qmlproject
@@ -0,0 +1,19 @@
+import QmlProject 1.1
+
+Project {
+  mainFile: "qml/Bananas/main.qml"
+
+  QmlFiles {
+    directory: "."
+  }
+
+  JavaScriptFiles {
+    directory: "."
+  }
+
+  ImageFiles {
+    directory: "."
+  }
+  
+  importPaths: [ "plugins" ]
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/fetch_plugins.sh b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/fetch_plugins.sh
new file mode 100755
index 000000000..0f90baeb5
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/fetch_plugins.sh
@@ -0,0 +1,8 @@
+#!/bin/bash
+wget http://19.7.95.92/uploads/note/attachment/12/libFordMediaCore.so
+chmod 775 libFordMediaCore.so
+mv libFordMediaCore.so plugins/com/ford/mediacore
+
+wget http://19.7.95.92/uploads/note/attachment/11/libFordPhoneCore.so
+chmod 775 libFordPhoneCore.so
+mv libFordPhoneCore.so plugins/com/ford/phonecore
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/load_env.sh b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/load_env.sh
new file mode 100755
index 000000000..0f094b527
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/load_env.sh
@@ -0,0 +1 @@
+# source ./load_env.sh
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/main.cpp b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/main.cpp
new file mode 100644
index 000000000..faa3f175b
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/main.cpp
@@ -0,0 +1,17 @@
+#include <QtGui/QGuiApplication>
+#include <QQmlContext>
+#include "qtquick2applicationviewer.h"
+
+int main(int argc, char *argv[])
+{
+    QGuiApplication app(argc, argv);
+
+    QtQuick2ApplicationViewer viewer;
+
+    viewer.addImportPath(QStringLiteral("plugins"));
+
+    viewer.setMainQmlFile(QStringLiteral("qml/Bananas/main.qml"));
+    viewer.showExpanded();
+
+    return app.exec();
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/plugins/com/ford/mediacore/qmldir b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/plugins/com/ford/mediacore/qmldir
new file mode 100644
index 000000000..bb93f4093
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/plugins/com/ford/mediacore/qmldir
@@ -0,0 +1,2 @@
+module com.ford.mediacore
+plugin FordMediaCore
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/plugins/com/ford/navcore/qmldir b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/plugins/com/ford/navcore/qmldir
new file mode 100644
index 000000000..aaacfe020
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/plugins/com/ford/navcore/qmldir
@@ -0,0 +1,3 @@
+module com.ford.navcore
+plugin FordNavCore
+
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/plugins/com/ford/phonecore/qmldir b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/plugins/com/ford/phonecore/qmldir
new file mode 100644
index 000000000..861f2e223
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/plugins/com/ford/phonecore/qmldir
@@ -0,0 +1,3 @@
+module com.ford.phonecore
+plugin FordPhoneCore
+
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/plugins/com/ford/sdlcore/qmldir b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/plugins/com/ford/sdlcore/qmldir
new file mode 100644
index 000000000..da1a7b7f9
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/plugins/com/ford/sdlcore/qmldir
@@ -0,0 +1,3 @@
+module com.ford.sdlcore
+plugin FordSdlCore
+
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/AddIcon.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/AddIcon.png
new file mode 100644
index 000000000..7111c7c93
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/AddIcon.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/BackIcon.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/BackIcon.png
new file mode 100644
index 000000000..d8e607968
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/BackIcon.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/BluetoothIcon.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/BluetoothIcon.png
new file mode 100644
index 000000000..1a65f0751
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/BluetoothIcon.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/CMaxCal.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/CMaxCal.png
new file mode 100644
index 000000000..cfb6d6d59
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/CMaxCal.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/ChromeBottom.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/ChromeBottom.png
new file mode 100644
index 000000000..91ed3ef6e
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/ChromeBottom.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/ChromeTop.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/ChromeTop.png
new file mode 100644
index 000000000..d7ba38ab8
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/ChromeTop.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/Cloud.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/Cloud.png
new file mode 100644
index 000000000..4555d71df
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/Cloud.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/CloudNight.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/CloudNight.png
new file mode 100644
index 000000000..c21373f22
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/CloudNight.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/Content/FunArtwork.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/Content/FunArtwork.png
new file mode 100644
index 000000000..251db8a7a
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/Content/FunArtwork.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/Content/MapMich.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/Content/MapMich.png
new file mode 100644
index 000000000..2f8dc5130
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/Content/MapMich.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/Content/SiriusArtwork.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/Content/SiriusArtwork.png
new file mode 100644
index 000000000..49a01feea
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/Content/SiriusArtwork.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/Crosshairs.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/Crosshairs.png
new file mode 100644
index 000000000..52430d8c5
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/Crosshairs.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/DeleteIcon.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/DeleteIcon.png
new file mode 100644
index 000000000..f47954968
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/DeleteIcon.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/DndIcon.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/DndIcon.png
new file mode 100644
index 000000000..caa648915
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/DndIcon.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/EvIcon.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/EvIcon.png
new file mode 100644
index 000000000..6c5838989
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/EvIcon.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/FavoritesIcon.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/FavoritesIcon.png
new file mode 100644
index 000000000..0871c5150
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/FavoritesIcon.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/Forward.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/Forward.png
new file mode 100644
index 000000000..02548e946
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/Forward.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/HomeIcon.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/HomeIcon.png
new file mode 100644
index 000000000..2bdd652e0
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/HomeIcon.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/KeyboardIcon.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/KeyboardIcon.png
new file mode 100644
index 000000000..c6797a440
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/KeyboardIcon.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/KeypadEntryIcon.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/KeypadEntryIcon.png
new file mode 100644
index 000000000..b9ca08ad0
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/KeypadEntryIcon.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/KeypadIcon.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/KeypadIcon.png
new file mode 100644
index 000000000..a70ee397f
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/KeypadIcon.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/LightingIcon.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/LightingIcon.png
new file mode 100644
index 000000000..3847da93c
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/LightingIcon.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/Loop.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/Loop.png
new file mode 100644
index 000000000..4405a629c
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/Loop.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/MediaTab.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/MediaTab.png
new file mode 100644
index 000000000..482b6821e
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/MediaTab.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/MessagesIcon.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/MessagesIcon.png
new file mode 100644
index 000000000..5e86d80c7
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/MessagesIcon.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/MissingArtwork.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/MissingArtwork.png
new file mode 100644
index 000000000..525e4b915
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/MissingArtwork.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/NavigationTab.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/NavigationTab.png
new file mode 100644
index 000000000..4bce72138
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/NavigationTab.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/PandoraIcon.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/PandoraIcon.png
new file mode 100644
index 000000000..55498b913
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/PandoraIcon.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/Pause.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/Pause.png
new file mode 100644
index 000000000..bbede1990
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/Pause.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/PhoneCornerIcons.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/PhoneCornerIcons.png
new file mode 100644
index 000000000..281e20a1f
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/PhoneCornerIcons.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/PhoneIcons.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/PhoneIcons.png
new file mode 100644
index 000000000..e4071e093
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/PhoneIcons.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/PhoneTab.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/PhoneTab.png
new file mode 100644
index 000000000..9b36907b3
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/PhoneTab.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/PhonebookIcon.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/PhonebookIcon.png
new file mode 100644
index 000000000..6af9c1046
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/PhonebookIcon.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/Play.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/Play.png
new file mode 100644
index 000000000..1b665e363
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/Play.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/PoiIcon.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/PoiIcon.png
new file mode 100644
index 000000000..b7b532db7
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/PoiIcon.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/RadioIcon.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/RadioIcon.png
new file mode 100644
index 000000000..f66061020
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/RadioIcon.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/RecentCallsIcon.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/RecentCallsIcon.png
new file mode 100644
index 000000000..16a31b29b
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/RecentCallsIcon.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/RecentDestinationsIcon.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/RecentDestinationsIcon.png
new file mode 100644
index 000000000..4351243d4
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/RecentDestinationsIcon.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/Rewind.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/Rewind.png
new file mode 100644
index 000000000..798f75480
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/Rewind.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/RightTurn.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/RightTurn.png
new file mode 100644
index 000000000..b1d03d24a
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/RightTurn.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/ScoutIcon.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/ScoutIcon.png
new file mode 100644
index 000000000..2c8e7cb2d
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/ScoutIcon.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/SearchIcon.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/SearchIcon.png
new file mode 100644
index 000000000..571d06c97
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/SearchIcon.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/SeatsIcon.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/SeatsIcon.png
new file mode 100644
index 000000000..caff60c58
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/SeatsIcon.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/ServicesIcon.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/ServicesIcon.png
new file mode 100644
index 000000000..63a5a6a9d
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/ServicesIcon.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/Shuffle.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/Shuffle.png
new file mode 100644
index 000000000..4b3fc65c6
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/Shuffle.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/SiriusIcon.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/SiriusIcon.png
new file mode 100644
index 000000000..0ea120992
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/SiriusIcon.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/SpeedDialIcon.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/SpeedDialIcon.png
new file mode 100644
index 000000000..f871a9654
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/SpeedDialIcon.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/UsbIcon.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/UsbIcon.png
new file mode 100644
index 000000000..8f0c759ed
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/UsbIcon.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/VehicleCornerIcon.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/VehicleCornerIcon.png
new file mode 100644
index 000000000..79a277b18
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/VehicleCornerIcon.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/VehicleTab.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/VehicleTab.png
new file mode 100644
index 000000000..b6fb90276
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/VehicleTab.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/VhrIcon.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/VhrIcon.png
new file mode 100644
index 000000000..c27ac4a87
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/VhrIcon.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/VoicemailIcon.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/VoicemailIcon.png
new file mode 100644
index 000000000..c3f91de70
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/VoicemailIcon.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/WallpaperIcon.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/WallpaperIcon.png
new file mode 100644
index 000000000..e3277af0a
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/WallpaperIcon.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/WifiIcon.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/WifiIcon.png
new file mode 100644
index 000000000..97ce15688
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/WifiIcon.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/WorkIcon.png b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/WorkIcon.png
new file mode 100644
index 000000000..69e50caa3
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Assets/WorkIcon.png
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/BackButton.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/BackButton.qml
new file mode 100644
index 000000000..61f031181
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/BackButton.qml
@@ -0,0 +1,9 @@
+import QtQuick 2.0
+
+ImageButton {
+    icon: "../Assets/BackIcon.png"
+    height: 42
+    width: 60
+    anchors.top: parent.top
+    anchors.left: parent.left
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/Button.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/Button.qml
new file mode 100644
index 000000000..7f3c30126
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/Button.qml
@@ -0,0 +1,32 @@
+import QtQuick 2.0
+
+Rectangle {
+    signal press
+    property alias text: clickable.text
+    property alias textAnchors: clickable.textAnchors
+    property alias clickable: clickable
+    id: container
+    border.color: "#333"
+    border.width: 1
+    height: 45
+    width: 150
+    radius: 3
+    gradient: Gradient {
+        GradientStop {
+            position: 0.0
+            color: clickable.pressed ?  "#3C1414" : Qt.rgba(0.18, 0.18, 0.18, 1)
+        }
+        GradientStop {
+            position: 1.0
+            color: clickable.pressed ? "#9C3335" : "black"
+        }
+    }
+    Clickable {
+        anchors.fill: parent
+        id: clickable
+        onPress: container.press()
+
+        textAnchors.horizontalCenter: horizontalCenter
+        textAnchors.verticalCenter: verticalCenter
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/CheckButton.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/CheckButton.qml
new file mode 100644
index 000000000..713d00d1b
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/CheckButton.qml
@@ -0,0 +1,36 @@
+import QtQuick 2.0
+
+Rectangle {
+    signal press
+    property alias text: clickable.text
+
+    states: [
+      State {
+        name: 'pressed'
+      }
+    ]
+    id: container
+    border.color: "#333"
+    border.width: 1
+    height: 45
+    width: 150
+    radius: 3
+    gradient: Gradient {
+        GradientStop {
+            position: 0.0
+            color: (state === 'pressed' || clickable.pressed) ?  "#3C1414" : Qt.rgba(0.18, 0.18, 0.18, 1)
+        }
+        GradientStop {
+            position: 1.0
+            color: (state === 'pressed' || clickable.pressed) ? "#9C3335" : "black"
+        }
+    }
+    Clickable {
+        anchors.fill: parent
+        id: clickable
+        onPress: { container.press(); container.state = (container.state === '') ? 'pressed' : '' }
+
+        textAnchors.horizontalCenter: horizontalCenter
+        textAnchors.verticalCenter: verticalCenter
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/Clickable.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/Clickable.qml
new file mode 100644
index 000000000..2fdc97d7c
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/Clickable.qml
@@ -0,0 +1,24 @@
+import QtQuick 2.0
+
+Item {
+    property alias text: text.text
+    property alias pressed: mousearea.pressed
+    property alias textAnchors: text.anchors
+    signal press
+
+    id: container
+
+    Text {
+        id: text
+        color: "white"
+        font.pixelSize: 16
+    }
+
+    MouseArea {
+        id: mousearea
+        width: parent.width
+        height: parent.height
+
+        onClicked: container.press()
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/GraphicalButton.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/GraphicalButton.qml
new file mode 100644
index 000000000..2e670682e
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/GraphicalButton.qml
@@ -0,0 +1,40 @@
+import QtQuick 2.0
+
+Rectangle {
+    signal press
+    property alias text: clickable.text
+    property alias image: image.source
+
+    id: container
+    border.color: "#333"
+    border.width: 1
+    height: 110
+    width: 150
+    radius: 3
+    gradient: Gradient {
+        GradientStop {
+            position: 0.0
+            color: clickable.pressed ?  "#3C1414" : Qt.rgba(0.18, 0.18, 0.18, 1)
+        }
+        GradientStop {
+            position: 1.0
+            color: clickable.pressed ? "#9C3335" : "black"
+        }
+    }
+    Clickable {
+        anchors.fill: parent
+        id: clickable
+        onPress: container.press()
+
+        textAnchors.horizontalCenter: horizontalCenter
+        textAnchors.bottom: bottom
+        textAnchors.bottomMargin: 10
+
+        Image {
+            id: image
+            anchors.top: parent.top
+            anchors.topMargin: 10
+            anchors.horizontalCenter: parent.horizontalCenter
+        }
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/H1.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/H1.qml
new file mode 100644
index 000000000..b68c7f0f1
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/H1.qml
@@ -0,0 +1,6 @@
+import QtQuick 2.0
+
+Text {
+    color: "#fff"
+    font.pixelSize: 32
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/H2.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/H2.qml
new file mode 100644
index 000000000..775838be0
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/H2.qml
@@ -0,0 +1,9 @@
+import QtQuick 2.0
+
+Text {
+    color: "#fff"
+    font.pixelSize: 24
+    anchors.margins: 20
+    anchors.horizontalCenter: parent.horizontalCenter
+    anchors.top: parent.top
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/ImageButton.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/ImageButton.qml
new file mode 100644
index 000000000..81c18a431
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/ImageButton.qml
@@ -0,0 +1,13 @@
+import QtQuick 2.0
+
+Button {
+    property alias icon: icon.source
+
+    width: icon.width + 30
+
+    Image {
+        id: icon
+        anchors.horizontalCenter: parent.horizontalCenter
+        anchors.verticalCenter: parent.verticalCenter
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/Key.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/Key.qml
new file mode 100644
index 000000000..7fe5dbab8
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/Key.qml
@@ -0,0 +1,7 @@
+import QtQuick 2.0
+
+Button {
+  width: 60
+
+  onPress: keyboard.letterClicked(text)
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/Keyboard.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/Keyboard.qml
new file mode 100644
index 000000000..fc5d26aa8
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/Keyboard.qml
@@ -0,0 +1,129 @@
+import QtQuick 2.0
+
+Item {
+    signal letterClicked(string letter)
+    signal go()
+    id: keyboard
+
+    states: [
+        State {
+            name: 'numpad'
+            PropertyChanges {
+                target: qwerty
+                visible: false
+            }
+            PropertyChanges {
+                target: numpad
+                visible: true
+            }
+        }
+
+    ]
+
+    Column {
+        id: qwerty
+        anchors.fill: parent
+        spacing: 10
+        Row {
+            anchors.horizontalCenter: parent.horizontalCenter
+            spacing: 10
+
+            Key { text: "Q" }
+            Key { text: "W" }
+            Key { text: "E" }
+            Key { text: "R" }
+            Key { text: "T" }
+            Key { text: "Y" }
+            Key { text: "U" }
+            Key { text: "I" }
+            Key { text: "O" }
+            Key { text: "P" }
+        }
+        Row {
+            anchors.horizontalCenter: parent.horizontalCenter
+            spacing: 10
+
+            Key { text: "A" }
+            Key { text: "S" }
+            Key { text: "D" }
+            Key { text: "F" }
+            Key { text: "G" }
+            Key { text: "H" }
+            Key { text: "J" }
+            Key { text: "K" }
+            Key { text: "L" }
+        }
+        Row {
+            anchors.horizontalCenter: parent.horizontalCenter
+            spacing: 10
+
+            Key { text: "Z" }
+            Key { text: "X" }
+            Key { text: "C" }
+            Key { text: "V" }
+            Key { text: "B" }
+            Key { text: "N" }
+            Key { text: "M" }
+        }
+        Row {
+            anchors.horizontalCenter: parent.horizontalCenter
+            spacing: 10
+            Button { text: "123"; width: 60
+                onPress: keyboard.state = 'numpad'
+            }
+            Button { text: "!@#"; width: 60 }
+            Key { text: " "; width: 300 }
+            Key { text: "." }
+            Key { text: "&" }
+        }
+    }   
+
+    Column {
+        id: numpad
+        visible: false
+        anchors.fill: parent
+        spacing: 10
+        Row {
+            anchors.horizontalCenter: parent.horizontalCenter
+            spacing: 10
+
+            Key { text: "1" }
+            Key { text: "2" }
+            Key { text: "3" }
+        }
+        Row {
+            anchors.horizontalCenter: parent.horizontalCenter
+            spacing: 10
+
+            Key { text: "4" }
+            Key { text: "5" }
+            Key { text: "6" }
+        }
+        Row {
+            anchors.horizontalCenter: parent.horizontalCenter
+            spacing: 10
+
+            Key { text: "7" }
+            Key { text: "8" }
+            Key { text: "9" }
+        }
+        Row {
+            anchors.horizontalCenter: parent.horizontalCenter
+            spacing: 10
+
+            Button {
+                text: "ABC"
+                width: 60
+                onPress: keyboard.state = ''
+            }
+            Key { text: "*" }
+            Key { text: "0" }
+            Key { text: "#" }
+            Button {
+                text: "Go"
+                width: 60
+                onPress: keyboard.go()
+            }
+        }
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/Keypad.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/Keypad.qml
new file mode 100644
index 000000000..0dc0115ac
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/Keypad.qml
@@ -0,0 +1,43 @@
+import QtQuick 2.0
+
+Item {
+    signal letterClicked(string letter)
+    id: keyboard
+
+    Column {
+        anchors.fill: parent
+        spacing: 10
+        Row {
+            anchors.horizontalCenter: parent.horizontalCenter
+            spacing: 10
+
+            Key { text: "1" }
+            Key { text: "2" }
+            Key { text: "3" }
+        }
+        Row {
+            anchors.horizontalCenter: parent.horizontalCenter
+            spacing: 10
+
+            Key { text: "4" }
+            Key { text: "5" }
+            Key { text: "6" }
+        }
+        Row {
+            anchors.horizontalCenter: parent.horizontalCenter
+            spacing: 10
+
+            Key { text: "7" }
+            Key { text: "8" }
+            Key { text: "9" }
+        }
+        Row {
+            anchors.horizontalCenter: parent.horizontalCenter
+            spacing: 10
+
+            Key { text: "*" }
+            Key { text: "0" }
+            Key { text: "#" }
+        }
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/MediaBrowser.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/MediaBrowser.qml
new file mode 100644
index 000000000..f0ef3ed2a
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/MediaBrowser.qml
@@ -0,0 +1,40 @@
+import QtQuick 2.0
+
+ListView {
+    id: listView
+    anchors.fill: parent
+    anchors.topMargin: 120
+    spacing: 10
+    clip: true
+    model: MediaModel
+
+    delegate: Button {
+        width: 500
+        anchors.horizontalCenter: parent.horizontalCenter
+        OverflowableText {
+            text: name
+            fontColor: "#fff"
+            font.pixelSize: 20
+            anchors.verticalCenter: parent.verticalCenter
+            anchors.left: parent.left
+            anchors.leftMargin: 20
+            width: parent.width - 40
+        }
+        Text {
+            text: (model.count === 0) ? "" : model.count
+            anchors.right: parent.right
+            anchors.rightMargin: 20
+            anchors.verticalCenter: parent.verticalCenter
+            color: "#fff"
+        }
+
+        onPress: {
+            if (model.is_file) {
+                MediaPlayer.setPlaylist(model.pid, model.index);
+                usb.state = '';
+            } else {
+                MediaModel.browseToChild(model.id)
+            }
+        }
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/OverflowableText.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/OverflowableText.qml
new file mode 100644
index 000000000..314994361
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/OverflowableText.qml
@@ -0,0 +1,46 @@
+import QtQuick 2.0
+import QtGraphicalEffects 1.0
+
+Rectangle {
+    id: oflow_text
+    property alias text: text.text
+    property alias font: text.font
+    property alias fontColor: text.color
+    property string textAlign
+    color: Qt.rgba(0,0,0,0)
+    height: text.font.pixelSize * 1.2
+    clip: true
+    Text {
+        id: text
+        Component.onCompleted: {
+            if (oflow_text.width < width) {
+                anchors.left = parent.left
+            }
+            else if (oflow_text.textAlign == 'center') {
+                anchors.horizontalCenter = parent.horizontalCenter
+            }
+        }
+
+        NumberAnimation on anchors.leftMargin {
+            id: scroll_animation
+            to: oflow_text.width - text.width
+            duration: ((oflow_text.width - text.width) < 0) ? (text.width - oflow_text.width) * 15 : 0
+            running: false
+            onStopped: {
+                restart_timer.start()
+            }
+        }
+    }
+
+    Timer {
+        id: scroll_timer
+        running: true
+        interval: 3000
+        onTriggered: { if (oflow_text.width < text.width) scroll_animation.start();}
+    }
+    Timer {
+        id: restart_timer
+        interval: 3000
+        onTriggered: text.anchors.leftMargin = 0
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/RadioButton.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/RadioButton.qml
new file mode 100644
index 000000000..676d65be3
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/RadioButton.qml
@@ -0,0 +1,30 @@
+import QtQuick 2.0
+
+Rectangle {
+    signal press
+    property alias text: clickable.text
+    id: container
+    border.color: "#333"
+    border.width: 1
+    height: 45
+    width: 150
+    radius: 3
+    gradient: Gradient {
+        GradientStop {
+            position: 0.0
+            color: (container.focus || clickable.pressed) ?  "#3C1414" : Qt.rgba(0.18, 0.18, 0.18, 1)
+        }
+        GradientStop {
+            position: 1.0
+            color: (container.focus || clickable.pressed) ? "#9C3335" : "black"
+        }
+    }
+    Clickable {
+        anchors.fill: parent
+        id: clickable
+        onPress: { container.forceActiveFocus(); container.press(); }
+
+        textAnchors.horizontalCenter: horizontalCenter
+        textAnchors.verticalCenter: verticalCenter
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/RadioButtonGroup.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/RadioButtonGroup.qml
new file mode 100644
index 000000000..d4266d149
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/RadioButtonGroup.qml
@@ -0,0 +1,5 @@
+import QtQuick 2.0
+
+FocusScope {
+
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/Section.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/Section.qml
new file mode 100644
index 000000000..18b5c22f7
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/Section.qml
@@ -0,0 +1,6 @@
+import QtQuick 2.0
+
+Loader {
+    anchors.fill: parent
+    asynchronous: true
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/TextBox.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/TextBox.qml
new file mode 100644
index 000000000..4c52e05b2
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/TextBox.qml
@@ -0,0 +1,29 @@
+import QtQuick 2.0
+
+Rectangle {
+    property alias text: text.text
+    property alias icon: icon.source
+
+    border.width: 2
+    color: 'black'
+    height: 42
+    radius: 3
+
+    Image {
+        id: icon
+        anchors.verticalCenter: parent.verticalCenter
+        anchors.left: parent.left
+        anchors.leftMargin: 20
+    }
+
+    TextInput {
+        id: text
+        color: "white"
+        font.pixelSize: 24
+        anchors.left: icon.right
+        anchors.right: parent.right
+        anchors.leftMargin: 20
+        anchors.rightMargin: 10
+        anchors.verticalCenter: parent.verticalCenter
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/TextEntry.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/TextEntry.qml
new file mode 100644
index 000000000..774894c13
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/TextEntry.qml
@@ -0,0 +1,72 @@
+import QtQuick 2.0
+
+Item {
+    id: textentry
+    property alias input_border: search_text_box.border
+    property alias autocompleteModel: autocomplete.model
+    property alias text: search_text_box.text
+    signal selected
+    anchors.fill: parent
+
+    TextBox {
+        id: search_text_box
+        icon: "../Assets/SearchIcon.png"
+        anchors.top: parent.top
+        width: parent.width - 160
+        anchors.horizontalCenter: parent.horizontalCenter
+
+        onTextChanged: if (autocomplete.model) autocomplete.model.setSearchString(text)
+    }
+
+    BackButton {
+        anchors.top: search_text_box.top
+        anchors.topMargin: 1
+        anchors.right: search_text_box.left
+        anchors.rightMargin: 10
+        onPress: section.state = 'menu'
+    }
+
+    ImageButton {
+        anchors.top: search_text_box.top
+        anchors.topMargin: 1
+        icon: "../Assets/DeleteIcon.png"
+        anchors.left: search_text_box.right
+        anchors.leftMargin: 10
+        height: 42
+
+        onPress: search_text_box.text = search_text_box.text.replace(/.$/, '')
+    }
+
+    Keyboard {
+        anchors.left: parent.left
+        anchors.right: parent.right
+        anchors.topMargin: 40
+        anchors.top: search_text_box.bottom
+
+        onLetterClicked: search_text_box.text += letter
+        onGo: textentry.selected()
+    }
+
+    ListView {
+        id: autocomplete
+        anchors.top: search_text_box.bottom
+        anchors.bottom: parent.bottom
+        anchors.right: search_text_box.right
+        anchors.left: search_text_box.left
+        clip: true
+        visible: (count > 0 && count <= 5)
+
+        delegate: Button {
+            text: model.text
+            width: parent.width
+            textAnchors.horizontalCenter: undefined
+            textAnchors.left: clickable.left
+            textAnchors.leftMargin: 70
+
+            onPress: {
+                autocomplete.model.selected = model.text;
+                textentry.selected()
+            }
+        }
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/Weather.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/Weather.qml
new file mode 100644
index 000000000..0bcaf7720
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Components/Weather.qml
@@ -0,0 +1,34 @@
+import QtQuick 2.0
+
+Item {
+    property alias text: text.text
+    property alias temp: temp.text
+    property alias image: image.source
+
+    width: 150
+    height: 75
+
+    Text {
+        id: text
+        text: "Today"
+        anchors.top: parent.top
+        color: "#ffffff"
+        anchors.horizontalCenter: parent.horizontalCenter
+    }
+
+    Text {
+        id: temp
+        text: "72"
+        font.pixelSize: 36
+        anchors.bottom: parent.bottom
+        anchors.right: parent.right
+        color: "#ffffff"
+    }
+
+    Image {
+        id: image
+        source: "../Assets/Cloud.png"
+        anchors.left: parent.left
+        anchors.bottom: parent.bottom
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Layouts/EmptyLayout.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Layouts/EmptyLayout.qml
new file mode 100644
index 000000000..8fe6fcfd7
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Layouts/EmptyLayout.qml
@@ -0,0 +1,16 @@
+import QtQuick 2.0
+import "../Components"
+
+Item {
+    anchors.fill: parent
+    anchors.topMargin: 70
+    anchors.leftMargin: 20
+    anchors.rightMargin: 20
+    anchors.bottomMargin: 70
+    property bool back_button: false
+
+    BackButton {
+        onPress: section.state = ''
+        visible: parent.back_button
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Layouts/LeftThirdSection.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Layouts/LeftThirdSection.qml
new file mode 100644
index 000000000..b0a7c2f6a
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Layouts/LeftThirdSection.qml
@@ -0,0 +1,16 @@
+import QtQuick 2.0
+import "../Components"
+
+FocusScope {
+    anchors.fill: parent
+    property alias header: header.text
+
+    Text {
+      id: header
+      font.pixelSize: 24
+      color: "#ffffff"
+      anchors.horizontalCenter: parent.horizontalCenter
+      anchors.top: parent.top
+      anchors.topMargin: 70
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Layouts/MediaLayout.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Layouts/MediaLayout.qml
new file mode 100644
index 000000000..767184de3
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Layouts/MediaLayout.qml
@@ -0,0 +1,59 @@
+import QtQuick 2.0
+import "../Components"
+
+FocusScope {
+    anchors.fill: parent
+    property alias header: header.text
+    property alias artwork: artwork.source
+    property alias title: title.text
+    property alias artist: artist.text
+
+    Text {
+        id: title
+        text: ""
+        color: "#ffffff"
+        anchors.top: source_select.bottom
+        anchors.topMargin: 20
+        font.pixelSize: 28
+        anchors.left: parent.left
+        anchors.leftMargin: 20
+    }
+    Text {
+        id: artist
+        text: ""
+        color: "#ffffff"
+        anchors.top: title.bottom
+        anchors.topMargin: 10
+        font.pixelSize: 18
+        anchors.left: title.left
+    }
+
+    Text {
+      id: header
+      font.pixelSize: 24
+      color: "#ffffff"
+      anchors.horizontalCenter: parent.horizontalCenter
+      anchors.top: parent.top
+      anchors.topMargin: parent.height / 20 + 60
+    }
+
+    Button {
+        id: source_select
+        text: "Select source"
+        x: 20
+        y: 75
+        onPress: section.state = 'menu'
+    }
+
+    Image {
+        id: artwork
+        anchors.right: parent.right
+        anchors.rightMargin: 40
+        anchors.top: parent.top
+        width: 230
+        height: 230
+        anchors.topMargin: 140
+        source: ""
+    }
+
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Layouts/MediaPlayerLayout.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Layouts/MediaPlayerLayout.qml
new file mode 100644
index 000000000..797815d05
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Layouts/MediaPlayerLayout.qml
@@ -0,0 +1,34 @@
+import QtQuick 2.0
+import "../Components"
+
+MediaLayout {
+
+    Row {
+        anchors.bottom: parent.bottom
+        anchors.bottomMargin: 100
+        anchors.left: parent.left
+        anchors.leftMargin: 20
+        spacing: 10
+
+        ImageButton {
+            icon: "../Assets/Rewind.png"
+            onPress: MediaPlayer.previous()
+        }
+
+        ImageButton {
+            icon: "../Assets/Pause.png"
+            visible: MediaPlayer.playing
+            onPress: MediaPlayer.pause()
+        }
+        ImageButton {
+            icon: "../Assets/Play.png"
+            visible: ! MediaPlayer.playing
+            onPress: MediaPlayer.play()
+        }
+        ImageButton {
+            icon: "../Assets/Forward.png"
+            onPress: MediaPlayer.next()
+        }
+
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Layouts/TitledLayout.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Layouts/TitledLayout.qml
new file mode 100644
index 000000000..2ef47fa10
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Layouts/TitledLayout.qml
@@ -0,0 +1,14 @@
+import QtQuick 2.0
+import "../Components"
+
+EmptyLayout {
+    property alias title: title.text
+    anchors.topMargin: 120
+
+    H1 {
+        id: title
+        anchors.horizontalCenter: parent.horizontalCenter
+        anchors.bottom: parent.top
+        anchors.bottomMargin: 10
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Media/.usb.qml.swp b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Media/.usb.qml.swp
new file mode 100644
index 000000000..a88c240c3
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Media/.usb.qml.swp
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Media/Browse/artists.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Media/Browse/artists.qml
new file mode 100644
index 000000000..af5804e72
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Media/Browse/artists.qml
@@ -0,0 +1,6 @@
+import QtQuick 2.0
+
+Rectangle {
+    width: 100
+    height: 62
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Media/applink.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Media/applink.qml
new file mode 100644
index 000000000..4f9d28196
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Media/applink.qml
@@ -0,0 +1,29 @@
+import QtQuick 2.0
+import com.ford.sdlcore 1.0
+import "../../Components"
+import "../../Layouts"
+
+MediaPlayerLayout {
+    header: "AppLink"
+    id: applink
+
+    Column {
+        anchors.verticalCenter: parent.verticalCenter
+        anchors.left: parent.left
+        anchors.leftMargin: 20
+
+        Text {
+            id: title
+            text: AppLink.show1
+            color: "#ffffff"
+            font.pixelSize: 28
+            anchors.leftMargin: 20
+        }
+        Text {
+            id: artist
+            text: AppLink.show2
+            color: "#ffffff"
+            font.pixelSize: 18
+        }
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Media/bluetooth.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Media/bluetooth.qml
new file mode 100644
index 000000000..397b84469
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Media/bluetooth.qml
@@ -0,0 +1,13 @@
+import QtQuick 2.0
+import "../../Components"
+import "../../Layouts"
+
+MediaLayout {
+    header: "Bluetooth"
+
+    Image {
+        source: "../../Assets/Content/SiriusArtwork.png"
+        anchors.verticalCenter: parent.verticalCenter
+        anchors.left: parent.left
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Media/fm.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Media/fm.qml
new file mode 100644
index 000000000..b5f3ad1c8
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Media/fm.qml
@@ -0,0 +1,46 @@
+import QtQuick 2.0
+import "../../Components"
+import "../../Layouts"
+
+MediaLayout {
+    header: "FM"
+
+    Flickable {
+        width: 700
+        height: 50
+        anchors.horizontalCenter: parent.horizontalCenter
+        anchors.bottom: parent.bottom
+        anchors.bottomMargin: 80
+        contentHeight: height
+        contentWidth: row.width
+        clip: true
+
+        RadioButtonGroup {
+            width: row.width
+            height: row.height
+            Row {
+                id: row
+                spacing: 8
+
+                RadioButton {
+                    text: "Button"
+                }
+                RadioButton {
+                    text: "Button"
+                }
+                RadioButton {
+                    text: "Button"
+                }
+                RadioButton {
+                    text: "Button"
+                }
+                RadioButton {
+                    text: "Button"
+                }
+                RadioButton {
+                    text: "Button"
+                }
+            }
+        }
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Media/menu.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Media/menu.qml
new file mode 100644
index 000000000..d9d951ef3
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Media/menu.qml
@@ -0,0 +1,54 @@
+import QtQuick 2.0
+import com.ford.sdlcore 1.0
+import "../../Components"
+import "../../Layouts"
+
+LeftThirdSection {
+    header: "Select a source"
+
+    Grid {
+        anchors.verticalCenter: parent.verticalCenter
+        anchors.horizontalCenter: parent.horizontalCenter
+        spacing: 10
+
+        GraphicalButton {
+            text: "Radio"
+            image: "../../Assets/RadioIcon.png"
+            onPress: section.state = 'fm'
+        }
+
+        GraphicalButton {
+            text: "Pandora"
+            image: "../../Assets/PandoraIcon.png"
+            onPress: section.state = 'fm'
+        }
+
+        GraphicalButton {
+            text: "Sirius"
+            image: "../../Assets/SiriusIcon.png"
+            onPress: section.state = 'sirius'
+        }
+
+        GraphicalButton {
+            text: "Bluetooth"
+            image: "../../Assets/BluetoothIcon.png"
+            onPress: section.state = 'bluetooth'
+        }
+
+        GraphicalButton {
+            text: "USB"
+            image: "../../Assets/UsbIcon.png"
+            onPress: section.state = 'usb'
+        }
+
+        Repeater {
+            model: MediaApps
+
+            delegate: GraphicalButton {
+                text: modelData
+                image: "../../Assets/UsbIcon.png"
+                onPress: section.state = 'applink'
+            }
+        }
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Media/sirius.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Media/sirius.qml
new file mode 100644
index 000000000..dfe9fc4d5
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Media/sirius.qml
@@ -0,0 +1,13 @@
+import QtQuick 2.0
+import "../../Components"
+import "../../Layouts"
+
+MediaLayout {
+    header: "Sirius"
+
+    Image {
+        source: "../../Assets/Content/SiriusArtwork.png"
+        anchors.verticalCenter: parent.verticalCenter
+        anchors.left: parent.left
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Media/usb.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Media/usb.qml
new file mode 100644
index 000000000..7236e98cb
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Media/usb.qml
@@ -0,0 +1,59 @@
+import QtQuick 2.0
+import "../../Components"
+import "../../Layouts"
+
+MediaPlayerLayout {
+    header: "USB"
+    id: usb
+
+    Button {
+        text: "Browse Media"
+        anchors.top: parent.top
+        anchors.right: parent.right
+        anchors.rightMargin: 40
+        anchors.topMargin: 75
+
+        onPress: parent.state = 'browse'
+    }
+
+    states: [
+        State {
+            name: 'browse'
+            PropertyChanges { target: browse_interface; visible: true; opacity: 0.9 }
+        }
+
+    ]
+
+    Rectangle {
+        color: "#000000"
+        opacity: 0
+        anchors.fill: parent
+        radius: 10
+        visible: false
+        id: browse_interface
+
+        BackButton {
+            id: back_button
+            anchors.topMargin: 80
+            anchors.leftMargin: 20
+        }
+
+
+        H2 {
+            id: header
+            text: "Browse Media"
+            anchors.topMargin: 80
+        }
+
+        Item {
+            anchors.fill: parent
+            id: browse_container
+        }
+
+        Button {
+            anchors.top: back_button.bottom
+            anchors.left: parent.left
+            text: "Jump"
+        }
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Navigation/.menu.qml.swp b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Navigation/.menu.qml.swp
new file mode 100644
index 000000000..183438e03
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Navigation/.menu.qml.swp
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Navigation/favorites.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Navigation/favorites.qml
new file mode 100644
index 000000000..db16b994b
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Navigation/favorites.qml
@@ -0,0 +1,70 @@
+import QtQuick 2.0
+import com.ford.navcore 1.0
+import "../../Components"
+import "../../Layouts"
+
+Item {
+    BackButton { onPress: section.state = 'menu' }
+    NavController {
+        id: navController
+    }
+
+    Flickable {
+        height: 300
+        width: 400
+        anchors.verticalCenter: parent.verticalCenter
+        anchors.horizontalCenter: parent.horizontalCenter
+        clip: true
+        contentWidth: content.width
+        contentHeight: content.height
+
+        Column {
+            id: content
+            width: parent.width
+            spacing: 10
+
+            Button {
+                text: "Barry Church's home"
+                width: parent.width
+                onPress: {
+                    navController.beginNavigation("USA", "MI", "Davison", "Victoria Sta", "3465");
+                    section.state = 'map';
+                }
+            }
+            Button {
+                text: "Subway"
+                width: parent.width
+                onPress: {
+                    navController.beginNavigation("USA", "MI", "Dearborn Heights", "Pelham St", "3929");
+                    section.state = 'map';
+                }
+            }
+            Button {
+                text: "Ford World Headquarters"
+                width: parent.width
+                onPress: {
+                    navController.beginNavigation("USA", "MI", "Dearborn", "American Rd", "1");
+                    section.state = 'map';
+                }
+            }
+            Button {
+                text: "Qdoba"
+                width: parent.width
+                onPress: {
+                    navController.beginNavigation("USA", "MI", "Allen Park", "Fairlane Dr", "48101");
+                    section.state = 'map';
+                }
+            }
+            Button {
+                text: "Levagood Park"
+                width: parent.width
+                onPress: {
+                    navController.beginNavigation("USA", "MI", "Dearborn", "Denwood St", "1100");
+                    section.state = 'map';
+                }
+            }
+
+        }
+    }
+}
+
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Navigation/keyboard_search.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Navigation/keyboard_search.qml
new file mode 100644
index 000000000..011c76164
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Navigation/keyboard_search.qml
@@ -0,0 +1,64 @@
+import QtQuick 2.0
+import "../../Components"
+import "../../Layouts"
+
+Item {
+    anchors.fill: parent
+    id: keyboard_search
+
+    states: [
+        State {
+            name: 'city'
+            PropertyChanges {target: text_entry; autocompleteModel: citySuggestions}
+        },
+        State {
+            name: 'street'
+            PropertyChanges {target: text_entry; autocompleteModel: streetSuggestions}
+        },
+        State {
+            name: 'door'
+            PropertyChanges {target: text_entry; autocompleteModel: undefined}
+        },
+        State {
+            name: 'review'
+            PropertyChanges {target: text_entry; visible: false}
+            PropertyChanges {target: review; visible: true}
+        }
+    ]
+
+    Column {
+        id: review
+        anchors.verticalCenter: parent.verticalCenter
+        anchors.horizontalCenter: parent.horizontalCenter
+        width: 500
+
+        visible: false
+        Button {
+            text: stateSuggestions.selected
+            width: parent.width
+            onPress: keyboard_search.state = ""
+        }
+        Button {
+            text: citySuggestions.selected
+            width: parent.width
+             onPress: keyboard_search.state = "city"
+        }
+        Button {
+            text: streetSuggestions.selected
+            width: parent.width
+            onPress: keyboard_search.state = "city"
+        }
+        Button {
+            id: doornumber
+            width: parent.width
+            onPress: keyboard_search.state = "door"
+        }
+        Button {
+            text: "Begin navigation"
+            anchors.horizontalCenter: parent.horizontalCenter
+            onPress: {
+                section.state = 'map';
+            }
+        }
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Navigation/map.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Navigation/map.qml
new file mode 100644
index 000000000..8b48efe78
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Navigation/map.qml
@@ -0,0 +1,63 @@
+import QtQuick 2.0
+import "../../Components"
+
+Item {
+    Column {
+        anchors.left: parent.left;
+        anchors.verticalCenter: parent.verticalCenter
+        spacing: 10
+
+        Button {
+            text: "Zoom in"
+        }
+
+        Button {
+            text: "Zoom out"
+        }
+
+        Button {
+            text: "3D"
+        }
+
+        Button {
+            text: "2D"
+        }
+
+        Button {
+            text: "North up"
+        }
+    }
+
+    Rectangle {
+        width: next_turn.width + 20
+        height: 30
+        anchors.top: parent.top
+        anchors.topMargin: 65
+        anchors.horizontalCenter: parent.horizontalCenter
+        color: "black"
+        opacity: 0.6
+
+    }
+
+    Rectangle {
+        width: current_street.width + 20
+        height: 30
+        anchors.bottom: parent.bottom
+        anchors.bottomMargin: 65
+        anchors.horizontalCenter: parent.horizontalCenter
+        color: "black"
+        opacity: 0.6
+        visible: navController.current_street.length > 0
+
+    }
+
+
+    Button {
+        text: "Go"
+        anchors.top: parent.top
+        anchors.topMargin: 3
+        anchors.right: parent.right
+        anchors.rightMargin: 20
+        onPress: section.state = 'menu'
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Navigation/menu.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Navigation/menu.qml
new file mode 100644
index 000000000..fdcae3f58
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Navigation/menu.qml
@@ -0,0 +1,57 @@
+import QtQuick 2.0
+import "../../Components"
+import "../../Layouts"
+
+EmptyLayout {
+    back_button: true
+
+    Grid {
+        anchors.verticalCenter: parent.verticalCenter
+        anchors.horizontalCenter: parent.horizontalCenter
+        spacing: 10
+
+        GraphicalButton {
+            text: "Home"
+            image: "../../Assets/HomeIcon.png"
+            onPress: {
+                section.state = 'map';
+            }
+        }
+        GraphicalButton {
+            text: "Work"
+            image: "../../Assets/WorkIcon.png"
+            onPress: {
+                section.state = 'map';
+            }
+        }
+        GraphicalButton {
+            text: "Recent Destination"
+            image: "../../Assets/RecentDestinationsIcon.png"
+            onPress: section.state = 'recent_destinations'
+        }
+        GraphicalButton {
+            text: "Keyboard"
+            image: "../../Assets/KeyboardIcon.png"
+            onPress: section.state = 'keyboard_search'
+        }
+        GraphicalButton {
+            text: "Favorites"
+            image: "../../Assets/FavoritesIcon.png"
+            onPress: section.state = 'favorites'
+        }
+        GraphicalButton {
+            text: "Point of Interest"
+            image: "../../Assets/PoiIcon.png"
+            onPress: section.state = 'poi'
+        }
+        GraphicalButton {
+            text: "Scout"
+            image: "../../Assets/ScoutIcon.png"
+        }
+        GraphicalButton {
+            text: "SYNC Services"
+            image: "../../Assets/ServicesIcon.png"
+            onPress: section.state = "video_moving_map"
+        }
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Navigation/poi.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Navigation/poi.qml
new file mode 100644
index 000000000..0ecea8a11
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Navigation/poi.qml
@@ -0,0 +1,205 @@
+import QtQuick 2.0
+import com.ford.navcore 1.0
+import "../../Components"
+import "../../Layouts"
+
+EmptyLayout {
+    anchors.fill: parent
+    back_button: true
+    id: poi_search
+
+    Component.onCompleted: state = "search_type"
+
+    states: [
+        State {
+            name: 'search_type'
+            PropertyChanges {
+                target: search_type
+                visible: true
+            }
+        },
+        State {
+            name: 'categories'
+            PropertyChanges {
+                target: category_select
+                visible: true
+            }
+        },
+        State {
+            name: 'select_state'
+            PropertyChanges {
+                target: text_entry
+                visible: true
+            }
+        },
+        State {
+            name: 'results'
+            PropertyChanges {
+                target: results
+                visible: true
+            }
+        },
+        State {
+            name: 'result'
+            PropertyChanges {
+                target: result
+                visible: true
+            }
+        }
+    ]
+
+    NavController {
+        id: navController
+    }
+
+    Grid {
+        id: search_type
+        property string type
+        anchors.verticalCenter: parent.verticalCenter
+        anchors.horizontalCenter: parent.horizontalCenter
+        spacing: 10
+        visible: false
+
+        GraphicalButton {
+            text: "Near me"
+            image: "../../Assets/HomeIcon.png"
+            onPress: {
+                search_type.type = "nearby"
+                poi_search.state = "categories"
+            }
+        }
+
+        GraphicalButton {
+            text: "Along route"
+            image: "../../Assets/HomeIcon.png"
+            onPress: {
+                search_type.type = "route"
+                poi_search.state = "categories"
+            }
+        }
+
+        GraphicalButton {
+            text: "In city"
+            image: "../../Assets/HomeIcon.png"
+            onPress: {
+                search_type.type = "city"
+                poi_search.state = "select_state"
+            }
+        }
+    }
+
+    ListView {
+        id: category_select
+        anchors.verticalCenter: parent.verticalCenter
+        anchors.horizontalCenter: parent.horizontalCenter
+        height: parent.height - 120
+        width: parent.width
+        spacing: 10
+        clip: true
+
+        GraphicalButton {
+            text: "Search by name"
+            image: "../../Assets/HomeIcon.png"
+            anchors.verticalCenter: parent.verticalCenter
+            anchors.left: parent.left
+            anchors.leftMargin: 20
+        }
+
+        visible: false
+        model: NavPoiCategoryListModel { id: poi_categories }
+
+        delegate: Button {
+            property int category_id: id
+            text: name
+            width: 400
+            anchors.horizontalCenter: parent.horizontalCenter
+            onPress: {
+                navController.poiSearch(search_type.type, category_id, "USA", state_suggestions.getSelected(), city_suggestions.getSelected());
+                poi_search.state = "results"
+            }
+        }
+    }
+
+    ListView {
+        id: results
+        visible: false
+        anchors.topMargin: 80
+        anchors.top: parent.top
+        anchors.bottomMargin: 80
+        anchors.bottom: parent.bottom
+        anchors.horizontalCenter: parent.horizontalCenter
+        width: 400
+        height: parent.height - 120
+        spacing: 10
+        clip: true
+
+        model: NavPoiSuggestionListModel {
+            id: poi_suggestions
+        }
+
+        delegate: Button {
+            text: name
+            width: parent.width
+            onPress: {
+                results.currentIndex = index
+                poi_search.state = "result"
+            }
+        }
+    }
+
+    Item {
+        anchors.fill: parent
+        anchors.topMargin: 80
+        anchors.bottomMargin: 80
+        id: result
+        visible: false
+
+        H1 {
+            id: poi_name
+            anchors.horizontalCenter: parent.horizontalCenter
+            text: (results.currentItem ? results.currentItem.text : "")
+        }
+
+        Button {
+            text: "Begin navigation"
+            anchors.horizontalCenter: parent.horizontalCenter
+            anchors.top: poi_name.bottom
+            onPress: {
+                poi_suggestions.navigateToResult(results.currentIndex);
+                section.state = 'map'
+            }
+        }
+    }
+
+    TextEntry {
+        id: text_entry
+        anchors.topMargin: 80
+        input_border.color: "#3C7855"
+
+        states: [
+            State {
+                name: "city_select"
+                PropertyChanges {
+                    target: text_entry
+                    autocompleteModel: city_suggestions
+                }
+            }
+
+        ]
+
+        NavStateSuggestionListModel { id: state_suggestions }
+        NavCitySuggestionListModel { id: city_suggestions; stateListModel: state_suggestions }
+        autocompleteModel: state_suggestions
+        visible: false
+
+        onSelected: {
+            if (text_entry.state === '') {
+                text = "";
+                text_entry.state = 'city_select';
+            }
+            else {
+                poi_search.state = 'categories'
+            }
+        }
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Navigation/recent_destinations.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Navigation/recent_destinations.qml
new file mode 100644
index 000000000..db16b994b
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Navigation/recent_destinations.qml
@@ -0,0 +1,70 @@
+import QtQuick 2.0
+import com.ford.navcore 1.0
+import "../../Components"
+import "../../Layouts"
+
+Item {
+    BackButton { onPress: section.state = 'menu' }
+    NavController {
+        id: navController
+    }
+
+    Flickable {
+        height: 300
+        width: 400
+        anchors.verticalCenter: parent.verticalCenter
+        anchors.horizontalCenter: parent.horizontalCenter
+        clip: true
+        contentWidth: content.width
+        contentHeight: content.height
+
+        Column {
+            id: content
+            width: parent.width
+            spacing: 10
+
+            Button {
+                text: "Barry Church's home"
+                width: parent.width
+                onPress: {
+                    navController.beginNavigation("USA", "MI", "Davison", "Victoria Sta", "3465");
+                    section.state = 'map';
+                }
+            }
+            Button {
+                text: "Subway"
+                width: parent.width
+                onPress: {
+                    navController.beginNavigation("USA", "MI", "Dearborn Heights", "Pelham St", "3929");
+                    section.state = 'map';
+                }
+            }
+            Button {
+                text: "Ford World Headquarters"
+                width: parent.width
+                onPress: {
+                    navController.beginNavigation("USA", "MI", "Dearborn", "American Rd", "1");
+                    section.state = 'map';
+                }
+            }
+            Button {
+                text: "Qdoba"
+                width: parent.width
+                onPress: {
+                    navController.beginNavigation("USA", "MI", "Allen Park", "Fairlane Dr", "48101");
+                    section.state = 'map';
+                }
+            }
+            Button {
+                text: "Levagood Park"
+                width: parent.width
+                onPress: {
+                    navController.beginNavigation("USA", "MI", "Dearborn", "Denwood St", "1100");
+                    section.state = 'map';
+                }
+            }
+
+        }
+    }
+}
+
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Navigation/video_moving_map.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Navigation/video_moving_map.qml
new file mode 100644
index 000000000..2f6b798d1
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Navigation/video_moving_map.qml
@@ -0,0 +1,20 @@
+import QtQuick 2.0
+import "../../Components"
+import QtMultimedia 5.0
+
+Item {
+    Video {
+        anchors.fill: parent
+        source: "rtsp://172.20.10.7:8086"
+        autoPlay: true
+    }
+
+    Button {
+        text: "Go"
+        anchors.top: parent.top
+        anchors.topMargin: 3
+        anchors.right: parent.right
+        anchors.rightMargin: 20
+        onPress: section.state = 'menu'
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Phone/device_info.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Phone/device_info.qml
new file mode 100644
index 000000000..1f409f58e
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Phone/device_info.qml
@@ -0,0 +1,21 @@
+import QtQuick 2.0
+import "../../Components"
+import com.ford.phonecore 1.0
+
+Item {
+    anchors.fill: parent
+
+    H2 {
+        id: h2
+        text: PhoneCore.device_name
+
+        anchors.horizontalCenter: parent.horizontalCenter
+    }
+    Button {
+        text: "Forget device"
+        onPress: PhoneCore.unpairDevice()
+        anchors.horizontalCenter: parent.horizontalCenter
+        anchors.top: h2.bottom
+        anchors.topMargin: 20
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Phone/discovery.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Phone/discovery.qml
new file mode 100644
index 000000000..5d7c51be6
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Phone/discovery.qml
@@ -0,0 +1,23 @@
+import QtQuick 2.0
+import com.ford.phonecore 1.0
+import "../../Components"
+
+Item {
+    ListView {
+        anchors.horizontalCenter: parent.horizontalCenter
+        width: 300
+        anchors.top: parent.top
+        anchors.bottom: parent.bottom
+        spacing: 10
+
+        delegate: Button {
+            text: name
+            width: parent.width
+            onPress: bluetooth_devices.createPairedDevice(mac)
+        }
+
+        model: BluetoothDiscoveredDevices {
+            id: bluetooth_devices
+        }
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Phone/keypad.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Phone/keypad.qml
new file mode 100644
index 000000000..fd5ed4ff0
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Phone/keypad.qml
@@ -0,0 +1,55 @@
+import QtQuick 2.0
+import com.ford.phonecore 1.0
+import "../../Components"
+import "../../Layouts"
+
+Item {
+    anchors.top: parent.top
+    anchors.topMargin: 80
+
+    TextBox {
+        id: phone_number
+        border.color: Qt.rgba(0.454901961,0.37254902,0.203921569,1)
+        anchors.top: parent.top
+        width: parent.width - 160
+        anchors.horizontalCenter: parent.horizontalCenter
+    }
+
+    BackButton {
+        anchors.top: phone_number.top
+        anchors.topMargin: 1
+        anchors.right: phone_number.left
+        anchors.rightMargin: 10
+        onPress: section.state = ''
+    }
+
+    ImageButton {
+        anchors.top: phone_number.top
+        anchors.topMargin: 1
+        icon: "../../Assets/DeleteIcon.png"
+        anchors.left: phone_number.right
+        anchors.leftMargin: 10
+        height: 42
+
+        onPress: phone_number.text = phone_number.text.replace(/.$/, '')
+    }
+
+    Keypad {
+        anchors.topMargin: 40
+        anchors.top: phone_number.bottom
+        anchors.horizontalCenter: parent.horizontalCenter
+
+        onLetterClicked: phone_number.text += letter
+    }
+
+    Button {
+        text: "Call"
+        onPress: PhoneCore.dial(phone_number.text);
+        y: 100
+    }
+    Button {
+        text: "End call"
+        onPress: PhoneCore.hangup();
+        y: 160
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Phone/manage_devices.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Phone/manage_devices.qml
new file mode 100644
index 000000000..cf62a9c28
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Phone/manage_devices.qml
@@ -0,0 +1,16 @@
+import QtQuick 2.0
+import com.ford.phonecore 1.0
+import "../../Components"
+import "../../Layouts"
+
+TitledLayout {
+    title: "Manage Bluetooth devices"
+    back_button: true
+
+    Loader {
+        id: view
+
+        anchors.fill: parent
+        source: (PhoneCore.device_name === "") ? "discovery.qml" : "device_info.qml"
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Phone/menu.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Phone/menu.qml
new file mode 100644
index 000000000..2d53656ba
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Phone/menu.qml
@@ -0,0 +1,54 @@
+import QtQuick 2.0
+import "../../Components"
+import "../../Layouts"
+
+LeftThirdSection {
+    Grid {
+        anchors.verticalCenter: parent.verticalCenter
+        anchors.horizontalCenter: parent.horizontalCenter
+        spacing: 10
+
+        GraphicalButton {
+            text: "Do Not Disturb"
+            image: "../../Assets/DndIcon.png"
+        }
+
+        GraphicalButton {
+            text: "Phonebook"
+            image: "../../Assets/PhonebookIcon.png"
+        }
+
+        GraphicalButton {
+            text: "Voicemail"
+            image: "../../Assets/VoicemailIcon.png"
+        }
+
+        GraphicalButton {
+            text: "Messages"
+            image: "../../Assets/MessagesIcon.png"
+        }
+
+        GraphicalButton {
+            text: "Recent Calls"
+            image: "../../Assets/RecentCallsIcon.png"
+            onPress: section.state = 'recent_calls'
+        }
+
+        GraphicalButton {
+            text: "Keypad"
+            image: "../../Assets/KeypadIcon.png"
+            onPress: section.state = 'keypad'
+        }
+
+        GraphicalButton {
+            text: "Speed Dial"
+            image: "../../Assets/SpeedDialIcon.png"
+        }
+
+        GraphicalButton {
+            text: "Devices"
+            image: "../../Assets/SpeedDialIcon.png"
+            onPress: section.state = 'manage_devices'
+        }
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Phone/recent_calls.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Phone/recent_calls.qml
new file mode 100644
index 000000000..1873ed438
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Phone/recent_calls.qml
@@ -0,0 +1,62 @@
+import QtQuick 2.0
+import com.ford.phonecore 1.0
+import "../../Components"
+import "../../Layouts"
+
+TitledLayout {
+    title: "Recent calls"
+    Component.onCompleted: PhoneCore.hangup()
+    back_button: true
+
+    Flickable {
+        height: 300
+        width: 400
+        anchors.top: parent.top
+        anchors.horizontalCenter: parent.horizontalCenter
+        clip: true
+        contentWidth: content.width
+        contentHeight: content.height
+
+        Column {
+            id: content
+            width: parent.width
+            spacing: 10
+
+            Button {
+                text: "Chris Church: Mobile"
+                onPress: PhoneCore.dial("8106567195")
+                width: parent.width
+            }
+            Button {
+                text: "Barry Church: Mobile"
+                onPress: PhoneCore.dial("3134074522")
+                width: parent.width
+            }
+            Button {
+                text: "Barry Church: Work"
+                onPress: PhoneCore.dial("3134074522")
+                width: parent.width
+            }
+            Button {
+                text: "Aaron Church: Mobile"
+                onPress: PhoneCore.dial("3134074522")
+                width: parent.width
+            }
+            Button {
+                text: "Aaron Church: Mobile"
+                onPress: PhoneCore.dial("3134074522")
+                width: parent.width
+            }
+            Button {
+                text: "Aaron Church: Mobile"
+                onPress: PhoneCore.dial("3134074522")
+                width: parent.width
+            }
+            Button {
+                text: "Aaron Church: Mobile"
+                onPress: PhoneCore.dial("3134074522")
+                width: parent.width
+            }
+        }
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Vehicle/menu.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Vehicle/menu.qml
new file mode 100644
index 000000000..b95bc52da
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/Vehicle/menu.qml
@@ -0,0 +1,60 @@
+import QtQuick 2.0
+import "../../Components"
+import "../../Layouts"
+
+LeftThirdSection {
+    MultiPointTouchArea {
+        anchors.fill: parent
+    }
+
+    Grid {
+        anchors.verticalCenter: parent.verticalCenter
+        anchors.horizontalCenter: parent.horizontalCenter
+        spacing: 10
+
+        GraphicalButton {
+            text: "HEV"
+            image: "../../Assets/EvIcon.png"
+        }
+
+        GraphicalButton {
+            text: "Ambient Lighting"
+            image: "../../Assets/LightingIcon.png"
+        }
+
+        GraphicalButton {
+            text: "Wallpaper"
+            image: "../../Assets/WallpaperIcon.png"
+        }
+
+        GraphicalButton {
+            text: "Wi-Fi"
+            image: "../../Assets/WifiIcon.png"
+        }
+
+        GraphicalButton {
+            text: "Health Report"
+            image: "../../Assets/VhrIcon.png"
+        }
+
+        GraphicalButton {
+            text: "Seats"
+            image: "../../Assets/SeatsIcon.png"
+        }
+
+        GraphicalButton {
+            text: "Keypad Entry"
+            image: "../../Assets/KeypadEntryIcon.png"
+        }
+
+        GraphicalButton {
+            text: "Sync Services"
+            image: "../../Assets/ServicesIcon.png"
+        }
+
+        GraphicalButton {
+            text: "Add Shortcut"
+            image: "../../Assets/AddIcon.png"
+        }
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/alert.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/alert.qml
new file mode 100644
index 000000000..f19539b9b
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/alert.qml
@@ -0,0 +1,68 @@
+import QtQuick 2.0
+
+Item {
+    property alias text: alert_text.text
+    id: alert_item
+    opacity: 0
+
+    transitions: Transition {
+        NumberAnimation {
+            properties: "opacity"
+        }
+    }
+
+    function alert(message) {
+        text = message;
+        state = 'alerting';
+        alert_timer.start();
+    }
+
+    states: [
+        State {
+            name: 'alerting'
+            PropertyChanges {
+                target: alert_item
+                opacity: 1
+            }
+        }
+    ]
+
+    Timer {
+        id: alert_timer
+        running: false
+        interval: 4000
+        onTriggered: alert_item.state = '';
+    }
+
+
+    Rectangle {
+        id: background
+        anchors.fill: parent
+        color: "#000"
+        opacity: 0.8
+    }
+
+    Rectangle {
+        color: "#111"
+        width: 500
+        height: alert_text.height + 40
+        radius: 8
+        border.color: "#666"
+        border.width: 2
+        anchors.horizontalCenter: parent.horizontalCenter
+        anchors.verticalCenter: parent.verticalCenter
+
+        Text {
+            id: alert_text
+            text: "This is a really really long long really really long longreally really long longreally really long longreally really long long alert"
+            color: "#fff"
+            anchors.horizontalCenter: parent.horizontalCenter
+            anchors.verticalCenter: parent.verticalCenter
+            horizontalAlignment: Text.AlignHCenter
+            font.pixelSize: 24
+            width: parent.width
+            wrapMode: Text.WordWrap
+        }
+    }
+
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/chrome.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/chrome.qml
new file mode 100644
index 000000000..b8f4f09d5
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/chrome.qml
@@ -0,0 +1,144 @@
+import QtQuick 2.0
+import "../Components"
+
+Item {
+    id: container
+    anchors.fill: parent
+
+    property int horizontalLabelMargin: 20
+
+    Image {
+        id: phonetab
+        source: "../Assets/PhoneTab.png"
+        anchors.top: parent.top
+        anchors.topMargin: (root.state === "phone") ? -height : 0
+        Behavior on anchors.topMargin { PropertyAnimation {} }
+        width: parent.width / 2 - 145
+        height: parent.height / 20 + 25
+
+        Clickable {
+            anchors.fill: parent
+            text: "Phone"
+            onPress: go("phone")
+            textAnchors.verticalCenter: verticalCenter
+            textAnchors.leftMargin: horizontalLabelMargin
+            textAnchors.left: left
+        }
+    }
+    Row {
+        anchors.right: phonetab.right
+        anchors.rightMargin: phonetab.width / 4
+        anchors.top: parent.top
+        height: phonetab.height
+        spacing: 10
+
+        Image {
+            source: "../Assets/PhoneCornerIcons.png"
+            anchors.verticalCenter: parent.verticalCenter
+        }
+    }
+
+
+    Image {
+        source: "../Assets/NavigationTab.png"
+        anchors.right: parent.right
+        anchors.top: parent.top
+        anchors.topMargin: (root.state === "navigation") ? -height : 0
+        Behavior on anchors.topMargin { PropertyAnimation {} }
+        width: parent.width / 2 - 145
+        height: parent.height / 20 + 25
+
+        Clickable {
+            anchors.fill: parent
+            text: "Navigation"
+            onPress: go("navigation")
+            textAnchors.verticalCenter: verticalCenter
+            textAnchors.rightMargin: horizontalLabelMargin
+            textAnchors.right: right
+        }
+    }
+
+    Image {
+        id: test1
+        source: "../Assets/MediaTab.png"
+        anchors.bottom: parent.bottom
+        anchors.bottomMargin: (root.state === "media") ? -height : 0
+        anchors.left: parent.left
+        Behavior on anchors.bottomMargin { PropertyAnimation {} }
+        width: parent.width / 2 - 145
+        height: parent.height / 20 + 25
+
+        Clickable {
+            anchors.fill: parent
+            text: "Media"
+            onPress: go("media")
+            textAnchors.verticalCenter: verticalCenter
+            textAnchors.leftMargin: horizontalLabelMargin
+            textAnchors.left: left
+        }
+    }
+
+    Image {
+        source: "../Assets/VehicleTab.png"
+        anchors.right: parent.right
+        anchors.bottom: parent.bottom
+        anchors.bottomMargin: (root.state === "vehicle") ? -height : 0
+        Behavior on anchors.bottomMargin { PropertyAnimation {} }
+        width: parent.width / 2 - 145
+        height: parent.height / 20 + 25
+
+        Clickable {
+            anchors.fill: parent
+            text: "Vehicle"
+            onPress: go("vehicle")
+            textAnchors.verticalCenter: verticalCenter
+            textAnchors.rightMargin: horizontalLabelMargin
+            textAnchors.right: right
+        }
+    }
+
+    Image {
+        id: chrometop
+        source: "../Assets/ChromeTop.png"
+        anchors.top: parent.top
+        anchors.horizontalCenter: parent.horizontalCenter
+        height: parent.height / 18 + 35
+        width: parent.width / 2 + 40
+        fillMode: Image.PreserveAspectFit
+        Clickable {
+            onPress: go((root.state === 'home_corners') ? 'home' : 'home_corners')
+            width: parent.width / 5
+            height: parent.height
+            anchors.left: parent.left
+            anchors.leftMargin: (parent.width - parent.paintedWidth)/2 + 20
+        }
+
+        Text {
+            id: clock
+            text: "12:00"
+            anchors.horizontalCenter: parent.horizontalCenter
+            anchors.top: parent.top
+            anchors.topMargin: 10
+            color: "#ffffff"
+            font.pixelSize: 28
+        }
+    }
+    Image {
+        source: "../Assets/ChromeBottom.png"
+        anchors.bottom: parent.bottom
+        anchors.horizontalCenter: parent.horizontalCenter
+        height: parent.height / 18 + 35
+        width: parent.width / 2
+        fillMode: Image.PreserveAspectFit
+
+        Text {
+            id: exterior_temp
+            text: "72F Outside"
+            anchors.horizontalCenter: parent.horizontalCenter
+            anchors.bottom: parent.bottom
+            color: "#ffffff"
+            anchors.bottomMargin: 15
+            font.pixelSize: 18
+        }
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/home.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/home.qml
new file mode 100644
index 000000000..c45f66782
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/home.qml
@@ -0,0 +1,51 @@
+import QtQuick 2.0
+import "../Components"
+import "../Layouts"
+import com.ford.phonecore 1.0
+
+LeftThirdSection {
+    header: "Good Morning, Jen"
+
+    Column {
+        anchors.left: parent.left
+        anchors.leftMargin: 60
+        spacing: 40
+        anchors.verticalCenter: parent.verticalCenter
+
+        Weather {}
+        Weather {
+            text: "Tonight"
+            temp: "55"
+            image: "../Assets/CloudNight.png"
+        }
+    }
+
+
+    Image {
+        id: schedule
+        source: "../Assets/CMaxCal.png"
+        anchors.right: parent.right
+        anchors.rightMargin: 70
+        anchors.verticalCenter: parent.verticalCenter
+    }
+
+    Column {
+        anchors.right: schedule.left
+        anchors.rightMargin: 20
+        anchors.top: schedule.top
+        anchors.topMargin: 5
+        spacing: 40
+
+        Button {
+            text: "Dial"
+        }
+        Button {
+            text: "Navigate"
+        }
+        Button {
+            text: "Siri"
+            onPress: PhoneCore.siriEyesFree()
+            visible: PhoneCore.device_state === "connected" || PhoneCore.device_state === "playing"
+        }
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/home_corners.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/home_corners.qml
new file mode 100644
index 000000000..432e978b8
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/home_corners.qml
@@ -0,0 +1,133 @@
+import QtQuick 2.0
+import com.ford.phonecore 1.0
+import "../Components"
+import "../Layouts"
+
+Item {
+
+    Image {
+        source: "../Assets/Crosshairs.png"
+        anchors.horizontalCenter: parent.horizontalCenter
+        anchors.verticalCenter: parent.verticalCenter
+    }
+
+    Item {
+        width: parent.width / 2
+        height: parent.height / 2
+
+        Image {
+            id: phone_corner_icon
+            visible: (PhoneCore.device_state === "connected")
+            source: "../Assets/PhoneIcons.png"
+            anchors.top: parent.top
+            anchors.topMargin: 80
+            anchors.horizontalCenter: parent.horizontalCenter
+        }
+
+        OverflowableText {
+            id: phone_name
+            text: PhoneCore.device_name
+            anchors.top: phone_corner_icon.bottom
+            anchors.horizontalCenter: parent.horizontalCenter
+            textAlign: 'center'
+            anchors.topMargin: 10
+            width: 350
+            fontColor: (PhoneCore.device_state === "connected") ? "#ffffff" : "#333"
+            font.pixelSize: 24
+        }
+
+        Text {
+            text: "Connecting..."
+            anchors.top: phone_name.bottom
+            anchors.horizontalCenter: parent.horizontalCenter
+            anchors.topMargin: 10
+            color: "#333"
+            visible: (PhoneCore.device_state === "connecting")
+            font.pixelSize: 24
+        }
+
+        CheckButton {
+            text: "Do Not Disturb"
+            visible: (PhoneCore.device_state === "connected")
+            anchors.top: phone_name.bottom
+            anchors.horizontalCenter: parent.horizontalCenter
+            anchors.topMargin: 10
+        }
+
+
+
+        Row {
+            anchors.top: phone_name.bottom
+            anchors.horizontalCenter: parent.horizontalCenter
+            anchors.topMargin: 10
+            visible: (PhoneCore.device_state === "disconnected")
+            spacing: 10
+
+            Button {
+                text: "Connect"
+                onPress: {
+                    PhoneCore.initializeDevice()
+                }
+            }
+
+            Button {
+                text: "Manage Phones"
+                onPress: {
+                    go("phone");
+                }
+            }
+        }
+
+    }
+
+    Item {
+        width: parent.width / 2
+        height: parent.height / 2
+        anchors.right: parent.right
+    }
+
+    Item {
+        width: parent.width / 2
+        height: parent.height / 2
+        anchors.right: parent.right
+        anchors.bottom: parent.bottom
+
+        Image {
+            source: "../Assets/VehicleCornerIcon.png"
+            anchors.horizontalCenter: parent.horizontalCenter
+        }
+    }
+
+    Item {
+        width: parent.width / 2
+        height: parent.height / 2
+        anchors.bottom: parent.bottom
+
+        Image {
+            id: media_corner_icon
+            source: "../Assets/UsbIcon.png"
+            anchors.horizontalCenter: parent.horizontalCenter
+            anchors.top: parent.top
+            anchors.topMargin: 40
+        }
+
+        Text {
+            id: media_artist
+            text: ""
+            font.pixelSize: 18
+            anchors.horizontalCenter: parent.horizontalCenter
+            anchors.top: media_corner_icon.bottom
+            color: "#ffffff"
+            anchors.topMargin: 10
+        }
+
+        Text {
+            id: media_title
+            text: ""
+            font.pixelSize: 24
+            anchors.horizontalCenter: parent.horizontalCenter
+            anchors.top: media_artist.bottom
+            color: "#ffffff"
+        }
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/media.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/media.qml
new file mode 100644
index 000000000..af33ddaff
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/media.qml
@@ -0,0 +1,55 @@
+import QtQuick 2.0
+import "../Components"
+import "../Layouts"
+
+Rectangle {
+    anchors.fill: parent
+    id: section
+
+    gradient: Gradient {
+        GradientStop { position: 0.8; color: "#000000" }
+        GradientStop { position: 1.0; color: "#7C3232" }
+    }
+
+    states: [
+        State {
+            name: 'menu'
+            PropertyChanges { target: page; source: "Media/menu.qml" }
+        },
+        State {
+            name: 'fm'
+            PropertyChanges { target: page; source: "Media/fm.qml" }
+        },
+        State {
+            name: 'sirius'
+            PropertyChanges { target: page; source: "Media/sirius.qml" }
+        },
+        State {
+            name: 'usb'
+            PropertyChanges { target: page; source: "Media/usb.qml" }
+        },
+        State {
+            name: 'bluetooth'
+            PropertyChanges { target: page; source: "Media/bluetooth.qml" }
+        },
+        State {
+            name: 'applink'
+            PropertyChanges { target: page; source: "Media/applink.qml" }
+        }
+    ]
+
+    transitions: [
+        Transition {
+            to: "bluetooth"
+        },
+        Transition {
+            to: "usb"
+        }
+
+    ]
+
+    Section {
+        id: page
+        source: "Media/usb.qml"
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/navigation.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/navigation.qml
new file mode 100644
index 000000000..e26326b45
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/navigation.qml
@@ -0,0 +1,49 @@
+import QtQuick 2.0
+import "../Components"
+import "../Layouts"
+
+Rectangle {
+    id: section
+    anchors.fill: parent
+
+    gradient: Gradient {
+        GradientStop { position: 0.0; color: "#3C7855" }
+        GradientStop { position: 0.4; color: "#000000" }
+    }
+
+    Section {
+        id: page
+        source: "Navigation/map.qml"
+    }
+
+    states: [
+        State {
+            name: ''
+            PropertyChanges { target: page; source: "Navigation/map.qml" }
+        },
+        State {
+            name: 'menu'
+            PropertyChanges { target: page; source: "Navigation/menu.qml" }
+        },
+        State {
+            name: 'keyboard_search'
+            PropertyChanges { target: page; source: "Navigation/keyboard_search.qml" }
+        },
+        State {
+            name: 'favorites'
+            PropertyChanges { target: page; source: "Navigation/favorites.qml" }
+        },
+        State {
+            name: 'recent_destinations'
+            PropertyChanges { target: page; source: "Navigation/recent_destinations.qml" }
+        },
+        State {
+            name: 'poi'
+            PropertyChanges { target: page; source: "Navigation/poi.qml" }
+        },
+        State {
+            name: 'video_moving_map'
+            PropertyChanges { target: page; source: "Navigation/video_moving_map.qml" }
+        }
+    ]
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/phone.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/phone.qml
new file mode 100644
index 000000000..8c2987f2f
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/phone.qml
@@ -0,0 +1,37 @@
+import QtQuick 2.0
+import "../Components"
+import "../Layouts"
+
+Rectangle {
+    id: section
+    anchors.fill: parent
+
+    states: [
+        State {
+            name: ''
+            PropertyChanges { target: page; source: "Phone/menu.qml" }
+        },
+        State {
+            name: 'recent_calls'
+            PropertyChanges { target: page; source: "Phone/recent_calls.qml" }
+        },
+        State {
+            name: 'keypad'
+            PropertyChanges { target: page; source: "Phone/keypad.qml" }
+        },
+        State {
+            name: 'manage_devices'
+            PropertyChanges { target: page; source: "Phone/manage_devices.qml" }
+        }
+    ]
+
+    gradient: Gradient {
+        GradientStop { position: 0.0; color: Qt.rgba(0.454901961,0.37254902,0.203921569,1) }
+        GradientStop { position: 0.4; color: "#000000" }
+    }
+
+    Section {
+        id: page
+        source: "Phone/menu.qml"
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/vehicle.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/vehicle.qml
new file mode 100644
index 000000000..9687e7c46
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/Sections/vehicle.qml
@@ -0,0 +1,17 @@
+import QtQuick 2.0
+import "../Components"
+import "../Layouts"
+
+Rectangle {
+    anchors.fill: parent
+
+    gradient: Gradient {
+        GradientStop { position: 0.4; color: "#000000" }
+        GradientStop { position: 1.0; color: "#104369" }
+    }
+
+    Section {
+        id: section
+        source: "Vehicle/menu.qml"
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/main.qml b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/main.qml
new file mode 100644
index 000000000..c6f0b0e76
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qml/Bananas/main.qml
@@ -0,0 +1,79 @@
+import QtQuick 2.0
+import "Components"
+import com.ford.sdlcore 1.0
+import com.ford.phonecore 1.0
+
+Rectangle {
+    id: root
+    width: 800
+    height: 470
+    color: "#000"
+
+    states: [
+        State {
+            name: "home"
+            PropertyChanges { target: maincontent; source: "Sections/home.qml" }
+        },
+        State {
+            name: "home_corners"
+            PropertyChanges { target: maincontent; source: "Sections/home_corners.qml" }
+        },
+        State {
+            name: "phone"
+            PropertyChanges { target: maincontent; source: "Sections/phone.qml" }
+        },
+        State {
+            name: "navigation"
+            PropertyChanges { target: maincontent; source: "Sections/navigation.qml" }
+        },
+        State {
+            name: "media"
+            PropertyChanges { target: maincontent; source: "Sections/media.qml" }
+        },
+        State {
+            name: "vehicle"
+            PropertyChanges { target: maincontent; source: "Sections/vehicle.qml" }
+        }
+    ]
+
+    transitions: [
+        Transition {
+            to: '*'
+            PropertyAnimation { target: maincontent; property: 'opacity'; from: 0; to: 1}
+        }
+    ]
+
+    function go(string) {
+        state = string
+    }
+
+    Connections {
+        target: AppLink
+        onAlert: root.alert(message);
+    }
+
+    Connections {
+        target: PhoneCore
+        onCallAdded: root.alert("Incoming call: \n" + name + "\n" + number)
+        onCallRemoved: root.alert("Call ended")
+    }
+
+    function alert(message) {
+        alert_loader.item.alert(message)
+    }
+
+    Section {
+        id: maincontent
+        source: "Sections/home.qml"
+    }
+
+    Section {
+        id: alert_loader
+        source: "Sections/alert.qml"
+    }
+
+    Section {
+        id: chrome
+        source: "Sections/chrome.qml"
+    }
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qtquick2applicationviewer/qtquick2applicationviewer.cpp b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qtquick2applicationviewer/qtquick2applicationviewer.cpp
new file mode 100644
index 000000000..547602d83
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qtquick2applicationviewer/qtquick2applicationviewer.cpp
@@ -0,0 +1,70 @@
+// checksum 0x56a9 version 0x80001
+/*
+  This file was generated by the Qt Quick 2 Application wizard of Qt Creator.
+  QtQuick2ApplicationViewer is a convenience class containing mobile device specific
+  code such as screen orientation handling. Also QML paths and debugging are
+  handled here.
+  It is recommended not to modify this file, since newer versions of Qt Creator
+  may offer an updated version of it.
+*/
+
+#include "qtquick2applicationviewer.h"
+
+#include <QtCore/QCoreApplication>
+#include <QtCore/QDir>
+#include <QtQml/QQmlEngine>
+
+class QtQuick2ApplicationViewerPrivate
+{
+    QString mainQmlFile;
+    friend class QtQuick2ApplicationViewer;
+    static QString adjustPath(const QString &path);
+};
+
+QString QtQuick2ApplicationViewerPrivate::adjustPath(const QString &path)
+{
+#if defined(Q_OS_MAC)
+    if (!QDir::isAbsolutePath(path))
+        return QString::fromLatin1("%1/../Resources/%2")
+                .arg(QCoreApplication::applicationDirPath(), path);
+#elif defined(Q_OS_UNIX)
+    const QString pathInInstallDir =
+            QString::fromLatin1("%1/../%2").arg(QCoreApplication::applicationDirPath(), path);
+    if (QFileInfo(pathInInstallDir).exists())
+        return pathInInstallDir;
+#endif
+    return path;
+}
+
+QtQuick2ApplicationViewer::QtQuick2ApplicationViewer(QWindow *parent)
+    : QQuickView(parent)
+    , d(new QtQuick2ApplicationViewerPrivate())
+{
+    connect(engine(), SIGNAL(quit()), SLOT(close()));
+    setResizeMode(QQuickView::SizeRootObjectToView);
+}
+
+QtQuick2ApplicationViewer::~QtQuick2ApplicationViewer()
+{
+    delete d;
+}
+
+void QtQuick2ApplicationViewer::setMainQmlFile(const QString &file)
+{
+    d->mainQmlFile = QtQuick2ApplicationViewerPrivate::adjustPath(file);
+    setSource(QUrl::fromLocalFile(d->mainQmlFile));
+}
+
+void QtQuick2ApplicationViewer::addImportPath(const QString &path)
+{
+    engine()->addImportPath(QtQuick2ApplicationViewerPrivate::adjustPath(path));
+}
+
+void QtQuick2ApplicationViewer::showExpanded()
+{
+#if defined(Q_WS_SIMULATOR)
+    showFullScreen();
+#else
+    show();
+#endif
+}
diff --git a/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qtquick2applicationviewer/qtquick2applicationviewer.h b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qtquick2applicationviewer/qtquick2applicationviewer.h
new file mode 100644
index 000000000..baf67f247
--- /dev/null
+++ b/SDL_Core/src/components/qt_hmi/References/Work/bananasnacks/qtquick2applicationviewer/qtquick2applicationviewer.h
@@ -0,0 +1,33 @@
+// checksum 0xfde6 version 0x80001
+/*
+  This file was generated by the Qt Quick 2 Application wizard of Qt Creator.
+  QtQuick2ApplicationViewer is a convenience class containing mobile device specific
+  code such as screen orientation handling. Also QML paths and debugging are
+  handled here.
+  It is recommended not to modify this file, since newer versions of Qt Creator
+  may offer an updated version of it.
+*/
+
+#ifndef QTQUICK2APPLICATIONVIEWER_H
+#define QTQUICK2APPLICATIONVIEWER_H
+
+#include <QtQuick/QQuickView>
+
+class QtQuick2ApplicationViewer : public QQuickView
+{
+    Q_OBJECT
+
+public:
+    explicit QtQuick2ApplicationViewer(QWindow *parent = 0);
+    virtual ~QtQuick2ApplicationViewer();
+
+    void setMainQmlFile(const QString &file);
+    void addImportPath(const QString &path);
+
+    void showExpanded();
+
+private:
+    class QtQuick2ApplicationViewerPrivate *d;
+};
+
+#endif // QTQUICK2APPLICATIONVIEWER_H