Flutter login page sample

main.dart

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/painting.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        backgroundColor: Colors.teal,
        body: SafeArea(
          child: Center(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                CircleAvatar(
                    radius: 50,
                    backgroundImage: NetworkImage(
                        'https://homepages.cae.wisc.edu/~ece533/images/zelda.png')),
                Text(
                  'New User here',
                  style: TextStyle(
                      fontSize: 40.0,
                      color: Colors.white,
                      fontWeight: FontWeight.bold,
                      fontFamily: 'Black 700 italic'),
                ),
                Text(
                  'Please login',
                  style: TextStyle(
                      color: Colors.teal.shade200,
                      fontWeight: FontWeight.bold,
                      letterSpacing: 2.5,
                      fontSize: 20.0,
                      fontFamily: 'Black 700 italic'),
                ),
                SizedBox(
                  height: 30.0,
                  width: 150,
                  child: Divider(
                    color: Colors.teal.shade50,
                  ),
                ),
                Card(
                    color: Colors.white,
                    margin: EdgeInsets.symmetric(vertical: 10, horizontal: 25),
                    child: ListTile(
                        leading: const Icon(Icons.phone, color: Colors.teal),
                        title: const Text('+0 980 328 0192',
                            style: TextStyle(
                                color: Colors.teal, fontSize: 20.0)))),
                Card(
                  color: Colors.white,
                  margin: EdgeInsets.symmetric(vertical: 10, horizontal: 25),
                  child: ListTile(
                      leading: const Icon(Icons.mail, color: Colors.teal),
                      title: const Text('email@website.com',
                          style:
                              TextStyle(color: Colors.teal, fontSize: 20.0))),
                )
              ],
            ),
          ),
        ),
        floatingActionButton: FloatingActionButton(
          backgroundColor: Colors.green,
          child: Icon(Icons.access_alarm),
        ),
      ),
    );
  }
}