Skip to content

Instantly share code, notes, and snippets.

@rayliverified

rayliverified/0Rh54mgmICbulVipUqm3.dart

Created November 17, 2024 22:17
Show Gist options
  • Save rayliverified/98377a06f01d2c5b982ce49a98f13a2c to your computer and use it in GitHub Desktop.
Save rayliverified/98377a06f01d2c5b982ce49a98f13a2c to your computer and use it in GitHub Desktop.
Download ZIP
Raw
0Rh54mgmICbulVipUqm3.dart
import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';
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: Home(),
),
);
}
}
class Home extends StatelessWidget {
const Home({super.key});
@override
Widget build(BuildContext context) {
return Container(
width: 412,
height: 917,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(
color: Color(0xFF166436),
),
child: SizedBox(
width: double.infinity,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 20,
top: 58,
child: SizedBox(
width: 293,
height: 89,
child: Text(
'Good Morning,\nMohtamim',
style: GoogleFonts.getFont(
'Montserrat',
color: Colors.white,
fontSize: 30,
fontWeight: FontWeight.w800,
),
),
),
),
Positioned(
left: 360,
top: 69,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0Rh54ciAZ4Ee8hRYLdaw%2F6954b9d3-834b-4811-a53b-9765ac9425b8.png',
width: 30,
height: 34,
fit: BoxFit.contain,
),
),
Positioned(
left: 21,
top: 162,
child: Container(
width: 151,
height: 191,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFF73BA94),
borderRadius: BorderRadius.circular(15),
),
),
),
Positioned(
left: 48,
top: 307,
child: Container(
width: 98,
height: 31,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFF166436),
borderRadius: BorderRadius.circular(15),
boxShadow: const [
BoxShadow(
color: Color(0x3F000000),
spreadRadius: 0,
offset: Offset(0, 4),
blurRadius: 4,
)
],
),
),
),
Positioned(
left: 182,
top: 147,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0Rh54ciAZ4Ee8hRYLdaw%2F62658ff6aa2ca339fe6791af595caaf18f1182c0MetroPic.png?alt=media&token=978a9e66-a9d9-443c-8b9a-77464338263b',
width: 331,
height: 205,
fit: BoxFit.cover,
),
),
Positioned(
left: 45,
top: 176,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0Rh54ciAZ4Ee8hRYLdaw%2F53e50038-d8d6-44c9-8469-db4f3ca74d24.png',
width: 22,
height: 25,
fit: BoxFit.contain,
),
),
Positioned(
left: 74,
top: 176,
child: SizedBox(
width: 87,
height: 22,
child: Text(
'MRT Pass',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF166436),
fontSize: 15,
fontWeight: FontWeight.w600,
),
),
),
),
Positioned(
left: 35,
top: 203,
child: SizedBox(
width: 130,
height: 41,
child: Text(
'৳ 500',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFFE1CE1F),
fontSize: 28,
fontWeight: FontWeight.bold,
),
),
),
),
Positioned(
left: 55,
top: 241,
child: Text(
'Current Balance',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF166436),
fontSize: 10,
),
),
),
Positioned(
left: 48,
top: 266,
child: Container(
width: 98,
height: 31,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(15),
boxShadow: const [
BoxShadow(
color: Color(0x3F000000),
spreadRadius: 0,
offset: Offset(0, 4),
blurRadius: 4,
)
],
),
),
),
Positioned(
left: 55,
top: 312,
child: SizedBox(
width: 84,
height: 22,
child: Text(
'Details',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Poppins',
color: Colors.white,
fontSize: 12,
fontWeight: FontWeight.bold,
),
),
),
),
Positioned(
left: 55,
top: 271,
child: SizedBox(
width: 84,
height: 22,
child: Text(
'Recharge',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF166436),
fontSize: 12,
fontWeight: FontWeight.bold,
),
),
),
),
Positioned(
left: 11,
top: 822,
child: Container(
width: 389,
height: 62,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFFD9D9D9),
borderRadius: BorderRadius.circular(15),
),
),
),
Positioned(
left: 55,
top: 836,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0Rh54ciAZ4Ee8hRYLdaw%2F69ccf5a4-fb0d-40eb-8922-bc65557b0f72.png',
width: 23,
height: 17,
fit: BoxFit.contain,
),
),
Positioned(
left: 49,
top: 858,
child: Text(
'Home',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF166436),
fontSize: 11,
fontWeight: FontWeight.w500,
),
),
),
Positioned(
left: 339,
top: 838,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0Rh54ciAZ4Ee8hRYLdaw%2F314402ca-3540-4add-a6f2-248cce3ccac6.png',
width: 20,
height: 17,
fit: BoxFit.contain,
),
),
Positioned(
left: 333,
top: 858,
child: Text(
'More',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF166436),
fontSize: 11,
fontWeight: FontWeight.w500,
),
),
),
Positioned(
left: 274,
top: 836,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0Rh54ciAZ4Ee8hRYLdaw%2Fc01cdc90-8e5c-4f4f-a916-85e5b3f785ec.png',
width: 21,
height: 21,
fit: BoxFit.contain,
),
),
Positioned(
left: 266,
top: 858,
child: Text(
'Profile',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF166436),
fontSize: 11,
fontWeight: FontWeight.w500,
),
),
),
Positioned(
left: 127,
top: 835,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0Rh54ciAZ4Ee8hRYLdaw%2F1234802b-69c7-4f0d-a2f5-41654aa9845a.png',
width: 15,
height: 21,
fit: BoxFit.contain,
),
),
Positioned(
left: 115,
top: 858,
child: Text(
'Routes',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF166436),
fontSize: 11,
fontWeight: FontWeight.w500,
),
),
),
Positioned(
left: 20,
top: 381,
child: Text(
'Book Your Ticket',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFFE1CE1F),
fontSize: 20,
fontWeight: FontWeight.w800,
),
),
),
Positioned(
left: 21,
top: 433,
child: Container(
width: 369,
height: 47,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFF73BA94),
borderRadius: BorderRadius.circular(30),
),
),
),
Positioned(
left: 21,
top: 494,
child: Container(
width: 369,
height: 47,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFF73BA94),
borderRadius: BorderRadius.circular(30),
),
),
),
Positioned(
left: 348,
top: 512,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0Rh54ciAZ4Ee8hRYLdaw%2F1c1d6213-6d27-4a61-82d5-2c0816645d1d.png',
width: 20,
height: 12,
fit: BoxFit.contain,
),
),
Positioned(
left: 72,
top: 444,
child: Text(
'Starting Point',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF166436),
fontSize: 15,
),
),
),
Positioned(
left: 72,
top: 505,
child: Text(
'Destination',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF166436),
fontSize: 15,
),
),
),
Positioned(
left: 41,
top: 446,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0Rh54ciAZ4Ee8hRYLdaw%2Ffc453b8f-7db8-4ec4-ab2e-96c41be708be.png',
width: 20,
height: 20,
fit: BoxFit.contain,
),
),
Positioned(
left: 38,
top: 508,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0Rh54ciAZ4Ee8hRYLdaw%2F37830038-c36a-45d3-9c6b-735a1e849420.png',
width: 20,
height: 20,
fit: BoxFit.contain,
),
),
Positioned(
left: 348,
top: 451,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0Rh54ciAZ4Ee8hRYLdaw%2F5d39b418-d8ec-4cbf-a0bf-9f807da2f8dc.png',
width: 20,
height: 12,
fit: BoxFit.contain,
),
),
Positioned(
left: 21,
top: 583,
child: Container(
width: 149,
height: 39,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFF73BA94),
borderRadius: BorderRadius.circular(30),
),
),
),
Positioned(
left: 20,
top: 552,
child: Text(
'Select Date',
style: GoogleFonts.getFont(
'Poppins',
color: Colors.white,
fontSize: 15,
fontWeight: FontWeight.w600,
),
),
),
Positioned(
left: 182,
top: 552,
child: Text(
'Select Time',
style: GoogleFonts.getFont(
'Poppins',
color: Colors.white,
fontSize: 15,
fontWeight: FontWeight.w600,
),
),
),
Positioned(
left: 183,
top: 583,
child: Container(
width: 57,
height: 39,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFF73BA94),
borderRadius: BorderRadius.circular(20),
),
),
),
Positioned(
left: 255,
top: 583,
child: Container(
width: 57,
height: 39,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFF73BA94),
borderRadius: BorderRadius.circular(20),
),
),
),
Positioned(
left: 327,
top: 583,
child: Container(
width: 63,
height: 38,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFF73BA94),
borderRadius: BorderRadius.circular(20),
),
),
),
Positioned(
left: 243,
top: 584,
child: Text(
':',
style: GoogleFonts.getFont(
'Poppins',
color: Colors.white,
fontSize: 24,
fontWeight: FontWeight.w600,
),
),
),
Positioned(
left: 315,
top: 584,
child: Text(
':',
style: GoogleFonts.getFont(
'Poppins',
color: Colors.white,
fontSize: 24,
fontWeight: FontWeight.w600,
),
),
),
Positioned(
left: 218,
top: 599,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0Rh54ciAZ4Ee8hRYLdaw%2F1f7bb2ac-3181-4893-822d-3da66dc1636a.png',
width: 10,
height: 6,
fit: BoxFit.contain,
),
),
Positioned(
left: 291,
top: 599,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0Rh54ciAZ4Ee8hRYLdaw%2F04780fd1-9e13-4543-bcd8-6dd9d6b95dc0.png',
width: 10,
height: 6,
fit: BoxFit.contain,
),
),
Positioned(
left: 369,
top: 599,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0Rh54ciAZ4Ee8hRYLdaw%2Ff385cec8-0434-47c7-9fd5-113884651fae.png',
width: 10,
height: 6,
fit: BoxFit.contain,
),
),
Positioned(
left: 197,
top: 590,
child: Text(
'10',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF166436),
fontSize: 15,
fontWeight: FontWeight.bold,
),
),
),
Positioned(
left: 271,
top: 590,
child: Text(
'15',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF166436),
fontSize: 15,
fontWeight: FontWeight.bold,
),
),
),
Positioned(
left: 340,
top: 589,
child: Text(
'AM',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF166436),
fontSize: 15,
fontWeight: FontWeight.bold,
),
),
),
Positioned(
left: 129,
top: 592,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0Rh54ciAZ4Ee8hRYLdaw%2Fe3de8efc-2809-4fdb-8a5c-25400b4c632e.png',
width: 15,
height: 20,
fit: BoxFit.contain,
),
),
Positioned(
left: 46,
top: 590,
child: Text(
'17 Nov 24',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF166436),
fontSize: 15,
fontWeight: FontWeight.bold,
),
),
),
Positioned(
left: 20,
top: 635,
child: Text(
'Ticket Quantity',
style: GoogleFonts.getFont(
'Poppins',
color: Colors.white,
fontSize: 15,
fontWeight: FontWeight.w600,
),
),
),
Positioned(
left: 182,
top: 635,
child: Text(
'Trip Type',
style: GoogleFonts.getFont(
'Poppins',
color: Colors.white,
fontSize: 15,
fontWeight: FontWeight.w600,
),
),
),
Positioned(
left: 21,
top: 666,
child: Container(
width: 149,
height: 39,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFF73BA94),
borderRadius: BorderRadius.circular(30),
),
),
),
Positioned(
left: 33,
top: 673,
child: Text(
'Enter Quantity',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF166436),
fontSize: 15,
),
),
),
Positioned(
left: 148,
top: 683,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0Rh54ciAZ4Ee8hRYLdaw%2F86fdfc7e-b7e6-427e-a885-19a820652d8c.png',
width: 10,
height: 6,
fit: BoxFit.contain,
),
),
Positioned(
left: 183,
top: 666,
child: Container(
width: 207,
height: 39,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFF73BA94),
borderRadius: BorderRadius.circular(30),
),
),
),
Positioned(
left: 209,
top: 673,
child: Text(
'Select Trip Type',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF166436),
fontSize: 15,
),
),
),
Positioned(
left: 353,
top: 683,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0Rh54ciAZ4Ee8hRYLdaw%2Fb6c830b7-ddc6-474c-ad80-009783fea8d9.png',
width: 10,
height: 6,
fit: BoxFit.contain,
),
),
Positioned(
left: 91,
top: 731,
child: Container(
width: 230,
height: 46,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFFE1CE1F),
borderRadius: BorderRadius.circular(30),
boxShadow: const [
BoxShadow(
color: Color(0x3F000000),
spreadRadius: 0,
offset: Offset(0, 4),
blurRadius: 4,
)
],
),
),
),
Positioned(
left: 124,
top: 741,
child: Text(
'Show Route and Fare',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF166436),
fontSize: 15,
fontWeight: FontWeight.bold,
),
),
),
Positioned(
left: 188,
top: 858,
child: Text(
'Tickets',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF166436),
fontSize: 11,
fontWeight: FontWeight.w500,
),
),
),
Positioned(
left: 196,
top: 837,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0Rh54ciAZ4Ee8hRYLdaw%2Ff65fe9fa-c23e-4759-97a5-aceb682eb1b8.png',
width: 25,
height: 17,
fit: BoxFit.contain,
),
)
],
),
),
);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment