Login Page

lib/main.dart

@@ -1,6 +1,7 @@
 import 'package:hospital_management/pages/home_page.dart';
 import 'package:hospital_management/widget/drawer.dart';
 import 'package:flutter/material.dart';
+import './pages/Login_page/login_page.dart';
 
 void main() {
   runApp(const MyApp());
@@ -12,7 +13,7 @@ class MyApp extends StatelessWidget {
   Widget build(BuildContext context) {
     return MaterialApp(
       debugShowCheckedModeBanner: false,
-      home: Home(),
+      home: Login_Page(),
     );
     drawer:
     NavDrawer();

lib/pages/Login_page/Body.dart

@@ -0,0 +1,100 @@
+import 'package:flutter/material.dart';
+import './background.dart';
+import './textFieldContainer.dart';
+
+class Body extends StatelessWidget {
+  const Body({
+    Key? key,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    Size size = MediaQuery.of(context).size;
+    return Background(
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        // ignore: prefer_const_literals_to_create_immutables
+        children: <Widget>[
+          const Text(
+            'LOGIN',
+            style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
+          ),
+          Positioned(
+            child: Image.asset(
+              'assets/Images/Doctor1.png',
+              width: size.width * 2,
+              height: size.height * 0.35,
+            ),
+          ),
+          const TextFieldContainer(
+            child: TextField(
+              decoration: InputDecoration(
+                icon: Icon(
+                  Icons.person,
+                  color: Colors.pink,
+                ),
+                hintText: 'Email',
+                border: InputBorder.none,
+              ),
+            ),
+          ),
+          const SizedBox(
+            height: 10,
+          ),
+          const TextFieldContainer(
+            child: TextField(
+              obscureText: true,
+              decoration: InputDecoration(
+                hintText: 'Password',
+                icon: Icon(
+                  Icons.lock,
+                  color: Colors.pink,
+                ),
+                border: InputBorder.none,
+                suffixIcon: Icon(
+                  Icons.visibility,
+                  color: Colors.pink,
+                ),
+              ),
+            ),
+          ),
+          SizedBox(
+            height: size.height * 0.05,
+          ),
+          ButtonTheme(
+            minWidth: 400,
+            child: ElevatedButton(
+              onPressed: () {},
+              child: const Text('LOGIN'),
+              style: ButtonStyle(
+                backgroundColor: MaterialStateProperty.all(
+                  Colors.red,
+                ),
+                shape: MaterialStateProperty.all<RoundedRectangleBorder>(
+                  RoundedRectangleBorder(
+                    borderRadius: BorderRadius.circular(20),
+                  ),
+                ),
+              ),
+            ),
+          ),
+          Row(
+            mainAxisAlignment: MainAxisAlignment.center,
+            children: <Widget>[
+              Text(
+                'Don\'t have an account? ',
+                style: TextStyle(
+                  color: Colors.pink.shade200,
+                ),
+              ),
+              const Text(
+                'Sign Up!',
+                style: TextStyle(color: Colors.blue),
+              )
+            ],
+          )
+        ],
+      ),
+    );
+  }
+}

lib/pages/Login_page/background.dart

@@ -0,0 +1,38 @@
+import 'package:flutter/material.dart';
+
+class Background extends StatelessWidget {
+  final Widget child;
+  const Background({
+    Key? key,
+    required this.child,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    Size size = MediaQuery.of(context).size;
+    return Container(
+      width: double.infinity,
+      height: size.height,
+      child: Stack(
+        alignment: Alignment.center,
+        children: <Widget>[
+          Positioned(
+              top: 0,
+              left: 0,
+              child: Image.asset(
+                "assets/Images/Artboard 1.png",
+                width: size.width * 1.6,
+              )),
+          Positioned(
+              bottom: 0,
+              right: 0,
+              child: Image.asset(
+                "assets/Images/Artboard 2.png",
+                width: size.width * 1,
+              )),
+          child,
+        ],
+      ),
+    );
+  }
+}

lib/pages/Login_page/login_page.dart

@@ -0,0 +1,11 @@
+import 'package:flutter/material.dart';
+import './Body.dart';
+
+class Login_Page extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: Body(),
+    );
+  }
+}

lib/pages/Login_page/textFieldContainer.dart

@@ -0,0 +1,23 @@
+import 'package:flutter/material.dart';
+import './Body.dart';
+
+class TextFieldContainer extends StatelessWidget {
+  final Widget child;
+  const TextFieldContainer({
+    Key? key,
+    required this.child,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    Size size = MediaQuery.of(context).size;
+    return Container(
+      height: size.height * 0.05,
+      width: size.width * 0.8,
+      padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 5),
+      decoration: BoxDecoration(
+          color: Colors.pink.shade100, borderRadius: BorderRadius.circular(30)),
+      child: child,
+    );
+  }
+}

pubspec.yaml

@@ -58,7 +58,8 @@ flutter:
   uses-material-design: true
 
   # To add assets to your application, add an assets section, like this:
-  # assets:
+  assets:
+  - assets/Images/ 
   #   - images/a_dot_burr.jpeg
   #   - images/a_dot_ham.jpeg