Feature/m22 (bukunmialuko#37)

* Created page file

* Added assets

* Added page route

* Added page route

* Updated contributing.md

* Added page button

* Updated contributing doc

* Updated contributing doc

* Updated contributing doc

* Updated contributing doc

Author: bukunmialuko

CONTRIBUTING.md

@@ -8,19 +8,20 @@ We gladly accept contributions via GitHub pull requests.
 
 2. [Fork the project:](https://github.com/bukunmialuko/flutter_ui_kit_obkm.git)
 
-3. Create a Branch with the naming convention
-
-e.g:
+3. Create a Branch with the style :
    feature/M20 
    or 
    feature/W5
 
-M -> Implies that you are working on a mobile screen
-W -> Implies that you are working on a web screen
-5 -> Implies that you are working on page 5
-20 -> Implies that you are working on page 20
+   - M: Implies that you are working on a mobile screen
+
+   - W: Implies that you are working on a web screen
+
+   - 5: Implies that you are working on page 5
+
+   - 20: Implies that you are working on page 20
 
-Branch categories : [feature, bugfix, chore]
+    Branch categories : [feature, bugfix, chore]
 
 4. Once a screen is implemented, 
    - Create a Draft PR with title e.g "Mobile Screen 20" or "Web Screen 20". 

README.md

@@ -13,7 +13,10 @@ A Simple UI Kit.
 
 <br />
 
-## build apk
+## Contributing
+[To contribute, read short guidelines](https://github.com/bukunmialuko/flutter_ui_kit_obkm/blob/main/CONTRIBUTING.md)
+
+## Build apk
 flutter build apk
 
 ## 📸 Banner
@@ -121,5 +124,3 @@ Follow for update. 😃
 
 ## Development version :hammer:
 - [APK (direct download)](https://github.com/bukunmialuko/flutter_ui_kit_obkm/releases/download/v1.0.1/app-release.apk)
-
-

assets/svg/22/business_center.svg

@@ -0,0 +1,83 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+
+class Page22 extends StatefulWidget {
+  const Page22({Key? key}) : super(key: key);
+
+  @override
+  State<Page22> createState() => _Page22State();
+}
+
+class _Page22State extends State<Page22> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: SafeArea(
+        child: SingleChildScrollView(
+          padding: EdgeInsets.only(
+            top: 20.h,
+            left: 20.w,
+            right: 20.w,
+          ),
+          child: Column(
+            children: [],
+          ),
+        ),
+      ),
+      floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
+      extendBody: true,
+      floatingActionButton: Container(
+        width: 76.w,
+        height: 76.w,
+        decoration: BoxDecoration(
+          // color: Colors.blue,
+
+          color: Color(0xffD0D0D0),
+          borderRadius: BorderRadius.circular(76.w),
+        ),
+        child: Center(
+          child: SvgPicture.asset(
+            "assets/svg/21/pause_circle_outline.svg",
+            height: 56.w,
+            width: 56.w,
+            fit: BoxFit.fill,
+          ),
+        ),
+      ),
+      bottomNavigationBar: ClipRRect(
+        borderRadius: BorderRadius.only(
+            topLeft: Radius.circular(16.r), topRight: Radius.circular(16.r)),
+        child: BottomAppBar(
+          shape: CircularNotchedRectangle(),
+          color: Color(0xffD0D0D0),
+          child: IconTheme(
+            data: IconThemeData(color: Theme.of(context).colorScheme.onPrimary),
+            child: SizedBox(
+              height: 90.h - MediaQuery.of(context).viewPadding.bottom,
+              child: Row(
+                mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                children: <Widget>[
+                  Padding(
+                    padding: EdgeInsets.only(left: 84.w),
+                    child: Icon(
+                      Icons.fast_rewind,
+                      color: Colors.black,
+                    ),
+                  ),
+                  Padding(
+                    padding: EdgeInsets.only(right: 84.w),
+                    child: Icon(
+                      Icons.fast_forward,
+                      color: Colors.black,
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}

assets/svg/22/donut_small.svg

@@ -195,6 +195,14 @@ class RootWidget extends StatelessWidget {
                     .to(routeName: MobileRoutes.pg21);
               },
             ),
+            PageButtonWidget(
+              page: 22,
+              onPressed: () {
+                GetIt.I
+                    .get<NavigationService>()
+                    .to(routeName: MobileRoutes.pg22);
+              },
+            ),
             PageButtonWidget(
               page: 24,
               onPressed: () {