first step from user login

lib/config/config.dart

@@ -0,0 +1 @@
+const MAX_SMALL_SCREEN = 660;

lib/widgets/auth/known_user_login.dart

@@ -1,12 +1,46 @@
+import 'package:doctor_app_flutter/config/config.dart';
 import 'package:flutter/material.dart';
+import 'package:hexcolor/hexcolor.dart';
 
 class KnownUserLogin extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
-    return Container(
-      child: Center(
-        child: Text(" welcome to Known User Login "),
-      ),
+    return LayoutBuilder(
+      builder: (ctx, constraints) {
+        int maxSmallScreenSize = MAX_SMALL_SCREEN;
+        bool isSmallScreen = constraints.maxWidth <= maxSmallScreenSize;
+        return Column(
+          mainAxisAlignment: MainAxisAlignment.start,
+          children: <Widget>[
+            Container(
+              decoration: BoxDecoration(
+                  border: Border.all(
+                    color: Hexcolor('#CCCCCC'),
+                  ),
+                  borderRadius: BorderRadius.circular(50)),
+              margin: const EdgeInsets.fromLTRB(0, 20.0, 30, 0),
+              child: Row(
+                children: <Widget>[
+                  Container(
+                      height: 100,
+                      width: 100,
+                      decoration: new BoxDecoration(
+                        // color: Colors.green, // border color
+                        shape: BoxShape.circle,
+                        border: Border.all( color: Hexcolor('#CCCCCC'))
+                      ),
+                      child: CircleAvatar(
+                        child: Image.asset(
+                          'assets/images/dr_avatar.png',
+                          fit: BoxFit.cover,
+                        ),
+                      ))
+                ],
+              ),
+            )
+          ],
+        );
+      },
     );
   }
 }

pubspec.yaml

@@ -60,6 +60,7 @@ flutter:
    - assets/images/password_icon.png
    - assets/images/user_id_icon.png
    - assets/images/login_btn_arrow_icon.png
+   - assets/images/dr_avatar.png
   #  - images/a_dot_ham.jpeg
 
   # An image asset can refer to one or more resolution-specific "variants", see