Commit f86f49d4 authored by Budi Prasetyo's avatar Budi Prasetyo

centerin field

parent 6df6c79f
...@@ -46,214 +46,222 @@ class _ContactUs2_smallState extends State<ContactUs2_small> { ...@@ -46,214 +46,222 @@ class _ContactUs2_smallState extends State<ContactUs2_small> {
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.spaceEvenly, mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [ children: [
Text( Center(
'Yes, you need ' child: Text(
'\n' 'Yes, you need '
'an outsourcing partner ' '\n'
'you can trust and thrive with', 'an outsourcing partner '
textAlign: TextAlign.left, 'you can trust and thrive with',
style: GoogleFonts.poppins( textAlign: TextAlign.left,
color: Colors.white, style: GoogleFonts.poppins(
fontSize: 30, color: Colors.white,
fontWeight: FontWeight.bold)), fontSize: 30,
Text( fontWeight: FontWeight.bold)),
'Go for the one who knows what they are doing, those who you share values with, ' ),
'and those who will celebrate your success, and help you win over your biggest challenges. ' Center(
'Looking for an outsourcing partner? ', child: Text(
textAlign: TextAlign.justify, 'Go for the one who knows what they are doing, those who you share values with, '
style: GoogleFonts.poppins( 'and those who will celebrate your success, and help you win over your biggest challenges. '
color: Colors.white, 'Looking for an outsourcing partner? ',
fontSize: 18, textAlign: TextAlign.justify,
// fontWeight: FontWeight.bold, style: GoogleFonts.poppins(
letterSpacing: 1.1)), color: Colors.white,
Text("We’ll contact you immediately to discuss to help you.", fontSize: 18,
style: GoogleFonts.poppins( // fontWeight: FontWeight.bold,
color: Colors.white, fontSize: 18, letterSpacing: 1.2)), letterSpacing: 1.1)),
Form( ),
key: _formKey, Center(
child: Column( child: Text("We’ll contact you immediately to discuss to help you.",
crossAxisAlignment: CrossAxisAlignment.start, style: GoogleFonts.poppins(
mainAxisAlignment: MainAxisAlignment.spaceEvenly, color: Colors.white, fontSize: 18, letterSpacing: 1.2)),
children: [ ),
Container( Center(
child: Text( child: Form(
"Name", key: _formKey,
style: GoogleFonts.poppins( child: Column(
color: Colors.white, crossAxisAlignment: CrossAxisAlignment.start,
fontSize: 20, mainAxisAlignment: MainAxisAlignment.spaceEvenly,
fontWeight: FontWeight.w400), children: [
Container(
child: Text(
"Name",
style: GoogleFonts.poppins(
color: Colors.white,
fontSize: 20,
fontWeight: FontWeight.w400),
),
), ),
), Container(
Container( width: 450,
width: 450, child: TextFormField(
child: TextFormField( controller: nameController,
controller: nameController, decoration: const InputDecoration(
decoration: const InputDecoration( hintText: "Enter your Name",
hintText: "Enter your Name", fillColor: Colors.white,
fillColor: Colors.white, filled: true,
filled: true, enabledBorder: OutlineInputBorder(
enabledBorder: OutlineInputBorder( borderRadius: BorderRadius.zero,
borderRadius: BorderRadius.zero, borderSide:
borderSide: BorderSide(width: 1, color: Colors.white),
BorderSide(width: 1, color: Colors.white), ),
), focusedBorder: OutlineInputBorder(
focusedBorder: OutlineInputBorder( borderRadius: BorderRadius.zero,
borderRadius: BorderRadius.zero, borderSide:
borderSide: BorderSide(width: 1, color: Colors.white),
BorderSide(width: 1, color: Colors.white), ),
), ),
), ),
), ),
), const SizedBox(
const SizedBox( height: 20,
height: 20, ),
), Container(
Container( child: Text(
child: Text( "Phone Number",
"Phone Number", style: GoogleFonts.poppins(
style: GoogleFonts.poppins( color: Colors.white,
color: Colors.white, fontSize: 20,
fontSize: 20, fontWeight: FontWeight.w400),
fontWeight: FontWeight.w400), ),
),
const SizedBox(
width: 80,
), ),
), Container(
const SizedBox( width: 450,
width: 80, child: TextFormField(
), controller: phoneController,
Container( decoration: const InputDecoration(
width: 450, hintText: "Enter a valid phone number",
child: TextFormField( fillColor: Colors.white,
controller: phoneController, filled: true,
decoration: const InputDecoration( enabledBorder: OutlineInputBorder(
hintText: "Enter a valid phone number", borderRadius: BorderRadius.zero,
fillColor: Colors.white, borderSide:
filled: true, BorderSide(width: 1, color: Colors.white),
enabledBorder: OutlineInputBorder( ),
borderRadius: BorderRadius.zero, focusedBorder: OutlineInputBorder(
borderSide: borderRadius: BorderRadius.zero,
BorderSide(width: 1, color: Colors.white), borderSide:
BorderSide(width: 1, color: Colors.white),
),
), ),
focusedBorder: OutlineInputBorder( ),
borderRadius: BorderRadius.zero, ),
borderSide: const SizedBox(
BorderSide(width: 1, color: Colors.white), height: 20,
),
Container(
child: Text(
"Email",
style: GoogleFonts.poppins(
color: Colors.white,
fontSize: 20,
fontWeight: FontWeight.w400),
),
),
const SizedBox(
width: 7,
),
Container(
width: 450,
child: TextFormField(
controller: emailController,
decoration: const InputDecoration(
hintText: "Enter a valid email address",
fillColor: Colors.white,
filled: true,
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.zero,
borderSide:
BorderSide(width: 1, color: Colors.white),
),
focusedBorder: OutlineInputBorder(
borderRadius: BorderRadius.zero,
borderSide:
BorderSide(width: 1, color: Colors.white),
),
), ),
), ),
), ),
), const SizedBox(
const SizedBox( height: 20,
height: 20, ),
), Text(
Container( "Message",
child: Text(
"Email",
style: GoogleFonts.poppins( style: GoogleFonts.poppins(
color: Colors.white, color: Colors.white,
fontSize: 20, fontSize: 20,
fontWeight: FontWeight.w400), fontWeight: FontWeight.w400),
), ),
), Container(
const SizedBox( width: 450,
width: 7, child: TextFormField(
), controller: messageController,
Container( decoration: const InputDecoration(
width: 450, hintText: "Enter your message",
child: TextFormField( fillColor: Colors.white,
controller: emailController, filled: true,
decoration: const InputDecoration( enabledBorder: OutlineInputBorder(
hintText: "Enter a valid email address", borderRadius: BorderRadius.zero,
fillColor: Colors.white, borderSide:
filled: true, BorderSide(width: 1, color: Colors.white),
enabledBorder: OutlineInputBorder( ),
borderRadius: BorderRadius.zero, focusedBorder: OutlineInputBorder(
borderSide: borderRadius: BorderRadius.zero,
BorderSide(width: 1, color: Colors.white), borderSide:
), BorderSide(width: 1, color: Colors.white),
focusedBorder: OutlineInputBorder( ),
borderRadius: BorderRadius.zero,
borderSide:
BorderSide(width: 1, color: Colors.white),
), ),
maxLines: 5,
validator: (value) {
if (value == null || value.isEmpty) {
return '*Required';
}
return null;
},
), ),
), ),
), const SizedBox(
const SizedBox( height: 20,
height: 20,
),
Text(
"Message",
style: GoogleFonts.poppins(
color: Colors.white,
fontSize: 20,
fontWeight: FontWeight.w400),
),
Container(
width: 450,
child: TextFormField(
controller: messageController,
decoration: const InputDecoration(
hintText: "Enter your message",
fillColor: Colors.white,
filled: true,
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.zero,
borderSide:
BorderSide(width: 1, color: Colors.white),
),
focusedBorder: OutlineInputBorder(
borderRadius: BorderRadius.zero,
borderSide:
BorderSide(width: 1, color: Colors.white),
),
),
maxLines: 5,
validator: (value) {
if (value == null || value.isEmpty) {
return '*Required';
}
return null;
},
), ),
), SizedBox(
const SizedBox( height: 45,
height: 20, width: 100,
), child: TextButton(
SizedBox( style: Btn_Submit(),
height: 45, onPressed: () async {
width: 100, if (_formKey.currentState!.validate()) {
child: TextButton( final response = await SendEmail(
style: Btn_Submit(), nameController.value.text,
onPressed: () async { phoneController.value.text,
if (_formKey.currentState!.validate()) { emailController.value.text,
final response = await SendEmail( messageController.value.text);
nameController.value.text, ScaffoldMessenger.of(context).showSnackBar(
phoneController.value.text, response == 200
emailController.value.text, ? const SnackBar(
messageController.value.text); content: Text('Message Sent!'),
ScaffoldMessenger.of(context).showSnackBar( backgroundColor: Colors.green)
response == 200 : const SnackBar(
? const SnackBar( content:
content: Text('Message Sent!'), Text('Failed to send message!'),
backgroundColor: Colors.green) backgroundColor: Colors.red),
: const SnackBar( );
content:
Text('Failed to send message!'),
backgroundColor: Colors.red),
);
nameController.clear(); nameController.clear();
phoneController.clear(); phoneController.clear();
emailController.clear(); emailController.clear();
messageController.clear(); messageController.clear();
} }
}, },
child: const Text( child: const Text(
'Submit', 'Submit',
style: TextStyle(fontSize: 16, color: Colors.white), style: TextStyle(fontSize: 16, color: Colors.white),
),
), ),
), ),
), ]),
]), ),
), ),
]), ]),
), ),
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment