Created
July 7, 2024 07:47
-
-
Save rayliverified/90f56f4a2bc33309ad4051d319be432c to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import 'package:flutter/material.dart'; | |
import 'package:google_fonts/google_fonts.dart'; | |
import 'dart:math'; | |
void main() { | |
runApp(const MyApp()); | |
} | |
class MyApp extends StatelessWidget { | |
const MyApp({super.key}); | |
@override | |
Widget build(BuildContext context) { | |
return const MaterialApp( | |
title: 'MyApp Demo', | |
debugShowCheckedModeBanner: false, | |
home: Scaffold( | |
body: EPayLandingPage(), | |
), | |
); | |
} | |
} | |
class EPayLandingPage extends StatelessWidget { | |
const EPayLandingPage({super.key}); | |
@override | |
Widget build(BuildContext context) { | |
return Container( | |
width: 1440, | |
height: 6730, | |
clipBehavior: Clip.hardEdge, | |
decoration: const BoxDecoration( | |
color: Colors.white, | |
), | |
child: SizedBox( | |
width: double.infinity, | |
child: Stack( | |
clipBehavior: Clip.none, | |
children: [ | |
Positioned( | |
left: 102, | |
top: 679, | |
child: SizedBox( | |
width: 122, | |
height: 60, | |
child: Text( | |
'5000+', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.black, | |
fontSize: 36, | |
fontWeight: FontWeight.w600, | |
), | |
), | |
), | |
), | |
Positioned( | |
left: 99, | |
top: 730, | |
child: SizedBox( | |
width: 125, | |
height: 32, | |
child: Text( | |
'People use Epay', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF5F3688), | |
fontSize: 14, | |
fontWeight: FontWeight.w600, | |
), | |
), | |
), | |
), | |
Positioned( | |
left: 307, | |
top: 733, | |
child: SizedBox( | |
width: 100, | |
height: 26, | |
child: Text( | |
'Top Ratings', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF5F3688), | |
fontSize: 14, | |
fontWeight: FontWeight.w600, | |
), | |
), | |
), | |
), | |
Positioned( | |
left: 320, | |
top: 682, | |
child: SizedBox( | |
width: 64, | |
height: 60, | |
child: Text( | |
'4.7', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.black, | |
fontSize: 36, | |
fontWeight: FontWeight.w600, | |
), | |
), | |
), | |
), | |
Positioned( | |
left: 480, | |
top: 733, | |
child: SizedBox( | |
width: 107, | |
height: 26, | |
child: Text( | |
'Transaction', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF5F3688), | |
fontSize: 14, | |
fontWeight: FontWeight.w600, | |
), | |
), | |
), | |
), | |
Positioned( | |
left: 488, | |
top: 682, | |
child: SizedBox( | |
width: 95, | |
height: 60, | |
child: Text( | |
'9M+', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.black, | |
fontSize: 36, | |
fontWeight: FontWeight.w600, | |
), | |
), | |
), | |
), | |
Positioned( | |
left: 636, | |
top: 733, | |
child: SizedBox( | |
height: 26, | |
child: Text( | |
'Cash back on Everything', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF5F3688), | |
fontSize: 14, | |
fontWeight: FontWeight.w600, | |
), | |
), | |
), | |
), | |
Positioned( | |
left: 678, | |
top: 682, | |
child: SizedBox( | |
width: 95, | |
height: 60, | |
child: Text( | |
'2.1%', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.black, | |
fontSize: 36, | |
fontWeight: FontWeight.w600, | |
), | |
), | |
), | |
), | |
Positioned( | |
left: 667, | |
top: 3693, | |
child: Container( | |
width: 26, | |
height: 26, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFFC4C4C4), | |
borderRadius: BorderRadius.circular(13), | |
), | |
), | |
), | |
Positioned( | |
left: 707, | |
top: 3693, | |
child: Container( | |
width: 26, | |
height: 26, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFF7A5A9B), | |
borderRadius: BorderRadius.circular(13), | |
), | |
), | |
), | |
Positioned( | |
left: 747, | |
top: 3693, | |
child: Container( | |
width: 26, | |
height: 26, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFFC4C4C4), | |
borderRadius: BorderRadius.circular(13), | |
), | |
), | |
), | |
Positioned( | |
left: 618, | |
top: 3196, | |
child: Text( | |
'Testimonial', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.black, | |
fontSize: 36, | |
fontWeight: FontWeight.w600, | |
), | |
), | |
), | |
Positioned( | |
left: 102, | |
top: 3313, | |
child: Container( | |
width: 396, | |
height: 336, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: Colors.white, | |
borderRadius: BorderRadius.circular(30), | |
boxShadow: const [ | |
BoxShadow( | |
color: Color(0x3F000000), | |
spreadRadius: 0, | |
offset: Offset(0, 4), | |
blurRadius: 30, | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: 135, | |
top: 3358, | |
child: Container( | |
width: 76, | |
height: 76, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFFC4C4C4), | |
image: const DecorationImage( | |
image: NetworkImage( | |
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RWSHu2UUcdBRh5dqkBk%2Ff395c2c939e7085ea4747e7170f60e83f0f81e1funsplash%3AEQFtEzJGERg.png?alt=media&token=a4c19579-6aef-4c41-81b8-c4ed107a23a9', | |
), | |
fit: BoxFit.cover, | |
), | |
borderRadius: BorderRadius.circular(38), | |
), | |
), | |
), | |
Positioned( | |
left: 232, | |
top: 3445, | |
child: SizedBox( | |
width: 223, | |
height: 172, | |
child: Text( | |
"There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.", | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.black, | |
fontSize: 13, | |
), | |
), | |
), | |
), | |
Positioned( | |
left: 232, | |
top: 3383, | |
child: Text( | |
'Artur Ararat ', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF5F3688), | |
fontSize: 18, | |
fontWeight: FontWeight.w600, | |
), | |
), | |
), | |
Positioned( | |
left: 233, | |
top: 3418, | |
child: Image.network( | |
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RWSHu2UUcdBRh5dqkBk%2F3adfe61d2a751f5c00ff112b41203eb3.png', | |
width: 114, | |
height: 23, | |
fit: BoxFit.contain, | |
), | |
), | |
Positioned( | |
left: 522, | |
top: 3313, | |
child: Container( | |
width: 397, | |
height: 336, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: Colors.white, | |
borderRadius: BorderRadius.circular(30), | |
boxShadow: const [ | |
BoxShadow( | |
color: Color(0x3F000000), | |
spreadRadius: 0, | |
offset: Offset(0, 4), | |
blurRadius: 30, | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: 555, | |
top: 3358, | |
child: Container( | |
width: 76, | |
height: 76, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFFC4C4C4), | |
image: const DecorationImage( | |
image: NetworkImage( | |
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RWSHu2UUcdBRh5dqkBk%2F4b12a862ef41b0b2bc030ef065bcdd82615c7cc3unsplash%3A6W4F62sN_yI.png?alt=media&token=a7f1816b-93d8-4c25-8ad6-b3fa4498b54b', | |
), | |
fit: BoxFit.cover, | |
), | |
borderRadius: BorderRadius.circular(38), | |
), | |
), | |
), | |
Positioned( | |
left: 652, | |
top: 3445, | |
child: SizedBox( | |
width: 223, | |
height: 172, | |
child: Text( | |
"There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.", | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.black, | |
fontSize: 13, | |
), | |
), | |
), | |
), | |
Positioned( | |
left: 652, | |
top: 3383, | |
child: Text( | |
'Rama Alvina', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF5F3688), | |
fontSize: 16, | |
fontWeight: FontWeight.w600, | |
), | |
), | |
), | |
Positioned( | |
left: 653, | |
top: 3418, | |
child: Image.network( | |
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RWSHu2UUcdBRh5dqkBk%2Fe6c4f042bc82422190e5734c6b53722f.png', | |
width: 114, | |
height: 23, | |
fit: BoxFit.contain, | |
), | |
), | |
Positioned( | |
left: 943, | |
top: 3313, | |
child: Container( | |
width: 397, | |
height: 336, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: Colors.white, | |
borderRadius: BorderRadius.circular(30), | |
boxShadow: const [ | |
BoxShadow( | |
color: Color(0x3F000000), | |
spreadRadius: 0, | |
offset: Offset(0, 4), | |
blurRadius: 30, | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: 976, | |
top: 3358, | |
child: Container( | |
width: 76, | |
height: 76, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFFC4C4C4), | |
image: const DecorationImage( | |
image: NetworkImage( | |
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RWSHu2UUcdBRh5dqkBk%2F95b6ae1d91879cf2f6a538d83cc1463227db56f8unsplash%3Ahh3ViD0r0Rc.png?alt=media&token=071a4d48-c122-4162-9dd8-d315f904fcc2', | |
), | |
fit: BoxFit.cover, | |
), | |
borderRadius: BorderRadius.circular(38), | |
), | |
), | |
), | |
Positioned( | |
left: 1073, | |
top: 3445, | |
child: SizedBox( | |
width: 223, | |
height: 172, | |
child: Text( | |
"There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.", | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.black, | |
fontSize: 13, | |
), | |
), | |
), | |
), | |
Positioned( | |
left: 1073, | |
top: 3383, | |
child: Text( | |
'Sargis Hamlet', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF5F3688), | |
fontSize: 16, | |
fontWeight: FontWeight.w600, | |
), | |
), | |
), | |
Positioned( | |
left: 1076, | |
top: 3418, | |
child: Image.network( | |
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RWSHu2UUcdBRh5dqkBk%2F7297c03915173fa02c35ead5b4c87d26.png', | |
width: 114, | |
height: 23, | |
fit: BoxFit.contain, | |
), | |
), | |
Positioned( | |
left: 0, | |
top: 4567, | |
child: Container( | |
width: 1440, | |
height: 484, | |
clipBehavior: Clip.hardEdge, | |
decoration: const BoxDecoration( | |
color: Color(0xFF5F3688), | |
), | |
), | |
), | |
Positioned( | |
left: 575, | |
top: 4627, | |
child: Container( | |
width: 106, | |
height: 182, | |
clipBehavior: Clip.hardEdge, | |
decoration: const BoxDecoration(), | |
child: Stack( | |
clipBehavior: Clip.none, | |
children: [ | |
Positioned( | |
left: 0, | |
top: 0, | |
child: Text( | |
'Services', | |
style: GoogleFonts.getFont( | |
'DM Sans', | |
color: const Color(0xFF74EEF5), | |
fontSize: 17, | |
), | |
), | |
), | |
Positioned( | |
left: 0, | |
top: 42, | |
child: Text( | |
'Email Marketing', | |
style: GoogleFonts.getFont( | |
'DM Sans', | |
color: Colors.white, | |
fontSize: 15, | |
), | |
), | |
), | |
Positioned( | |
left: 0, | |
top: 82, | |
child: Text( | |
'Campaigns', | |
style: GoogleFonts.getFont( | |
'DM Sans', | |
color: Colors.white, | |
fontSize: 15, | |
), | |
), | |
), | |
Positioned( | |
left: 0, | |
top: 122, | |
child: Text( | |
'Branding', | |
style: GoogleFonts.getFont( | |
'DM Sans', | |
color: Colors.white, | |
fontSize: 15, | |
), | |
), | |
), | |
Positioned( | |
left: 0, | |
top: 162, | |
child: Text( | |
'Offline', | |
style: GoogleFonts.getFont( | |
'DM Sans', | |
color: Colors.white, | |
fontSize: 15, | |
), | |
), | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: 853, | |
top: 4627, | |
child: Container( | |
width: 65, | |
height: 182, | |
clipBehavior: Clip.hardEdge, | |
decoration: const BoxDecoration(), | |
child: Stack( | |
clipBehavior: Clip.none, | |
children: [ | |
Positioned( | |
left: 0, | |
top: 0, | |
child: Text( | |
'About', | |
style: GoogleFonts.getFont( | |
'DM Sans', | |
color: const Color(0xFF74EEF5), | |
fontSize: 17, | |
), | |
), | |
), | |
Positioned( | |
left: 0, | |
top: 42, | |
child: Text( | |
'Our Story', | |
style: GoogleFonts.getFont( | |
'DM Sans', | |
color: Colors.white, | |
fontSize: 15, | |
), | |
), | |
), | |
Positioned( | |
left: 0, | |
top: 82, | |
child: Text( | |
'Benefits', | |
style: GoogleFonts.getFont( | |
'DM Sans', | |
color: Colors.white, | |
fontSize: 15, | |
), | |
), | |
), | |
Positioned( | |
left: 0, | |
top: 122, | |
child: Text( | |
'Team', | |
style: GoogleFonts.getFont( | |
'DM Sans', | |
color: Colors.white, | |
fontSize: 15, | |
), | |
), | |
), | |
Positioned( | |
left: 0, | |
top: 162, | |
child: Text( | |
'Careers', | |
style: GoogleFonts.getFont( | |
'DM Sans', | |
color: Colors.white, | |
fontSize: 15, | |
), | |
), | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: 1089, | |
top: 4627, | |
child: Container( | |
width: 76, | |
height: 102, | |
clipBehavior: Clip.hardEdge, | |
decoration: const BoxDecoration(), | |
child: Stack( | |
clipBehavior: Clip.none, | |
children: [ | |
Positioned( | |
left: 0, | |
top: 0, | |
child: Text( | |
'Help', | |
style: GoogleFonts.getFont( | |
'DM Sans', | |
color: const Color(0xFF74EEF5), | |
fontSize: 17, | |
), | |
), | |
), | |
Positioned( | |
left: 0, | |
top: 42, | |
child: Text( | |
'FAQs', | |
style: GoogleFonts.getFont( | |
'DM Sans', | |
color: Colors.white, | |
fontSize: 15, | |
), | |
), | |
), | |
Positioned( | |
left: 0, | |
top: 82, | |
child: Text( | |
'Contact Us', | |
style: GoogleFonts.getFont( | |
'DM Sans', | |
color: Colors.white, | |
fontSize: 15, | |
), | |
), | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: 185, | |
top: 4627, | |
child: Container( | |
width: 213, | |
height: 99, | |
clipBehavior: Clip.hardEdge, | |
decoration: const BoxDecoration(), | |
child: Stack( | |
clipBehavior: Clip.none, | |
children: [ | |
Positioned( | |
left: 0, | |
top: 0, | |
child: Text( | |
'Ready to get started?', | |
style: GoogleFonts.getFont( | |
'DM Sans', | |
color: Colors.white, | |
fontSize: 22, | |
), | |
), | |
), | |
Positioned( | |
left: 0, | |
top: 49, | |
child: Container( | |
width: 175, | |
height: 50, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFF74EEF5), | |
borderRadius: BorderRadius.circular(8), | |
), | |
), | |
), | |
Positioned( | |
left: 41, | |
top: 63, | |
child: Text( | |
'Get started', | |
style: GoogleFonts.getFont( | |
'DM Sans', | |
color: const Color(0xFF5E4CCC), | |
fontSize: 17, | |
fontWeight: FontWeight.bold, | |
), | |
), | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: 185, | |
top: 4911, | |
child: Text( | |
'Terms & Conditions', | |
style: GoogleFonts.getFont( | |
'DM Sans', | |
color: Colors.white, | |
fontSize: 15, | |
), | |
), | |
), | |
Positioned( | |
left: 358, | |
top: 4911, | |
child: Text( | |
'Privacy Policy', | |
style: GoogleFonts.getFont( | |
'DM Sans', | |
color: Colors.white, | |
fontSize: 15, | |
), | |
), | |
), | |
Positioned( | |
left: 1151, | |
top: 4910, | |
child: Image.network( | |
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RWSHu2UUcdBRh5dqkBk%2F2932e7aea6b745c59691c85631cb06d9.png', | |
width: 72, | |
height: 20, | |
fit: BoxFit.contain, | |
), | |
), | |
Positioned( | |
left: 1232, | |
top: 4909, | |
child: Image.network( | |
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RWSHu2UUcdBRh5dqkBk%2F5eebb430b61110e04063bd5993820f8d.png', | |
width: 22, | |
height: 22, | |
fit: BoxFit.contain, | |
), | |
), | |
Positioned( | |
left: 0, | |
top: 0, | |
child: Image.network( | |
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RWSHu2UUcdBRh5dqkBk%2Fa84a05aa716cad57e07f2b25dd858f0f.png', | |
width: 1440, | |
height: 632, | |
fit: BoxFit.contain, | |
), | |
), | |
Positioned( | |
left: 661, | |
top: 119, | |
child: Image.network( | |
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RWSHu2UUcdBRh5dqkBk%2F8d465810abc52fabc29a072280e979c48af54ee1Rectangle.png?alt=media&token=0c854f2c-1dc0-4a8a-8e1b-c9c0f67ad15c', | |
width: 796, | |
height: 712, | |
fit: BoxFit.cover, | |
), | |
), | |
Positioned( | |
left: 99, | |
top: 188, | |
child: SizedBox( | |
width: 637, | |
height: 226, | |
child: RichText( | |
text: TextSpan( | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.white, | |
fontSize: 42, | |
fontWeight: FontWeight.bold, | |
), | |
children: const [ | |
TextSpan(text: 'Intoducing '), | |
TextSpan( | |
text: 'Fast,Safe', | |
style: TextStyle( | |
color: Color(0xFF74EEF5), | |
), | |
), | |
TextSpan(text: ' '), | |
TextSpan( | |
text: '& Secure', | |
style: TextStyle( | |
color: Color(0xFF74EEF5), | |
), | |
), | |
TextSpan(text: ' Online Payments with EPAY App') | |
], | |
), | |
), | |
), | |
), | |
Positioned( | |
left: 100, | |
top: 390, | |
child: SizedBox( | |
width: 535, | |
height: 73, | |
child: Text( | |
'Best way to make a online payment, Free Paymeny Gateway, Support Net Banking, Debit Card, Credit Card, UPI, etc...', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.white, | |
fontSize: 18, | |
), | |
), | |
), | |
), | |
Positioned( | |
left: 0, | |
top: -1, | |
child: Container( | |
width: 1440, | |
height: 120, | |
clipBehavior: Clip.hardEdge, | |
decoration: const BoxDecoration( | |
color: Colors.white, | |
boxShadow: [ | |
BoxShadow( | |
color: Color(0x3F000000), | |
spreadRadius: 5, | |
offset: Offset(0, 4), | |
blurRadius: 10, | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: 506, | |
top: 46, | |
child: Text( | |
'Home', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF5F3688), | |
fontSize: 16, | |
fontWeight: FontWeight.w500, | |
), | |
), | |
), | |
Positioned( | |
left: 619, | |
top: 46, | |
child: Text( | |
'About', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.black, | |
fontSize: 16, | |
fontWeight: FontWeight.w500, | |
), | |
), | |
), | |
Positioned( | |
left: 732, | |
top: 46, | |
child: Text( | |
'Features', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.black, | |
fontSize: 16, | |
fontWeight: FontWeight.w500, | |
), | |
), | |
), | |
Positioned( | |
left: 845, | |
top: 46, | |
child: Text( | |
'Contact us', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.black, | |
fontSize: 16, | |
fontWeight: FontWeight.w500, | |
), | |
), | |
), | |
Positioned( | |
left: 1024, | |
top: 23, | |
child: Container( | |
width: 235, | |
height: 72, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFF7A5A9B), | |
borderRadius: BorderRadius.circular(20), | |
), | |
), | |
), | |
Positioned( | |
left: 100, | |
top: 477, | |
child: Container( | |
width: 235, | |
height: 72, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFF74EEF5), | |
borderRadius: BorderRadius.circular(20), | |
), | |
), | |
), | |
Positioned( | |
left: 1083, | |
top: 46, | |
child: Text( | |
'Download now', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.white, | |
fontSize: 16, | |
fontWeight: FontWeight.w500, | |
), | |
), | |
), | |
Positioned( | |
left: 158, | |
top: 500, | |
child: Text( | |
'Download now', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF5F3688), | |
fontSize: 16, | |
fontWeight: FontWeight.w500, | |
), | |
), | |
), | |
Positioned( | |
left: 99, | |
top: 563, | |
child: Text( | |
'Available on ', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.white, | |
fontSize: 16, | |
fontWeight: FontWeight.w500, | |
), | |
), | |
), | |
Positioned( | |
left: 229, | |
top: 563, | |
child: Text( | |
'and', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.white, | |
fontSize: 16, | |
fontWeight: FontWeight.w500, | |
), | |
), | |
), | |
Positioned( | |
left: 205, | |
top: 567, | |
child: Image.network( | |
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RWSHu2UUcdBRh5dqkBk%2F2e6d44aeb4224cab1398cec240ca9923bc6baea0Daco_4111882%201.png?alt=media&token=62242caa-eb65-47d3-829a-99373aa13bc8', | |
width: 18, | |
height: 19, | |
fit: BoxFit.cover, | |
), | |
), | |
Positioned( | |
left: 270, | |
top: 568, | |
child: Image.network( | |
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RWSHu2UUcdBRh5dqkBk%2Fd85df47850dac222efdf80b6309ecfdefbde461fapp-store-256%201.png?alt=media&token=8c9b6b58-2a6e-408d-b087-1a7a3ef7f3d3', | |
width: 18, | |
height: 18, | |
fit: BoxFit.cover, | |
), | |
), | |
Positioned( | |
left: 932, | |
top: 265, | |
child: Image.network( | |
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RWSHu2UUcdBRh5dqkBk%2Fbab21873d6b99d7063dda058311371876a5d9a0fRectangle.png?alt=media&token=f365042c-b9c9-4c56-b2c1-bb581a92d6ac', | |
width: 522, | |
height: 466, | |
fit: BoxFit.cover, | |
), | |
), | |
Positioned( | |
left: 100, | |
top: 25, | |
child: SizedBox( | |
width: 162, | |
height: 67, | |
child: Text( | |
'E-Crop', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
fontSize: 42, | |
fontWeight: FontWeight.bold, | |
), | |
), | |
), | |
), | |
Positioned( | |
left: 100, | |
top: 799, | |
child: Container( | |
width: 1240, | |
height: 385, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFF5F3688), | |
borderRadius: BorderRadius.circular(40), | |
boxShadow: const [ | |
BoxShadow( | |
color: Color(0xFF5F3688), | |
spreadRadius: 0, | |
offset: Offset(2, 2), | |
blurRadius: 20, | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: 181, | |
top: 863, | |
child: Container( | |
width: 316, | |
height: 248, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: Colors.white, | |
borderRadius: BorderRadius.circular(20), | |
boxShadow: const [ | |
BoxShadow( | |
color: Color(0x3F000000), | |
spreadRadius: 0, | |
offset: Offset(0, 4), | |
blurRadius: 20, | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: 575, | |
top: 868, | |
child: Container( | |
width: 316, | |
height: 248, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: Colors.white, | |
borderRadius: BorderRadius.circular(20), | |
boxShadow: const [ | |
BoxShadow( | |
color: Color(0x3F000000), | |
spreadRadius: 0, | |
offset: Offset(0, 4), | |
blurRadius: 20, | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: 970, | |
top: 868, | |
child: Container( | |
width: 316, | |
height: 248, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: Colors.white, | |
borderRadius: BorderRadius.circular(20), | |
boxShadow: const [ | |
BoxShadow( | |
color: Color(0x3F000000), | |
spreadRadius: 0, | |
offset: Offset(0, 4), | |
blurRadius: 20, | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: 703, | |
top: 887, | |
child: Container( | |
width: 60, | |
height: 60, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFF5F3688), | |
borderRadius: BorderRadius.circular(30), | |
), | |
), | |
), | |
Positioned( | |
left: 721, | |
top: 905, | |
child: Image.network( | |
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RWSHu2UUcdBRh5dqkBk%2F926355a7ea20d523bb0825411121c038.png', | |
width: 24, | |
height: 24, | |
fit: BoxFit.contain, | |
), | |
), | |
Positioned( | |
left: 309, | |
top: 884, | |
child: Container( | |
width: 60, | |
height: 60, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFF5F3688), | |
borderRadius: BorderRadius.circular(30), | |
), | |
), | |
), | |
Positioned( | |
left: 334, | |
top: 905, | |
child: Image.network( | |
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RWSHu2UUcdBRh5dqkBk%2Fd2081c1ad62edcae7330a3ccbd0a1a39.png', | |
width: 10, | |
height: 18, | |
fit: BoxFit.contain, | |
), | |
), | |
Positioned( | |
left: 243, | |
top: 946, | |
child: Text( | |
'Faster Payment', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.black, | |
fontSize: 24, | |
fontWeight: FontWeight.w600, | |
), | |
), | |
), | |
Positioned( | |
left: 634, | |
top: 950, | |
child: Text( | |
'Secure Payment', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.black, | |
fontSize: 24, | |
fontWeight: FontWeight.w600, | |
), | |
), | |
), | |
Positioned( | |
left: 1009, | |
top: 950, | |
child: Text( | |
'Pay on installments', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.black, | |
fontSize: 24, | |
fontWeight: FontWeight.w600, | |
), | |
), | |
), | |
Positioned( | |
left: 210, | |
top: 990, | |
child: SizedBox( | |
width: 258, | |
height: 71, | |
child: Text( | |
'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its', | |
textAlign: TextAlign.center, | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.black, | |
fontSize: 12, | |
fontWeight: FontWeight.w500, | |
), | |
), | |
), | |
), | |
Positioned( | |
left: 604, | |
top: 990, | |
child: SizedBox( | |
width: 258, | |
height: 71, | |
child: Text( | |
'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its', | |
textAlign: TextAlign.center, | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.black, | |
fontSize: 12, | |
fontWeight: FontWeight.w500, | |
), | |
), | |
), | |
), | |
Positioned( | |
left: 999, | |
top: 990, | |
child: SizedBox( | |
width: 258, | |
height: 71, | |
child: Text( | |
'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its', | |
textAlign: TextAlign.center, | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.black, | |
fontSize: 12, | |
fontWeight: FontWeight.w500, | |
), | |
), | |
), | |
), | |
Positioned( | |
left: 1098, | |
top: 884, | |
child: Container( | |
width: 60, | |
height: 60, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFF5F3688), | |
borderRadius: BorderRadius.circular(30), | |
), | |
), | |
), | |
Positioned( | |
left: 1116, | |
top: 902, | |
child: Image.network( | |
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RWSHu2UUcdBRh5dqkBk%2F32512e1d1d92563c67ed24594f340f20.png', | |
width: 24, | |
height: 24, | |
fit: BoxFit.contain, | |
), | |
), | |
Positioned( | |
left: 561, | |
top: 3801, | |
child: Text( | |
'Social Media Post', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.black, | |
fontSize: 36, | |
fontWeight: FontWeight.w600, | |
), | |
), | |
), | |
Positioned( | |
left: 126, | |
top: 3903, | |
child: Container( | |
width: 582, | |
height: 582, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
image: const DecorationImage( | |
image: NetworkImage( | |
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RWSHu2UUcdBRh5dqkBk%2Ff7225a016d379068bc5aa4c1dc8b02c6ab3b44c0Group%2082%201.png?alt=media&token=2d492082-9f93-42a7-a080-48b90a244023', | |
), | |
fit: BoxFit.cover, | |
), | |
borderRadius: BorderRadius.circular(30), | |
boxShadow: const [ | |
BoxShadow( | |
color: Color(0x3F000000), | |
spreadRadius: 0, | |
offset: Offset(0, 4), | |
blurRadius: 30, | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: 733, | |
top: 3903, | |
child: Container( | |
width: 582, | |
height: 582, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
image: const DecorationImage( | |
image: NetworkImage( | |
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RWSHu2UUcdBRh5dqkBk%2Fe7133f4b2e47e231f9c060951bad0331e685d40fGroup%2083%201.png?alt=media&token=436f9da2-4d35-4578-a41c-ff0138bdf825', | |
), | |
fit: BoxFit.cover, | |
), | |
borderRadius: BorderRadius.circular(30), | |
boxShadow: const [ | |
BoxShadow( | |
color: Color(0x3F000000), | |
spreadRadius: 0, | |
offset: Offset(0, 4), | |
blurRadius: 30, | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: 1267, | |
top: 4146, | |
child: Container( | |
width: 96, | |
height: 96, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFF5F3688), | |
borderRadius: BorderRadius.circular(48), | |
boxShadow: const [ | |
BoxShadow( | |
color: Color(0x3F000000), | |
spreadRadius: 0, | |
offset: Offset(0, 4), | |
blurRadius: 20, | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: 1303, | |
top: 4182, | |
child: Image.network( | |
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RWSHu2UUcdBRh5dqkBk%2Fb2c86504776416fe8e09a75d39b2b934.png', | |
width: 24, | |
height: 24, | |
fit: BoxFit.contain, | |
), | |
), | |
Positioned( | |
left: 640, | |
top: 1251, | |
child: Text( | |
'Features', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.black, | |
fontSize: 36, | |
fontWeight: FontWeight.w600, | |
), | |
), | |
), | |
Positioned( | |
left: 775, | |
top: 1495, | |
child: SizedBox( | |
width: 568, | |
child: Text( | |
'Easily Access The Menu On The Home page', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF5F3688), | |
fontSize: 32, | |
fontWeight: FontWeight.bold, | |
), | |
), | |
), | |
), | |
Positioned( | |
left: 775, | |
top: 1605, | |
child: SizedBox( | |
width: 560, | |
height: 161, | |
child: Text( | |
"It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.", | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.black, | |
fontSize: 16, | |
fontWeight: FontWeight.w500, | |
), | |
), | |
), | |
), | |
Positioned( | |
left: 775, | |
top: 2761, | |
child: Text( | |
'Get The Notification On Payment', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF5F3688), | |
fontSize: 32, | |
fontWeight: FontWeight.bold, | |
), | |
), | |
), | |
Positioned( | |
left: 775, | |
top: 2823, | |
child: SizedBox( | |
width: 560, | |
height: 161, | |
child: Text( | |
"It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.", | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.black, | |
fontSize: 16, | |
fontWeight: FontWeight.w500, | |
), | |
), | |
), | |
), | |
Positioned( | |
left: 99, | |
top: 2116, | |
child: SizedBox( | |
width: 560, | |
child: Text( | |
'Keep your Favorite card in one palce', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF5F3688), | |
fontSize: 32, | |
fontWeight: FontWeight.bold, | |
), | |
), | |
), | |
), | |
Positioned( | |
left: 103, | |
top: 2226, | |
child: SizedBox( | |
width: 560, | |
height: 161, | |
child: Text( | |
"It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.", | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.black, | |
fontSize: 16, | |
fontWeight: FontWeight.w500, | |
), | |
), | |
), | |
), | |
Positioned( | |
left: 101, | |
top: 1334, | |
child: Image.network( | |
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RWSHu2UUcdBRh5dqkBk%2Febd9874a005acc04cbd7a53d6f0f4481.png', | |
width: 593, | |
height: 593, | |
fit: BoxFit.contain, | |
), | |
), | |
Positioned( | |
left: 281, | |
top: 1390, | |
child: Image.network( | |
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RWSHu2UUcdBRh5dqkBk%2Fdc122b49005e86371a0579152f3e9777e6a1a9d0Group%2050%201.png?alt=media&token=e888fc02-ad9b-437e-ae80-b8bde3a32b5c', | |
width: 234, | |
height: 482, | |
fit: BoxFit.cover, | |
), | |
), | |
Positioned( | |
left: 490, | |
top: 1718, | |
child: Container( | |
width: 198, | |
height: 114, | |
clipBehavior: Clip.hardEdge, | |
decoration: const BoxDecoration( | |
image: DecorationImage( | |
image: NetworkImage( | |
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RWSHu2UUcdBRh5dqkBk%2F5056c487966436e5e071ecf71c68c2df07c9098bGroup%2070%201.png?alt=media&token=b4ffafbf-d10e-475b-85b7-705f00019409', | |
), | |
fit: BoxFit.cover, | |
), | |
boxShadow: [ | |
BoxShadow( | |
color: Color(0x3F000000), | |
spreadRadius: 0, | |
offset: Offset(0, 4), | |
blurRadius: 30, | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: 101, | |
top: 1439, | |
child: Container( | |
width: 198, | |
height: 105, | |
clipBehavior: Clip.hardEdge, | |
decoration: const BoxDecoration( | |
image: DecorationImage( | |
image: NetworkImage( | |
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RWSHu2UUcdBRh5dqkBk%2Fb8e09c19764158d894b9842e06f3578f36811b8cGroup%2071%201.png?alt=media&token=efac0fa8-0cd5-42de-8886-ee875ac51388', | |
), | |
fit: BoxFit.cover, | |
), | |
boxShadow: [ | |
BoxShadow( | |
color: Color(0x3F000000), | |
spreadRadius: 0, | |
offset: Offset(0, 4), | |
blurRadius: 30, | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: 743, | |
top: 1955, | |
child: Image.network( | |
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RWSHu2UUcdBRh5dqkBk%2Febd9874a005acc04cbd7a53d6f0f4481.png', | |
width: 593, | |
height: 593, | |
fit: BoxFit.contain, | |
), | |
), | |
Positioned( | |
left: 923, | |
top: 2011, | |
child: Image.network( | |
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RWSHu2UUcdBRh5dqkBk%2Fbdc02aea371fde486fd00926e7c635a7d14a168fGroup%2061%201.png?alt=media&token=1a4ab987-b3de-48b0-90a2-c4b6fb4ee8e0', | |
width: 234, | |
height: 482, | |
fit: BoxFit.cover, | |
), | |
), | |
Positioned( | |
left: 672, | |
top: 2070, | |
child: Image.network( | |
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RWSHu2UUcdBRh5dqkBk%2Feb888c53c8b912936f51335a5246b570382a3f34Group%2063%201.png?alt=media&token=846d373d-0803-49e5-b633-fedd52331c3d', | |
width: 294, | |
height: 199, | |
fit: BoxFit.cover, | |
), | |
), | |
Positioned( | |
left: 1126, | |
top: 2311, | |
child: Image.network( | |
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RWSHu2UUcdBRh5dqkBk%2Fc6bb035cd6e239fe1dff85d5f1d00c394772448bGroup%2091%201.png?alt=media&token=b1bad2cf-8f58-4bbb-9eb1-be6e171f7b9c', | |
width: 206, | |
height: 220, | |
fit: BoxFit.cover, | |
), | |
), | |
Positioned( | |
left: 102, | |
top: 2576, | |
child: Image.network( | |
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RWSHu2UUcdBRh5dqkBk%2Febd9874a005acc04cbd7a53d6f0f4481.png', | |
width: 593, | |
height: 593, | |
fit: BoxFit.contain, | |
), | |
), | |
Positioned( | |
left: 281, | |
top: 2632, | |
child: Image.network( | |
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RWSHu2UUcdBRh5dqkBk%2F93bc4faf7c5f53d230ff0c10807ffa6d3ae8d43dGroup%2062%201.png?alt=media&token=7efbd532-e1bb-455f-9348-1c5431d9b496', | |
width: 234, | |
height: 482, | |
fit: BoxFit.cover, | |
), | |
), | |
Positioned( | |
left: 498, | |
top: 2946, | |
child: Container( | |
width: 245, | |
height: 168, | |
clipBehavior: Clip.hardEdge, | |
decoration: const BoxDecoration( | |
image: DecorationImage( | |
image: NetworkImage( | |
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RWSHu2UUcdBRh5dqkBk%2F4849c4196627cb3f4e7e15db50e5425d7fd5ebcdGroup%2069%201.png?alt=media&token=98fe140e-3eb9-4382-8921-e11d4a47e821', | |
), | |
fit: BoxFit.cover, | |
), | |
boxShadow: [ | |
BoxShadow( | |
color: Color(0x3F000000), | |
spreadRadius: 0, | |
offset: Offset(0, 4), | |
blurRadius: 30, | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: 96, | |
top: 2686, | |
child: Container( | |
width: 200, | |
height: 138, | |
clipBehavior: Clip.hardEdge, | |
decoration: const BoxDecoration( | |
image: DecorationImage( | |
image: NetworkImage( | |
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RWSHu2UUcdBRh5dqkBk%2Fe1a7ea3e4bc57f338e18a6a0b5d76c056924bb0cGroup%2068%201.png?alt=media&token=a3c37ad0-e68d-4b98-b6cf-51d109de7e32', | |
), | |
fit: BoxFit.cover, | |
), | |
boxShadow: [ | |
BoxShadow( | |
color: Color(0x3F000000), | |
spreadRadius: 0, | |
offset: Offset(0, 4), | |
blurRadius: 30, | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: 581, | |
top: 5097, | |
child: Text( | |
'DESIGN SYSTEM', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.black, | |
fontSize: 36, | |
fontWeight: FontWeight.w600, | |
), | |
), | |
), | |
Positioned( | |
left: 99, | |
top: 5195, | |
child: Text( | |
'Typography', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.black, | |
fontSize: 36, | |
fontWeight: FontWeight.w600, | |
), | |
), | |
), | |
Positioned( | |
left: 154, | |
top: 5382, | |
child: Text( | |
'Poppins', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.black, | |
fontSize: 24, | |
fontWeight: FontWeight.w600, | |
), | |
), | |
), | |
Positioned( | |
left: 310, | |
top: 5315, | |
child: SizedBox( | |
width: 589, | |
child: Text( | |
'Aa Bb Cc Dd Ee Ff Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.black, | |
fontSize: 24, | |
fontWeight: FontWeight.w600, | |
), | |
), | |
), | |
), | |
Positioned( | |
left: 131, | |
top: 5258, | |
child: Text( | |
'Aa', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF5F3688), | |
fontSize: 100, | |
fontWeight: FontWeight.w600, | |
), | |
), | |
), | |
Positioned( | |
left: 104, | |
top: 5979, | |
child: Text( | |
'Colors', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.black, | |
fontSize: 36, | |
fontWeight: FontWeight.w600, | |
), | |
), | |
), | |
Positioned( | |
left: 138, | |
top: 6064, | |
child: Container( | |
width: 144, | |
height: 144, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFF5F3688), | |
border: Border.all( | |
width: 8, | |
), | |
borderRadius: BorderRadius.circular(72), | |
), | |
), | |
), | |
Positioned( | |
left: 321, | |
top: 6064, | |
child: Container( | |
width: 144, | |
height: 144, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: Colors.white, | |
border: Border.all( | |
width: 8, | |
), | |
borderRadius: BorderRadius.circular(72), | |
), | |
), | |
), | |
Positioned( | |
left: 490, | |
top: 6064, | |
child: Container( | |
width: 144, | |
height: 144, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFF74EEF5), | |
border: Border.all( | |
width: 8, | |
), | |
borderRadius: BorderRadius.circular(72), | |
), | |
), | |
), | |
Positioned( | |
left: 673, | |
top: 6064, | |
child: Container( | |
width: 144, | |
height: 144, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: Colors.black, | |
border: Border.all( | |
width: 8, | |
), | |
borderRadius: BorderRadius.circular(72), | |
), | |
), | |
), | |
Positioned( | |
left: 104, | |
top: 6263, | |
child: Text( | |
'Cards', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.black, | |
fontSize: 36, | |
fontWeight: FontWeight.w600, | |
), | |
), | |
), | |
Positioned( | |
left: 172, | |
top: 6383, | |
child: Container( | |
width: 200, | |
height: 138, | |
clipBehavior: Clip.hardEdge, | |
decoration: const BoxDecoration( | |
image: DecorationImage( | |
image: NetworkImage( | |
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RWSHu2UUcdBRh5dqkBk%2Fe1a7ea3e4bc57f338e18a6a0b5d76c056924bb0cGroup%2068%201.png?alt=media&token=c0cb7ac6-759d-4a52-885a-80d4c37ee2ee', | |
), | |
fit: BoxFit.cover, | |
), | |
boxShadow: [ | |
BoxShadow( | |
color: Color(0x3F000000), | |
spreadRadius: 0, | |
offset: Offset(0, 4), | |
blurRadius: 30, | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: 434, | |
top: 6352, | |
child: Image.network( | |
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RWSHu2UUcdBRh5dqkBk%2Fc6bb035cd6e239fe1dff85d5f1d00c394772448bGroup%2091%201.png?alt=media&token=e3568914-0e52-469d-9a73-5d80da63abff', | |
width: 206, | |
height: 220, | |
fit: BoxFit.cover, | |
), | |
), | |
Positioned( | |
left: 699, | |
top: 6357, | |
child: Container( | |
width: 198, | |
height: 105, | |
clipBehavior: Clip.hardEdge, | |
decoration: const BoxDecoration( | |
image: DecorationImage( | |
image: NetworkImage( | |
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RWSHu2UUcdBRh5dqkBk%2Fb8e09c19764158d894b9842e06f3578f36811b8cGroup%2071%201.png?alt=media&token=4b1069c9-6217-4a53-b6da-19d805fb3889', | |
), | |
fit: BoxFit.cover, | |
), | |
boxShadow: [ | |
BoxShadow( | |
color: Color(0x3F000000), | |
spreadRadius: 0, | |
offset: Offset(0, 4), | |
blurRadius: 30, | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: 745, | |
top: 6491, | |
child: Container( | |
width: 198, | |
height: 114, | |
clipBehavior: Clip.hardEdge, | |
decoration: const BoxDecoration( | |
image: DecorationImage( | |
image: NetworkImage( | |
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RWSHu2UUcdBRh5dqkBk%2F5056c487966436e5e071ecf71c68c2df07c9098bGroup%2070%201.png?alt=media&token=d2a10cca-298c-41d7-9e39-2be66cacd69f', | |
), | |
fit: BoxFit.cover, | |
), | |
boxShadow: [ | |
BoxShadow( | |
color: Color(0x3F000000), | |
spreadRadius: 0, | |
offset: Offset(0, 4), | |
blurRadius: 30, | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: 959, | |
top: 6352, | |
child: Image.network( | |
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RWSHu2UUcdBRh5dqkBk%2Feb888c53c8b912936f51335a5246b570382a3f34Group%2063%201.png?alt=media&token=ebd1b181-d810-43a2-98bc-411db6772c16', | |
width: 294, | |
height: 199, | |
fit: BoxFit.cover, | |
), | |
), | |
Positioned( | |
left: 104, | |
top: 5693, | |
child: Text( | |
'Icons', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.black, | |
fontSize: 36, | |
fontWeight: FontWeight.w600, | |
), | |
), | |
), | |
Positioned( | |
left: 138, | |
top: 5782, | |
child: Container( | |
width: 60, | |
height: 60, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFF5F3688), | |
borderRadius: BorderRadius.circular(30), | |
), | |
), | |
), | |
Positioned( | |
left: 156, | |
top: 5800, | |
child: Image.network( | |
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RWSHu2UUcdBRh5dqkBk%2F32512e1d1d92563c67ed24594f340f20.png', | |
width: 24, | |
height: 24, | |
fit: BoxFit.contain, | |
), | |
), | |
Positioned( | |
left: 227, | |
top: 5782, | |
child: Container( | |
width: 60, | |
height: 60, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFF5F3688), | |
borderRadius: BorderRadius.circular(30), | |
), | |
), | |
), | |
Positioned( | |
left: 245, | |
top: 5800, | |
child: Image.network( | |
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RWSHu2UUcdBRh5dqkBk%2F926355a7ea20d523bb0825411121c038.png', | |
width: 24, | |
height: 24, | |
fit: BoxFit.contain, | |
), | |
), | |
Positioned( | |
left: 405, | |
top: 5782, | |
child: Container( | |
width: 60, | |
height: 60, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFF5F3688), | |
borderRadius: BorderRadius.circular(30), | |
), | |
), | |
), | |
Positioned( | |
left: 494, | |
top: 5782, | |
child: Container( | |
width: 60, | |
height: 60, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFF5F3688), | |
borderRadius: BorderRadius.circular(30), | |
), | |
), | |
), | |
Positioned( | |
left: 583, | |
top: 5782, | |
child: Container( | |
width: 60, | |
height: 60, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFF5F3688), | |
borderRadius: BorderRadius.circular(30), | |
), | |
), | |
), | |
Positioned( | |
left: 672, | |
top: 5782, | |
child: Container( | |
width: 60, | |
height: 60, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFF5F3688), | |
borderRadius: BorderRadius.circular(30), | |
), | |
), | |
), | |
Positioned( | |
left: 761, | |
top: 5782, | |
child: Container( | |
width: 60, | |
height: 60, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFF5F3688), | |
borderRadius: BorderRadius.circular(30), | |
), | |
), | |
), | |
Positioned( | |
left: 850, | |
top: 5782, | |
child: Container( | |
width: 60, | |
height: 60, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFF5F3688), | |
borderRadius: BorderRadius.circular(30), | |
), | |
), | |
), | |
Positioned( | |
left: 138, | |
top: 5871, | |
child: Container( | |
width: 60, | |
height: 60, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFF5F3688), | |
borderRadius: BorderRadius.circular(30), | |
), | |
), | |
), | |
Positioned( | |
left: 227, | |
top: 5871, | |
child: Container( | |
width: 60, | |
height: 60, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFF5F3688), | |
borderRadius: BorderRadius.circular(30), | |
), | |
), | |
), | |
Positioned( | |
left: 316, | |
top: 5871, | |
child: Container( | |
width: 60, | |
height: 60, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFF5F3688), | |
borderRadius: BorderRadius.circular(30), | |
), | |
), | |
), | |
Positioned( | |
left: 405, | |
top: 5871, | |
child: Container( | |
width: 60, | |
height: 60, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFF5F3688), | |
borderRadius: BorderRadius.circular(30), | |
), | |
), | |
), | |
Positioned( | |
left: 494, | |
top: 5871, | |
child: Container( | |
width: 60, | |
height: 60, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFF5F3688), | |
borderRadius: BorderRadius.circular(30), | |
), | |
), | |
), | |
Positioned( | |
left: 583, | |
top: 5871, | |
child: Container( | |
width: 60, | |
height: 60, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFF5F3688), | |
borderRadius: BorderRadius.circular(30), | |
), | |
), | |
), | |
Positioned( | |
left: 316, | |
top: 5782, | |
child: Container( | |
width: 60, | |
height: 60, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFF5F3688), | |
borderRadius: BorderRadius.circular(30), | |
), | |
), | |
), | |
Positioned( | |
left: 341, | |
top: 5803, | |
child: Image.network( | |
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RWSHu2UUcdBRh5dqkBk%2Fd2081c1ad62edcae7330a3ccbd0a1a39.png', | |
width: 10, | |
height: 18, | |
fit: BoxFit.contain, | |
), | |
), | |
Positioned( | |
left: 380, | |
top: 5846, | |
child: Image.network( | |
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RWSHu2UUcdBRh5dqkBk%2Ff2b53dfd30f638d9807ea536b563763e.png', | |
width: 288, | |
height: 22, | |
fit: BoxFit.contain, | |
), | |
), | |
Positioned( | |
left: 779, | |
top: 5800, | |
child: Image.network( | |
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RWSHu2UUcdBRh5dqkBk%2F67b7efd05795087b286f9c0faf08f1dd.png', | |
width: 24, | |
height: 24, | |
fit: BoxFit.contain, | |
), | |
), | |
Positioned( | |
left: 868, | |
top: 5800, | |
child: Image.network( | |
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RWSHu2UUcdBRh5dqkBk%2F4e5f6513b837e64942b36d3a7d95ef6039ba288fGPS%20Antenna.png?alt=media&token=b1c2ffea-4455-4f56-9941-973bc5027ba6', | |
width: 24, | |
height: 24, | |
fit: BoxFit.contain, | |
), | |
), | |
Positioned( | |
left: 157, | |
top: 5892, | |
child: Transform.rotate( | |
angle: 180 * pi / 180, | |
child: Image.network( | |
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RWSHu2UUcdBRh5dqkBk%2F9a7f2e4b7a8339b722d58490dcbb0b24.png', | |
width: 22, | |
height: 21, | |
fit: BoxFit.contain, | |
), | |
), | |
), | |
Positioned( | |
left: 249, | |
top: 5892, | |
child: Image.network( | |
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RWSHu2UUcdBRh5dqkBk%2Fa7082e98fa544a54047d91b1c2161211.png', | |
width: 16, | |
height: 20, | |
fit: BoxFit.contain, | |
), | |
), | |
Positioned( | |
left: 334, | |
top: 5889, | |
child: Image.network( | |
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RWSHu2UUcdBRh5dqkBk%2F63960ce185177f5ae562dd790435e21d2d9407b9Rent.png?alt=media&token=45508618-b7f9-4fe3-ad8e-7194b183751f', | |
width: 24, | |
height: 24, | |
fit: BoxFit.contain, | |
), | |
), | |
Positioned( | |
left: 425, | |
top: 5894, | |
child: Image.network( | |
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RWSHu2UUcdBRh5dqkBk%2Fe052df6f2220c2d68e2df34723b06878.png', | |
width: 20, | |
height: 16, | |
fit: BoxFit.contain, | |
), | |
), | |
Positioned( | |
left: 515, | |
top: 5892, | |
child: Image.network( | |
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RWSHu2UUcdBRh5dqkBk%2F2e6d44aeb4224cab1398cec240ca9923bc6baea0Daco_4111882%201.png?alt=media&token=0dc19927-d23e-4836-ba2f-194be4bf1b86', | |
width: 18, | |
height: 19, | |
fit: BoxFit.cover, | |
), | |
), | |
Positioned( | |
left: 604, | |
top: 5892, | |
child: Image.network( | |
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RWSHu2UUcdBRh5dqkBk%2Fd85df47850dac222efdf80b6309ecfdefbde461fapp-store-256%201.png?alt=media&token=a169a8c1-6d53-4e6f-9dce-49b2f9e8f1ae', | |
width: 18, | |
height: 18, | |
fit: BoxFit.cover, | |
), | |
), | |
Positioned( | |
left: 99, | |
top: 5484, | |
child: Text( | |
'Button', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.black, | |
fontSize: 36, | |
fontWeight: FontWeight.w600, | |
), | |
), | |
), | |
Positioned( | |
left: 356, | |
top: 5557, | |
child: Container( | |
width: 235, | |
height: 72, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFF74EEF5), | |
borderRadius: BorderRadius.circular(20), | |
), | |
), | |
), | |
Positioned( | |
left: 414, | |
top: 5580, | |
child: Text( | |
'Download now', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF5F3688), | |
fontSize: 16, | |
fontWeight: FontWeight.w500, | |
), | |
), | |
), | |
Positioned( | |
left: 132, | |
top: 5576, | |
child: Container( | |
width: 175, | |
height: 50, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFF74EEF5), | |
borderRadius: BorderRadius.circular(8), | |
), | |
), | |
), | |
Positioned( | |
left: 173, | |
top: 5590, | |
child: Text( | |
'Get started', | |
style: GoogleFonts.getFont( | |
'DM Sans', | |
color: const Color(0xFF5E4CCC), | |
fontSize: 17, | |
fontWeight: FontWeight.bold, | |
), | |
), | |
) | |
], | |
), | |
), | |
); | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment