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

void main() {
  runApp(
    const MyApp()
  );
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: Scaffold(
        backgroundColor: Colors.amber,
        body: SafeArea(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              CircleAvatar(radius: 50.0,backgroundColor: Colors.amber, backgroundImage: AssetImage('images/martin.jpg'),),
              Text("Martin Donnelly", style: TextStyle(fontFamily:"Lobster", fontSize: 40.0, color: Colors.black, fontWeight: FontWeight.bold)),
              Text("Developer", style: TextStyle(fontFamily:"RobotoSlab", fontSize: 14.0, color: Colors.black, fontWeight: FontWeight.bold)),
              SizedBox(height: 20.0, width:150.0, child: Divider(),),
              Card(

                margin: EdgeInsets.symmetric(vertical: 10.0, horizontal: 25.0),
                child: Padding(
                  padding: EdgeInsets.all(8.0),
                  child: ListTile(
                    leading: Icon(Icons.phone, color: Colors.black,),
                    title: Text("+44 01436 400 105", style: TextStyle(fontFamily: "RobotoSlab", color: Colors.black, fontSize: 20.0),),
                  )
                ),
              ),

              Card(

                margin: EdgeInsets.symmetric(vertical: 10.0, horizontal: 25.0),
                child: Padding(
                  padding: EdgeInsets.all(8.0),
                  child: ListTile(
                    leading: Icon(Icons.email, color: Colors.black,),

                   title: Text("martin@caliban.io", style: TextStyle(fontFamily: "RobotoSlab", color: Colors.black, fontSize: 20.0),),
                  ),
                ),
              ),

            ],
          )
        ),
      ),
    );
  }
}

/*Row(
                      children: [
                        Icon(Icons.email, color: Colors.black,),
                        SizedBox(
                          width: 10.0,
                        ),
                        Text("martin@caliban.io", style: TextStyle(fontFamily: "RobotoSlab", color: Colors.black, fontSize: 20.0),)
                      ],
                  ),*/

/*Container(
            height: 100.0,
            width: 100.0,
            color: Colors.amber,
            child: Text("Content 1")
          )*/