Commit 977d1623 authored by r.manan@eksad.com's avatar r.manan@eksad.com

home4: smallscreen

parent 33b15759
...@@ -7,13 +7,13 @@ class SmallHome4 extends StatelessWidget { ...@@ -7,13 +7,13 @@ class SmallHome4 extends StatelessWidget {
Widget build(BuildContext context) { Widget build(BuildContext context) {
var ScreenSize = MediaQuery.of(context).size; var ScreenSize = MediaQuery.of(context).size;
return Container( return Container(
padding: EdgeInsets.symmetric(horizontal: 15), padding: EdgeInsets.symmetric(horizontal: 10,vertical: 20),
width: ScreenSize.width, width: ScreenSize.width,
height: ScreenSize.height * 1.7, height: ScreenSize.height * 1.2,
color: Colors.white, color: Colors.white,
child: Container( child: Container(
width: ScreenSize.width * 0.20, width: ScreenSize.width * 0.20,
height: ScreenSize.height * 0.75, height: ScreenSize.height * 1,
decoration: BoxDecoration( decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20), borderRadius: BorderRadius.circular(20),
//color: Color.fromARGB(200, 9, 47, 171), //color: Color.fromARGB(200, 9, 47, 171),
...@@ -30,70 +30,63 @@ class SmallHome4 extends StatelessWidget { ...@@ -30,70 +30,63 @@ class SmallHome4 extends StatelessWidget {
), ),
], ],
), ),
child: Column( child: Padding(
mainAxisAlignment: MainAxisAlignment.center, padding: const EdgeInsets.symmetric(horizontal: 20,vertical: 15),
crossAxisAlignment: CrossAxisAlignment.center, child: Column(
children: <Widget>[ mainAxisAlignment: MainAxisAlignment.spaceEvenly,
Container( crossAxisAlignment: CrossAxisAlignment.start,
width: ScreenSize.width * 0.36, children: <Widget>[
height: ScreenSize.height * 0.7, Container(
color: Colors.blue[900], height: ScreenSize.height*0.1,
child: Column( width: ScreenSize.width,
children: <Widget>[ child: Text(
Column( "Mobile & Web Apps",
children: [ style: TextStyle(color: Colors.white, fontSize: 36),
Container( textAlign: TextAlign.center,
height: ScreenSize.height*0.3, ),
width: ScreenSize.width * 0.30, ),
child: Text( Container(
"Mobile & Web Apps", width: ScreenSize.width*0.8,
style: TextStyle(color: Colors.white, fontSize: 34), height: ScreenSize.height * 0.6,
textAlign: TextAlign.center, // color: Colors.white,
), decoration: BoxDecoration(
), color: Colors.white,
Container( image: DecorationImage(
height: ScreenSize.height*0.3, image: AssetImage('assets/images/medaps3.png'),fit: BoxFit.fill),
width: ScreenSize.width * 0.30, borderRadius: BorderRadius.circular(20)),
child: Text( ),
"MedApps menyediakan Aplikasi Mobile dan juga website yang bisa anda kunjungi", Container(
style: TextStyle(fontSize: 18, color: Colors.white), height: ScreenSize.height*0.13,
)), width: ScreenSize.width,
Container( child: Text(
height: 50, "MedApps menyediakan Aplikasi Mobile dan juga website yang bisa anda kunjungi",
width: 200, style: TextStyle(fontSize: 20, color: Colors.white),
child: ElevatedButton( textAlign: TextAlign.justify,
onPressed: () {}, )),
style: ElevatedButton.styleFrom( Center(
primary: Colors.blue[900], child: Container(
onSurface: Colors.white, height: 50,
side: BorderSide(color: Colors.white), width: 200,
shape: RoundedRectangleBorder( child: ElevatedButton(
borderRadius: onPressed: () {},
BorderRadius.all(Radius.circular(30)), style: ElevatedButton.styleFrom(
), primary: Colors.blue[900],
), onSurface: Colors.white,
child: Text( side: BorderSide(color: Colors.white),
"LEARN MORE", shape: RoundedRectangleBorder(
style: TextStyle(fontSize: 18, letterSpacing: 2), borderRadius:
), BorderRadius.all(Radius.circular(30)),
),
),
Container(
width: ScreenSize.width * 0.3,
height: ScreenSize.height * 0.69,
// color: Colors.white,
decoration: BoxDecoration(
color: Colors.white,
image: DecorationImage(
image: AssetImage('assets/images/medaps3.png')),
borderRadius: BorderRadius.circular(20)),
), ),
], ),
child: Text(
"LEARN MORE",
style: TextStyle(fontSize: 18, letterSpacing: 2),
),
), ),
], ),
), ),
), ],
], ),
), ),
), ),
); );
......
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