diff --git a/MyFirstMauiApp/MauiUI/MainPage.xaml b/MyFirstMauiApp/MauiUI/MainPage.xaml
index e68561a..0ebd7fa 100644
--- a/MyFirstMauiApp/MauiUI/MainPage.xaml
+++ b/MyFirstMauiApp/MauiUI/MainPage.xaml
@@ -14,6 +14,7 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/MyFirstMauiApp/PageLayout/App.xaml.cs b/MyFirstMauiApp/PageLayout/App.xaml.cs
new file mode 100644
index 0000000..d9cd20c
--- /dev/null
+++ b/MyFirstMauiApp/PageLayout/App.xaml.cs
@@ -0,0 +1,12 @@
+namespace PageLayout
+{
+ public partial class App : Application
+ {
+ public App()
+ {
+ InitializeComponent();
+
+ MainPage = new AppShell();
+ }
+ }
+}
diff --git a/MyFirstMauiApp/PageLayout/AppShell.xaml b/MyFirstMauiApp/PageLayout/AppShell.xaml
new file mode 100644
index 0000000..09fd5ee
--- /dev/null
+++ b/MyFirstMauiApp/PageLayout/AppShell.xaml
@@ -0,0 +1,14 @@
+
+
+
+
+
+
diff --git a/MyFirstMauiApp/PageLayout/AppShell.xaml.cs b/MyFirstMauiApp/PageLayout/AppShell.xaml.cs
new file mode 100644
index 0000000..fe080e1
--- /dev/null
+++ b/MyFirstMauiApp/PageLayout/AppShell.xaml.cs
@@ -0,0 +1,10 @@
+namespace PageLayout
+{
+ public partial class AppShell : Shell
+ {
+ public AppShell()
+ {
+ InitializeComponent();
+ }
+ }
+}
diff --git a/MyFirstMauiApp/PageLayout/MainPage.xaml b/MyFirstMauiApp/PageLayout/MainPage.xaml
new file mode 100644
index 0000000..9c744ce
--- /dev/null
+++ b/MyFirstMauiApp/PageLayout/MainPage.xaml
@@ -0,0 +1,41 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/MyFirstMauiApp/PageLayout/MainPage.xaml.cs b/MyFirstMauiApp/PageLayout/MainPage.xaml.cs
new file mode 100644
index 0000000..0e5c9d2
--- /dev/null
+++ b/MyFirstMauiApp/PageLayout/MainPage.xaml.cs
@@ -0,0 +1,25 @@
+namespace PageLayout
+{
+ public partial class MainPage : ContentPage
+ {
+ int count = 0;
+
+ public MainPage()
+ {
+ InitializeComponent();
+ }
+
+ private void OnCounterClicked(object sender, EventArgs e)
+ {
+ count++;
+
+ if (count == 1)
+ CounterBtn.Text = $"Clicked {count} time";
+ else
+ CounterBtn.Text = $"Clicked {count} times";
+
+ SemanticScreenReader.Announce(CounterBtn.Text);
+ }
+ }
+
+}
diff --git a/MyFirstMauiApp/PageLayout/MauiProgram.cs b/MyFirstMauiApp/PageLayout/MauiProgram.cs
new file mode 100644
index 0000000..79dd20c
--- /dev/null
+++ b/MyFirstMauiApp/PageLayout/MauiProgram.cs
@@ -0,0 +1,25 @@
+using Microsoft.Extensions.Logging;
+
+namespace PageLayout
+{
+ public static class MauiProgram
+ {
+ public static MauiApp CreateMauiApp()
+ {
+ var builder = MauiApp.CreateBuilder();
+ builder
+ .UseMauiApp()
+ .ConfigureFonts(fonts =>
+ {
+ fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
+ fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");
+ });
+
+#if DEBUG
+ builder.Logging.AddDebug();
+#endif
+
+ return builder.Build();
+ }
+ }
+}
diff --git a/MyFirstMauiApp/PageLayout/PageLayout.csproj b/MyFirstMauiApp/PageLayout/PageLayout.csproj
new file mode 100644
index 0000000..981535c
--- /dev/null
+++ b/MyFirstMauiApp/PageLayout/PageLayout.csproj
@@ -0,0 +1,55 @@
+
+
+
+ net7.0-android;net7.0-ios;net7.0-maccatalyst
+ $(TargetFrameworks);net7.0-windows10.0.19041.0
+
+
+ Exe
+ PageLayout
+ true
+ true
+ enable
+
+
+ PageLayout
+
+
+ com.companyname.pagelayout
+ dedf66a8-ba95-47be-9fae-3d6c47d638f5
+
+
+ 1.0
+ 1
+
+ 11.0
+ 13.1
+ 21.0
+ 10.0.17763.0
+ 10.0.17763.0
+ 6.5
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/MyFirstMauiApp/PageLayout/Platforms/Android/AndroidManifest.xml b/MyFirstMauiApp/PageLayout/Platforms/Android/AndroidManifest.xml
new file mode 100644
index 0000000..e9937ad
--- /dev/null
+++ b/MyFirstMauiApp/PageLayout/Platforms/Android/AndroidManifest.xml
@@ -0,0 +1,6 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/MyFirstMauiApp/PageLayout/Platforms/Android/MainActivity.cs b/MyFirstMauiApp/PageLayout/Platforms/Android/MainActivity.cs
new file mode 100644
index 0000000..ec6f7d8
--- /dev/null
+++ b/MyFirstMauiApp/PageLayout/Platforms/Android/MainActivity.cs
@@ -0,0 +1,11 @@
+using Android.App;
+using Android.Content.PM;
+using Android.OS;
+
+namespace PageLayout
+{
+ [Activity(Theme = "@style/Maui.SplashTheme", MainLauncher = true, ConfigurationChanges = ConfigChanges.ScreenSize | ConfigChanges.Orientation | ConfigChanges.UiMode | ConfigChanges.ScreenLayout | ConfigChanges.SmallestScreenSize | ConfigChanges.Density)]
+ public class MainActivity : MauiAppCompatActivity
+ {
+ }
+}
diff --git a/MyFirstMauiApp/PageLayout/Platforms/Android/MainApplication.cs b/MyFirstMauiApp/PageLayout/Platforms/Android/MainApplication.cs
new file mode 100644
index 0000000..c3f91e9
--- /dev/null
+++ b/MyFirstMauiApp/PageLayout/Platforms/Android/MainApplication.cs
@@ -0,0 +1,16 @@
+using Android.App;
+using Android.Runtime;
+
+namespace PageLayout
+{
+ [Application]
+ public class MainApplication : MauiApplication
+ {
+ public MainApplication(IntPtr handle, JniHandleOwnership ownership)
+ : base(handle, ownership)
+ {
+ }
+
+ protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();
+ }
+}
diff --git a/MyFirstMauiApp/PageLayout/Platforms/Android/Resources/values/colors.xml b/MyFirstMauiApp/PageLayout/Platforms/Android/Resources/values/colors.xml
new file mode 100644
index 0000000..c04d749
--- /dev/null
+++ b/MyFirstMauiApp/PageLayout/Platforms/Android/Resources/values/colors.xml
@@ -0,0 +1,6 @@
+
+
+ #512BD4
+ #2B0B98
+ #2B0B98
+
\ No newline at end of file
diff --git a/MyFirstMauiApp/PageLayout/Platforms/MacCatalyst/AppDelegate.cs b/MyFirstMauiApp/PageLayout/Platforms/MacCatalyst/AppDelegate.cs
new file mode 100644
index 0000000..1e3ec87
--- /dev/null
+++ b/MyFirstMauiApp/PageLayout/Platforms/MacCatalyst/AppDelegate.cs
@@ -0,0 +1,10 @@
+using Foundation;
+
+namespace PageLayout
+{
+ [Register("AppDelegate")]
+ public class AppDelegate : MauiUIApplicationDelegate
+ {
+ protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();
+ }
+}
diff --git a/MyFirstMauiApp/PageLayout/Platforms/MacCatalyst/Info.plist b/MyFirstMauiApp/PageLayout/Platforms/MacCatalyst/Info.plist
new file mode 100644
index 0000000..c96dd0a
--- /dev/null
+++ b/MyFirstMauiApp/PageLayout/Platforms/MacCatalyst/Info.plist
@@ -0,0 +1,30 @@
+
+
+
+
+ UIDeviceFamily
+
+ 1
+ 2
+
+ UIRequiredDeviceCapabilities
+
+ arm64
+
+ UISupportedInterfaceOrientations
+
+ UIInterfaceOrientationPortrait
+ UIInterfaceOrientationLandscapeLeft
+ UIInterfaceOrientationLandscapeRight
+
+ UISupportedInterfaceOrientations~ipad
+
+ UIInterfaceOrientationPortrait
+ UIInterfaceOrientationPortraitUpsideDown
+ UIInterfaceOrientationLandscapeLeft
+ UIInterfaceOrientationLandscapeRight
+
+ XSAppIconAssets
+ Assets.xcassets/appicon.appiconset
+
+
diff --git a/MyFirstMauiApp/PageLayout/Platforms/MacCatalyst/Program.cs b/MyFirstMauiApp/PageLayout/Platforms/MacCatalyst/Program.cs
new file mode 100644
index 0000000..31615f0
--- /dev/null
+++ b/MyFirstMauiApp/PageLayout/Platforms/MacCatalyst/Program.cs
@@ -0,0 +1,16 @@
+using ObjCRuntime;
+using UIKit;
+
+namespace PageLayout
+{
+ public class Program
+ {
+ // This is the main entry point of the application.
+ static void Main(string[] args)
+ {
+ // if you want to use a different Application Delegate class from "AppDelegate"
+ // you can specify it here.
+ UIApplication.Main(args, null, typeof(AppDelegate));
+ }
+ }
+}
diff --git a/MyFirstMauiApp/PageLayout/Platforms/Tizen/Main.cs b/MyFirstMauiApp/PageLayout/Platforms/Tizen/Main.cs
new file mode 100644
index 0000000..79a0070
--- /dev/null
+++ b/MyFirstMauiApp/PageLayout/Platforms/Tizen/Main.cs
@@ -0,0 +1,17 @@
+using Microsoft.Maui;
+using Microsoft.Maui.Hosting;
+using System;
+
+namespace PageLayout
+{
+ internal class Program : MauiApplication
+ {
+ protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();
+
+ static void Main(string[] args)
+ {
+ var app = new Program();
+ app.Run(args);
+ }
+ }
+}
diff --git a/MyFirstMauiApp/PageLayout/Platforms/Tizen/tizen-manifest.xml b/MyFirstMauiApp/PageLayout/Platforms/Tizen/tizen-manifest.xml
new file mode 100644
index 0000000..f82f45c
--- /dev/null
+++ b/MyFirstMauiApp/PageLayout/Platforms/Tizen/tizen-manifest.xml
@@ -0,0 +1,15 @@
+
+
+
+
+
+ maui-appicon-placeholder
+
+
+
+
+ http://tizen.org/privilege/internet
+
+
+
+
\ No newline at end of file
diff --git a/MyFirstMauiApp/PageLayout/Platforms/Windows/App.xaml b/MyFirstMauiApp/PageLayout/Platforms/Windows/App.xaml
new file mode 100644
index 0000000..4190981
--- /dev/null
+++ b/MyFirstMauiApp/PageLayout/Platforms/Windows/App.xaml
@@ -0,0 +1,8 @@
+
+
+
diff --git a/MyFirstMauiApp/PageLayout/Platforms/Windows/App.xaml.cs b/MyFirstMauiApp/PageLayout/Platforms/Windows/App.xaml.cs
new file mode 100644
index 0000000..faaa2c7
--- /dev/null
+++ b/MyFirstMauiApp/PageLayout/Platforms/Windows/App.xaml.cs
@@ -0,0 +1,25 @@
+using Microsoft.UI.Xaml;
+
+// To learn more about WinUI, the WinUI project structure,
+// and more about our project templates, see: http://aka.ms/winui-project-info.
+
+namespace PageLayout.WinUI
+{
+ ///
+ /// Provides application-specific behavior to supplement the default Application class.
+ ///
+ public partial class App : MauiWinUIApplication
+ {
+ ///
+ /// Initializes the singleton application object. This is the first line of authored code
+ /// executed, and as such is the logical equivalent of main() or WinMain().
+ ///
+ public App()
+ {
+ this.InitializeComponent();
+ }
+
+ protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();
+ }
+
+}
diff --git a/MyFirstMauiApp/PageLayout/Platforms/Windows/Package.appxmanifest b/MyFirstMauiApp/PageLayout/Platforms/Windows/Package.appxmanifest
new file mode 100644
index 0000000..b31fa8b
--- /dev/null
+++ b/MyFirstMauiApp/PageLayout/Platforms/Windows/Package.appxmanifest
@@ -0,0 +1,46 @@
+
+
+
+
+
+
+
+
+ $placeholder$
+ User Name
+ $placeholder$.png
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/MyFirstMauiApp/PageLayout/Platforms/Windows/app.manifest b/MyFirstMauiApp/PageLayout/Platforms/Windows/app.manifest
new file mode 100644
index 0000000..5238c02
--- /dev/null
+++ b/MyFirstMauiApp/PageLayout/Platforms/Windows/app.manifest
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
+ true/PM
+ PerMonitorV2, PerMonitor
+
+
+
diff --git a/MyFirstMauiApp/PageLayout/Platforms/iOS/AppDelegate.cs b/MyFirstMauiApp/PageLayout/Platforms/iOS/AppDelegate.cs
new file mode 100644
index 0000000..1e3ec87
--- /dev/null
+++ b/MyFirstMauiApp/PageLayout/Platforms/iOS/AppDelegate.cs
@@ -0,0 +1,10 @@
+using Foundation;
+
+namespace PageLayout
+{
+ [Register("AppDelegate")]
+ public class AppDelegate : MauiUIApplicationDelegate
+ {
+ protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();
+ }
+}
diff --git a/MyFirstMauiApp/PageLayout/Platforms/iOS/Info.plist b/MyFirstMauiApp/PageLayout/Platforms/iOS/Info.plist
new file mode 100644
index 0000000..0004a4f
--- /dev/null
+++ b/MyFirstMauiApp/PageLayout/Platforms/iOS/Info.plist
@@ -0,0 +1,32 @@
+
+
+
+
+ LSRequiresIPhoneOS
+
+ UIDeviceFamily
+
+ 1
+ 2
+
+ UIRequiredDeviceCapabilities
+
+ arm64
+
+ UISupportedInterfaceOrientations
+
+ UIInterfaceOrientationPortrait
+ UIInterfaceOrientationLandscapeLeft
+ UIInterfaceOrientationLandscapeRight
+
+ UISupportedInterfaceOrientations~ipad
+
+ UIInterfaceOrientationPortrait
+ UIInterfaceOrientationPortraitUpsideDown
+ UIInterfaceOrientationLandscapeLeft
+ UIInterfaceOrientationLandscapeRight
+
+ XSAppIconAssets
+ Assets.xcassets/appicon.appiconset
+
+
diff --git a/MyFirstMauiApp/PageLayout/Platforms/iOS/Program.cs b/MyFirstMauiApp/PageLayout/Platforms/iOS/Program.cs
new file mode 100644
index 0000000..31615f0
--- /dev/null
+++ b/MyFirstMauiApp/PageLayout/Platforms/iOS/Program.cs
@@ -0,0 +1,16 @@
+using ObjCRuntime;
+using UIKit;
+
+namespace PageLayout
+{
+ public class Program
+ {
+ // This is the main entry point of the application.
+ static void Main(string[] args)
+ {
+ // if you want to use a different Application Delegate class from "AppDelegate"
+ // you can specify it here.
+ UIApplication.Main(args, null, typeof(AppDelegate));
+ }
+ }
+}
diff --git a/MyFirstMauiApp/PageLayout/Properties/launchSettings.json b/MyFirstMauiApp/PageLayout/Properties/launchSettings.json
new file mode 100644
index 0000000..edf8aad
--- /dev/null
+++ b/MyFirstMauiApp/PageLayout/Properties/launchSettings.json
@@ -0,0 +1,8 @@
+{
+ "profiles": {
+ "Windows Machine": {
+ "commandName": "MsixPackage",
+ "nativeDebugging": false
+ }
+ }
+}
\ No newline at end of file
diff --git a/MyFirstMauiApp/PageLayout/Resources/AppIcon/appicon.svg b/MyFirstMauiApp/PageLayout/Resources/AppIcon/appicon.svg
new file mode 100644
index 0000000..9d63b65
--- /dev/null
+++ b/MyFirstMauiApp/PageLayout/Resources/AppIcon/appicon.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/MyFirstMauiApp/PageLayout/Resources/AppIcon/appiconfg.svg b/MyFirstMauiApp/PageLayout/Resources/AppIcon/appiconfg.svg
new file mode 100644
index 0000000..21dfb25
--- /dev/null
+++ b/MyFirstMauiApp/PageLayout/Resources/AppIcon/appiconfg.svg
@@ -0,0 +1,8 @@
+
+
+
\ No newline at end of file
diff --git a/MyFirstMauiApp/PageLayout/Resources/Fonts/OpenSans-Regular.ttf b/MyFirstMauiApp/PageLayout/Resources/Fonts/OpenSans-Regular.ttf
new file mode 100644
index 0000000..dadcb01
Binary files /dev/null and b/MyFirstMauiApp/PageLayout/Resources/Fonts/OpenSans-Regular.ttf differ
diff --git a/MyFirstMauiApp/PageLayout/Resources/Fonts/OpenSans-Semibold.ttf b/MyFirstMauiApp/PageLayout/Resources/Fonts/OpenSans-Semibold.ttf
new file mode 100644
index 0000000..5601642
Binary files /dev/null and b/MyFirstMauiApp/PageLayout/Resources/Fonts/OpenSans-Semibold.ttf differ
diff --git a/MyFirstMauiApp/PageLayout/Resources/Images/dotnet_bot.svg b/MyFirstMauiApp/PageLayout/Resources/Images/dotnet_bot.svg
new file mode 100644
index 0000000..abfaff2
--- /dev/null
+++ b/MyFirstMauiApp/PageLayout/Resources/Images/dotnet_bot.svg
@@ -0,0 +1,93 @@
+
diff --git a/MyFirstMauiApp/PageLayout/Resources/Raw/AboutAssets.txt b/MyFirstMauiApp/PageLayout/Resources/Raw/AboutAssets.txt
new file mode 100644
index 0000000..15d6244
--- /dev/null
+++ b/MyFirstMauiApp/PageLayout/Resources/Raw/AboutAssets.txt
@@ -0,0 +1,15 @@
+Any raw assets you want to be deployed with your application can be placed in
+this directory (and child directories). Deployment of the asset to your application
+is automatically handled by the following `MauiAsset` Build Action within your `.csproj`.
+
+
+
+These files will be deployed with you package and will be accessible using Essentials:
+
+ async Task LoadMauiAsset()
+ {
+ using var stream = await FileSystem.OpenAppPackageFileAsync("AboutAssets.txt");
+ using var reader = new StreamReader(stream);
+
+ var contents = reader.ReadToEnd();
+ }
diff --git a/MyFirstMauiApp/PageLayout/Resources/Splash/splash.svg b/MyFirstMauiApp/PageLayout/Resources/Splash/splash.svg
new file mode 100644
index 0000000..21dfb25
--- /dev/null
+++ b/MyFirstMauiApp/PageLayout/Resources/Splash/splash.svg
@@ -0,0 +1,8 @@
+
+
+
\ No newline at end of file
diff --git a/MyFirstMauiApp/PageLayout/Resources/Styles/Colors.xaml b/MyFirstMauiApp/PageLayout/Resources/Styles/Colors.xaml
new file mode 100644
index 0000000..245758b
--- /dev/null
+++ b/MyFirstMauiApp/PageLayout/Resources/Styles/Colors.xaml
@@ -0,0 +1,44 @@
+
+
+
+
+ #512BD4
+ #DFD8F7
+ #2B0B98
+ White
+ Black
+ #E1E1E1
+ #C8C8C8
+ #ACACAC
+ #919191
+ #6E6E6E
+ #404040
+ #212121
+ #141414
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ #F7B548
+ #FFD590
+ #FFE5B9
+ #28C2D1
+ #7BDDEF
+ #C3F2F4
+ #3E8EED
+ #72ACF1
+ #A7CBF6
+
+
\ No newline at end of file
diff --git a/MyFirstMauiApp/PageLayout/Resources/Styles/Styles.xaml b/MyFirstMauiApp/PageLayout/Resources/Styles/Styles.xaml
new file mode 100644
index 0000000..dc4a034
--- /dev/null
+++ b/MyFirstMauiApp/PageLayout/Resources/Styles/Styles.xaml
@@ -0,0 +1,405 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+