diff --git a/MainPage.xaml.cpp b/MainPage.xaml.cpp
index 2cc2fd3ce916c73adde299c841ba8604b78c4e44..32f3bbd78299edb79fcb2d69a9c2698055cdf714 100644
--- a/MainPage.xaml.cpp
+++ b/MainPage.xaml.cpp
@@ -19,6 +19,7 @@
 
 #include "SmartPanel.xaml.h"
 #include "RingConsolePanel.xaml.h"
+#include "VideoPage.xaml.h"
 #include "WelcomePage.xaml.h"
 
 #include "MainPage.xaml.h"
@@ -52,6 +53,7 @@ MainPage::MainPage()
     _welcomeFrame_->Navigate(TypeName(RingClientUWP::Views::WelcomePage::typeid));
     _smartPanel_->Navigate(TypeName(RingClientUWP::Views::SmartPanel::typeid));
     _consolePanel_->Navigate(TypeName(RingClientUWP::Views::RingConsolePanel::typeid));
+    _videoFrame_->Navigate(TypeName(RingClientUWP::Views::VideoPage::typeid));
 }
 
 void
diff --git a/VideoPage.xaml b/VideoPage.xaml
new file mode 100644
index 0000000000000000000000000000000000000000..e7f5ed8c6fee7e464a45345d6987d499085f43bc
--- /dev/null
+++ b/VideoPage.xaml
@@ -0,0 +1,123 @@
+<Page
+    x:Class="RingClientUWP.Views.VideoPage"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="using:RingClientUWP"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    mc:Ignorable="d">
+
+    <Page.Resources>
+        <SolidColorBrush x:Key="SemiTransparentBlack" Color="#000000" Opacity="0.5"/>
+        <Storyboard x:Name="myStoryboard">
+            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="_controlsBar_"
+                             Storyboard.TargetProperty="Opacity"
+                             Duration="0:0:4">
+                <LinearDoubleKeyFrame Value="1" KeyTime="0:0:0" />
+                <LinearDoubleKeyFrame Value="1" KeyTime="0:0:2" />
+                <LinearDoubleKeyFrame Value="0" KeyTime="0:0:4" />
+
+            </DoubleAnimationUsingKeyFrames>
+            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="_headerBar_"
+                             Storyboard.TargetProperty="Opacity"
+                             Duration="0:0:4">
+                <LinearDoubleKeyFrame Value="1" KeyTime="0:0:0" />
+                <LinearDoubleKeyFrame Value="1" KeyTime="0:0:2" />
+                <LinearDoubleKeyFrame Value="0" KeyTime="0:0:4" />
+            </DoubleAnimationUsingKeyFrames>
+        </Storyboard>
+    </Page.Resources>
+
+    <SplitView x:Name="_videoSplitView_" IsPaneOpen="False" OpenPaneLength="400" PanePlacement="Right">
+        <SplitView.Pane>
+            <Frame x:Name="_chatPanel_"/>
+        </SplitView.Pane>
+        <SplitView.Content>
+            <Grid>
+                <Image x:Name="_videoControl_"
+                       Source="ms-appx:///fond-video.png"
+                       PointerMoved="_videoControl__PointerMoved"
+                       Stretch="UniformToFill"/>
+                <StackPanel x:Name="_headerBar_"
+                            Background="{StaticResource SemiTransparentBlack}"
+                            HorizontalAlignment="Stretch"
+                            VerticalAlignment="Top"
+                            Height="50">
+                    <TextBlock x:Name="_callee_"
+                               Text="callee"
+                               Foreground="White"
+                               Margin="20,10"/>
+                </StackPanel>
+                <StackPanel x:Name="_controlsBar_"
+                            HorizontalAlignment="Center"
+                            VerticalAlignment="Bottom"
+                            Orientation="Horizontal">
+                    <StackPanel.Resources>
+                        <Style TargetType="Button">
+                            <Setter Property="Margin" Value="10,30"/>
+                            <Setter Property="Width" Value="40"/>
+                            <Setter Property="Height" Value="40"/>
+                            <Setter Property="Foreground" Value="White"/>
+                            <Setter Property="BorderBrush" Value="White"/>
+                        </Style>
+                    </StackPanel.Resources>
+
+                    <Button x:Name="_btnHangUp_"
+                            PointerEntered="btnAny_entered"
+                            PointerExited="btnAny_exited"
+                            Tapped="_btnHangUp__Tapped">
+                        <SymbolIcon Symbol="HangUp"/>
+                    </Button>
+                    <Button x:Name="_btnPause_"
+                            PointerEntered="btnAny_entered"
+                            PointerExited="btnAny_exited"
+                            Tapped="_btnPause__Tapped">
+                        <SymbolIcon Symbol="Pause"/>
+                    </Button>
+                    <Button x:Name="_btnChat_"
+                            PointerEntered="btnAny_entered"
+                            PointerExited="btnAny_exited"
+                            Tapped="_btnChat__Tapped">
+                        <SymbolIcon Symbol="Message"/>
+                    </Button>
+                    <Button x:Name="_btnAddFriend_"
+                            PointerEntered="btnAny_entered"
+                            PointerExited="btnAny_exited"
+                            Tapped="_btnAddFriend__Tapped">
+                        <SymbolIcon Symbol="AddFriend"/>
+                    </Button>
+                    <Button x:Name="_btnSwitch_"
+                            PointerEntered="btnAny_entered"
+                            PointerExited="btnAny_exited"
+                            Tapped="_btnSwitch__Tapped">
+                        <SymbolIcon Symbol="Switch"/>
+                    </Button>
+                    <Button x:Name="_btnMicrophone_"
+                            PointerEntered="btnAny_entered"
+                            PointerExited="btnAny_exited"
+                            Tapped="_btnMicrophone__Tapped">
+                        <SymbolIcon Symbol="Microphone"/>
+                    </Button>
+                    <Button x:Name="_btnVideo_"
+                            PointerEntered="btnAny_entered"
+                            PointerExited="btnAny_exited"
+                            Tapped="_btnVideo__Tapped">
+                        <SymbolIcon Symbol="Video"/>
+                    </Button>
+                    <Button x:Name="_btnMemo_"
+                            PointerEntered="btnAny_entered"
+                            PointerExited="btnAny_exited"
+                            Tapped="_btnMemo__Tapped">
+                            <SymbolIcon Symbol="Memo"/>
+                    </Button>
+                    <Button x:Name="_btnHQ_"
+                            PointerEntered="btnAny_entered"
+                            PointerExited="btnAny_exited"
+                            Tapped="_btnHQ__Tapped">
+                            <TextBlock Text="HQ"/>
+                    </Button>
+                </StackPanel>
+            </Grid>
+        </SplitView.Content>
+    </SplitView>
+</Page>
diff --git a/VideoPage.xaml.cpp b/VideoPage.xaml.cpp
new file mode 100644
index 0000000000000000000000000000000000000000..0751885169dbbef8c41ce939c49a8fbc4d4de098
--- /dev/null
+++ b/VideoPage.xaml.cpp
@@ -0,0 +1,120 @@
+#include "pch.h"
+
+#include "VideoPage.xaml.h"
+
+using namespace RingClientUWP::Views;
+
+using namespace Concurrency;
+using namespace Platform;
+using namespace Windows::Devices::Enumeration;
+using namespace Windows::Foundation;
+using namespace Windows::Foundation::Collections;
+using namespace Windows::UI::Xaml;
+using namespace Windows::UI::Xaml::Controls;
+using namespace Windows::UI::Xaml::Controls::Primitives;
+using namespace Windows::UI::Xaml::Data;
+using namespace Windows::UI::Xaml::Input;
+using namespace Windows::UI::Xaml::Media;
+using namespace Windows::UI::Xaml::Navigation;
+using namespace Windows::Media::Capture;
+
+VideoPage::VideoPage()
+{
+    InitializeComponent();
+}
+
+
+
+void RingClientUWP::Views::VideoPage::Button_Click(Platform::Object^ sender, Windows::UI::Xaml::RoutedEventArgs^ e)
+{
+}
+
+
+void RingClientUWP::Views::VideoPage::_btnCancel__Click(Platform::Object^ sender, Windows::UI::Xaml::RoutedEventArgs^ e)
+{
+
+}
+
+void RingClientUWP::Views::VideoPage::_btnHangUp__Tapped(Platform::Object^ sender, Windows::UI::Xaml::Input::TappedRoutedEventArgs^ e)
+{
+    pressHangUpCall();
+}
+
+
+void RingClientUWP::Views::VideoPage::_btnPause__Tapped(Platform::Object^ sender, Windows::UI::Xaml::Input::TappedRoutedEventArgs^ e)
+{
+    pauseCall();
+}
+
+
+void RingClientUWP::Views::VideoPage::_btnChat__Tapped(Platform::Object^ sender, Windows::UI::Xaml::Input::TappedRoutedEventArgs^ e)
+{
+    chatPanelCall();
+}
+
+
+void RingClientUWP::Views::VideoPage::_btnAddFriend__Tapped(Platform::Object^ sender, Windows::UI::Xaml::Input::TappedRoutedEventArgs^ e)
+{
+    addContactCall();
+}
+
+
+void RingClientUWP::Views::VideoPage::_btnSwitch__Tapped(Platform::Object^ sender, Windows::UI::Xaml::Input::TappedRoutedEventArgs^ e)
+{
+    transferCall();
+}
+
+
+void RingClientUWP::Views::VideoPage::_btnMicrophone__Tapped(Platform::Object^ sender, Windows::UI::Xaml::Input::TappedRoutedEventArgs^ e)
+{
+    switchMicrophoneStateCall();
+}
+
+
+void RingClientUWP::Views::VideoPage::_btnMemo__Tapped(Platform::Object^ sender, Windows::UI::Xaml::Input::TappedRoutedEventArgs^ e)
+{
+    reccordVideoCall();
+}
+
+
+void RingClientUWP::Views::VideoPage::_btnHQ__Tapped(Platform::Object^ sender, Windows::UI::Xaml::Input::TappedRoutedEventArgs^ e)
+{
+    qualityVideoLevelCall();
+}
+
+
+void RingClientUWP::Views::VideoPage::_btnVideo__Tapped(Platform::Object^ sender, Windows::UI::Xaml::Input::TappedRoutedEventArgs^ e)
+{
+    switchVideoStateCall();
+}
+
+
+void RingClientUWP::Views::VideoPage::_videoControl__PointerMoved(Platform::Object^ sender, Windows::UI::Xaml::Input::PointerRoutedEventArgs^ e)
+{
+    if (barFading)
+        myStoryboard->Begin();
+    barFading_ = true;
+}
+
+
+void RingClientUWP::Views::VideoPage::btnAny_entered(Platform::Object^ sender, Windows::UI::Xaml::Input::PointerRoutedEventArgs^ e)
+{
+    barFading_ = false;
+    myStoryboard->Stop();
+}
+
+
+void RingClientUWP::Views::VideoPage::btnAny_exited(Platform::Object^ sender, Windows::UI::Xaml::Input::PointerRoutedEventArgs^ e)
+{
+    barFading_ = true;
+}
+
+void
+RingClientUWP::Views::VideoPage::OnNavigatedTo(Windows::UI::Xaml::Navigation::NavigationEventArgs^ e)
+{
+    updatePageContent();
+}
+
+void RingClientUWP::Views::VideoPage::updatePageContent()
+{
+}
\ No newline at end of file
diff --git a/VideoPage.xaml.h b/VideoPage.xaml.h
new file mode 100644
index 0000000000000000000000000000000000000000..6d2dff88ba5b8610c0c6fa435fd3dc07a70ba53b
--- /dev/null
+++ b/VideoPage.xaml.h
@@ -0,0 +1,81 @@
+#pragma once
+
+#include "VideoPage.g.h"
+
+using namespace Windows::Media::Capture;
+using namespace Windows::UI::Xaml::Navigation;
+
+namespace RingClientUWP
+{
+/* delegate */
+delegate void PressHangUpCall();
+delegate void PauseCall();
+delegate void ChatPanelCall();
+delegate void AddContactCall();
+delegate void TransferCall();
+delegate void SwitchMicrophoneStateCall();
+delegate void SwitchVideoStateCall();
+delegate void ReccordVideoCall();
+delegate void QualityVideoLevelCall();
+
+namespace Views
+{
+
+public ref class VideoPage sealed
+{
+public:
+    VideoPage();
+    property bool barFading
+    {
+        bool get()
+        {
+            return barFading_;
+        }
+        void set(bool value)
+        {
+            barFading_ = value;
+        }
+    }
+
+protected:
+    // Template Support
+    virtual void OnNavigatedTo(Windows::UI::Xaml::Navigation::NavigationEventArgs^ e) override;
+    /*virtual void OnNavigatedFrom(Windows::UI::Xaml::Navigation::NavigationEventArgs^ e) override;*/
+
+
+internal:
+    /* events */
+    event PressHangUpCall^ pressHangUpCall;
+    event PauseCall^ pauseCall;
+    event ChatPanelCall^ chatPanelCall;
+    event AddContactCall^ addContactCall;
+    event TransferCall^ transferCall;
+    event SwitchMicrophoneStateCall^ switchMicrophoneStateCall;
+    event SwitchVideoStateCall^ switchVideoStateCall;
+    event ReccordVideoCall^ reccordVideoCall;
+    event QualityVideoLevelCall^ qualityVideoLevelCall;
+
+private:
+    bool barFading_;
+
+    void updatePageContent();
+
+    //void OnNavigatedToPage(Object^ sender, NavigationEventArgs^ e);
+
+    void Button_Click(Platform::Object^ sender, Windows::UI::Xaml::RoutedEventArgs^ e);
+    void _btnCancel__Click(Platform::Object^ sender, Windows::UI::Xaml::RoutedEventArgs^ e);
+    void _btnHangUp__Tapped(Platform::Object^ sender, Windows::UI::Xaml::Input::TappedRoutedEventArgs^ e);
+    void _btnPause__Tapped(Platform::Object^ sender, Windows::UI::Xaml::Input::TappedRoutedEventArgs^ e);
+    void _btnChat__Tapped(Platform::Object^ sender, Windows::UI::Xaml::Input::TappedRoutedEventArgs^ e);
+    void _btnAddFriend__Tapped(Platform::Object^ sender, Windows::UI::Xaml::Input::TappedRoutedEventArgs^ e);
+    void _btnSwitch__Tapped(Platform::Object^ sender, Windows::UI::Xaml::Input::TappedRoutedEventArgs^ e);
+    void _btnMicrophone__Tapped(Platform::Object^ sender, Windows::UI::Xaml::Input::TappedRoutedEventArgs^ e);
+    void _btnMemo__Tapped(Platform::Object^ sender, Windows::UI::Xaml::Input::TappedRoutedEventArgs^ e);
+    void _btnHQ__Tapped(Platform::Object^ sender, Windows::UI::Xaml::Input::TappedRoutedEventArgs^ e);
+    void _btnVideo__Tapped(Platform::Object^ sender, Windows::UI::Xaml::Input::TappedRoutedEventArgs^ e);
+    void _videoControl__PointerMoved(Platform::Object^ sender, Windows::UI::Xaml::Input::PointerRoutedEventArgs^ e);
+    void btnAny_entered(Platform::Object^ sender, Windows::UI::Xaml::Input::PointerRoutedEventArgs^ e);
+    void btnAny_exited(Platform::Object^ sender, Windows::UI::Xaml::Input::PointerRoutedEventArgs^ e);
+};
+}
+}
\ No newline at end of file
diff --git a/ring-client-uwp.vcxproj.filters b/ring-client-uwp.vcxproj.filters
index baf3a6572593aa3c740d2fba5e9b1646e14db4e4..88b0355f5583dbe17400d21bae8f321d1c2b8999 100644
--- a/ring-client-uwp.vcxproj.filters
+++ b/ring-client-uwp.vcxproj.filters
@@ -149,6 +149,9 @@
     <Page Include="SmartPanel.xaml">
       <Filter>Views</Filter>
     </Page>
+    <Page Include="VideoPage.xaml">
+      <Filter>Views</Filter>
+    </Page>
   </ItemGroup>
   <ItemGroup>
     <PRIResource Include="localization\US-en\Resources.resw">