Snippet created via Remix API

main.dart

import 'package:flutter/material.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: Card(
              elevation: 8,
              shape: RoundedRectangleBorder(
                borderRadius: BorderRadius.circular(15),
              ),
              margin: EdgeInsets.all(20),
              child: Container(
                width: 300,
                padding: EdgeInsets.all(20),
                child: Column(
                  mainAxisSize: MainAxisSize.min,
                  children: [
                    CircleAvatar(
                      radius: 60,
                      backgroundColor: Colors.teal[100],
                      child: Icon(
                        Icons.person,
                        size: 80,
                        color: Colors.teal[800],
                      ),
                    ),
                    SizedBox(height: 15),
                    Text(
                      'John Doe',
                      style: TextStyle(
                        fontSize: 24,
                        fontWeight: FontWeight.bold,
                        color: Colors.teal[900],
                      ),
                    ),
                    SizedBox(height: 10),
                    Text(
                      'Software Developer',
                      style: TextStyle(
                        fontSize: 18,
                        color: Colors.teal[700],
                      ),
                    ),
                    SizedBox(height: 15),
                    Divider(
                      color: Colors.teal[200],
                      thickness: 1,
                    ),
                    SizedBox(height: 15),
                    Row(
                      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                      children: [
                        Column(
                          children: [
                            Icon(Icons.email, color: Colors.teal),
                            SizedBox(height: 5),
                            Text(
                              'Email',
                              style: TextStyle(color: Colors.teal[700]),
                            )
                          ],
                        ),
                        Column(
                          children: [
                            Icon(Icons.phone, color: Colors.teal),
                            SizedBox(height: 5),
                            Text(
                              'Contact',
                              style: TextStyle(color: Colors.teal[700]),
                            )
                          ],
                        ),
                        Column(
                          children: [
                            Icon(Icons.location_on, color: Colors.teal),
                            SizedBox(height: 5),
                            Text(
                              'Address',
                              style: TextStyle(color: Colors.teal[700]),
                            )
                          ],
                        ),
                      ],
                    )
                  ],
                ),
              ),
            ),
          ),
        ),
      ),
    );
  }
}