Skip to content

Instantly share code, notes, and snippets.

@BuildCodelessly

BuildCodelessly/0RR4PfLIwS8W0Jt5afkt.dart

Created May 6, 2024 13:24
Show Gist options
  • Save BuildCodelessly/c6cfc830d3576cce821bf9ba0a1ba9f3 to your computer and use it in GitHub Desktop.
Save BuildCodelessly/c6cfc830d3576cce821bf9ba0a1ba9f3 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
0RR4PfLIwS8W0Jt5afkt.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: Dashboard(),
),
);
}
}
class Dashboard extends StatelessWidget {
const Dashboard({super.key});
@override
Widget build(BuildContext context) {
return Container(
width: 375,
height: 2037,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(
color: Colors.white,
),
child: SingleChildScrollView(
physics: const AlwaysScrollableScrollPhysics(),
child: SizedBox(
width: double.infinity,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 16,
top: 138,
child: Container(
width: 343,
height: 206,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(5),
gradient: const LinearGradient(
colors: [Colors.black, Colors.transparent],
),
),
),
),
Positioned(
left: 40,
top: 170,
child: Text(
'Super Flash Sale\n50% Off',
style: GoogleFonts.getFont(
'Poppins',
color: Colors.white,
fontSize: 24,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.5,
),
),
),
Positioned(
left: 40,
top: 271,
child: Container(
width: 42,
height: 41,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(5),
),
),
),
Positioned(
left: 48,
top: 278,
child: Text(
'08',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF223263),
fontSize: 16,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.5,
),
),
),
Positioned(
left: 85,
top: 280,
child: Text(
':',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Poppins',
color: Colors.white,
fontSize: 14,
fontWeight: FontWeight.bold,
height: 1.5,
),
),
),
Positioned(
left: 139,
top: 280,
child: Text(
':',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Poppins',
color: Colors.white,
fontSize: 14,
fontWeight: FontWeight.bold,
height: 1.5,
),
),
),
Positioned(
left: 94,
top: 271,
child: Container(
width: 42,
height: 41,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(5),
),
),
),
Positioned(
left: 102,
top: 278,
child: Text(
'34',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF223263),
fontSize: 16,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.5,
),
),
),
Positioned(
left: 148,
top: 271,
child: Container(
width: 42,
height: 41,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(5),
),
),
),
Positioned(
left: 158,
top: 278,
child: Text(
'52',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF223263),
fontSize: 16,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.5,
),
),
),
Positioned(
left: 151,
top: 360,
child: Container(
width: 8,
height: 8,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFFEAEFFF),
borderRadius: BorderRadius.circular(4),
),
),
),
Positioned(
left: 167,
top: 360,
child: Container(
width: 8,
height: 8,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFFEAEFFF),
borderRadius: BorderRadius.circular(4),
),
),
),
Positioned(
left: 183,
top: 360,
child: Container(
width: 8,
height: 8,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFF40BFFF),
borderRadius: BorderRadius.circular(4),
),
),
),
Positioned(
left: 199,
top: 360,
child: Container(
width: 8,
height: 8,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFFEAEFFF),
borderRadius: BorderRadius.circular(4),
),
),
),
Positioned(
left: 215,
top: 360,
child: Container(
width: 8,
height: 8,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFFEAEFFF),
borderRadius: BorderRadius.circular(4),
),
),
),
Positioned(
left: 15,
top: 391,
child: Text(
'Category',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF223263),
fontSize: 14,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.5,
),
),
),
Positioned(
left: 244,
top: 391,
child: Text(
'More Category',
textAlign: TextAlign.right,
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF40BFFF),
fontSize: 14,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.5,
),
),
),
Positioned(
left: 16,
top: 425,
child: Container(
width: 70,
height: 108,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Container(
width: 70,
height: 70,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(
color: const Color(0xFFEAEFFF),
),
borderRadius: BorderRadius.circular(66),
),
),
),
Positioned(
left: 26,
top: 26,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FcYJCR2YYUYPqx0igw8Nz%2F5f8240872538e48b33de03d5b3100d85.png',
width: 18,
height: 18,
fit: BoxFit.contain,
),
),
Positioned(
left: -1,
top: 77,
child: SizedBox(
width: 72,
height: 32,
child: Text(
'Man Shirt',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF9098B1),
fontSize: 10,
letterSpacing: 1,
height: 1.5,
),
),
),
)
],
),
),
),
Positioned(
left: 98,
top: 425,
child: Container(
width: 70,
height: 108,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Container(
width: 70,
height: 70,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(
color: const Color(0xFFEAEFFF),
),
borderRadius: BorderRadius.circular(66),
),
),
),
Positioned(
left: 23,
top: 23,
child: Container(
width: 24,
height: 24,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 3,
top: 3,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FcYJCR2YYUYPqx0igw8Nz%2Fcf2af0e27b984c29bb538a4cb4f8134a.png',
width: 18,
height: 18,
fit: BoxFit.contain,
),
)
],
),
),
),
Positioned(
left: -1,
top: 77,
child: SizedBox(
width: 72,
height: 32,
child: Text(
'Dress',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF9098B1),
fontSize: 10,
letterSpacing: 1,
height: 1.5,
),
),
),
)
],
),
),
),
Positioned(
left: 180,
top: 425,
child: Container(
width: 70,
height: 108,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Container(
width: 70,
height: 70,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(
color: const Color(0xFFEAEFFF),
),
borderRadius: BorderRadius.circular(66),
),
),
),
Positioned(
left: 23,
top: 23,
child: Container(
width: 24,
height: 24,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 3,
top: 3,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FcYJCR2YYUYPqx0igw8Nz%2Fad37ff0b70aa5e6f3b26a571dc43d659.png',
width: 18,
height: 18,
fit: BoxFit.contain,
),
)
],
),
),
),
Positioned(
left: -1,
top: 77,
child: SizedBox(
width: 72,
child: Text(
'Man Work Equipment',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF9098B1),
fontSize: 10,
letterSpacing: 1,
height: 1.5,
),
),
),
)
],
),
),
),
Positioned(
left: 262,
top: 425,
child: Container(
width: 70,
height: 108,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Container(
width: 70,
height: 70,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(
color: const Color(0xFFEAEFFF),
),
borderRadius: BorderRadius.circular(66),
),
),
),
Positioned(
left: 23,
top: 23,
child: Container(
width: 24,
height: 24,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 3,
top: 3,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FcYJCR2YYUYPqx0igw8Nz%2F61544b5686059bb938b139fd687fcfc3.png',
width: 18,
height: 18,
fit: BoxFit.contain,
),
)
],
),
),
),
Positioned(
left: -1,
top: 77,
child: SizedBox(
height: 32,
child: Text(
'Woman Bag',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF9098B1),
fontSize: 10,
letterSpacing: 1,
height: 1.5,
),
),
),
)
],
),
),
),
Positioned(
left: 344,
top: 425,
child: Container(
width: 70,
height: 108,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Container(
width: 70,
height: 70,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(
color: const Color(0xFFEAEFFF),
),
borderRadius: BorderRadius.circular(66),
),
),
),
Positioned(
left: 23,
top: 23,
child: Container(
width: 24,
height: 24,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 1,
top: 7,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FcYJCR2YYUYPqx0igw8Nz%2Fefcbb53b11ef3d77854d9032203ec93f.png',
width: 22,
height: 10,
fit: BoxFit.contain,
),
)
],
),
),
),
Positioned(
left: -1,
top: 77,
child: SizedBox(
width: 72,
height: 32,
child: Text(
'Man Shoes',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF9098B1),
fontSize: 10,
letterSpacing: 1,
height: 1.5,
),
),
),
)
],
),
),
),
Positioned(
left: 426,
top: 425,
child: Container(
width: 70,
height: 108,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Container(
width: 70,
height: 70,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(
color: const Color(0xFFEAEFFF),
),
borderRadius: BorderRadius.circular(66),
),
),
),
Positioned(
left: 23,
top: 23,
child: Container(
width: 24,
height: 24,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 1,
top: 4,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FcYJCR2YYUYPqx0igw8Nz%2F1918dc43f663cdd965332e36b42d87df.png',
width: 24,
height: 18,
fit: BoxFit.contain,
),
)
],
),
),
),
Positioned(
left: -1,
top: 77,
child: SizedBox(
width: 72,
height: 32,
child: Text(
'High Heels',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF9098B1),
fontSize: 10,
letterSpacing: 1,
height: 1.5,
),
),
),
)
],
),
),
),
Positioned(
left: 289,
top: 556,
child: Text(
'See More',
textAlign: TextAlign.right,
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF40BFFF),
fontSize: 14,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.5,
),
),
),
Positioned(
left: 15,
top: 556,
child: Text(
'Flash Sale',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF223263),
fontSize: 14,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.5,
),
),
),
Positioned(
left: 16,
top: 590,
child: Container(
width: 141,
height: 238,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(
color: const Color(0xFFEAEFFF),
),
borderRadius: BorderRadius.circular(5),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 16,
top: 16,
child: Container(
width: 109,
height: 109,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(5),
),
),
),
Positioned(
left: 15,
top: 132,
child: SizedBox(
width: 112,
child: Text(
'FS - Nike Air Max 270 React...',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF223263),
fontSize: 12,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.5,
),
),
),
),
Positioned(
left: 15,
top: 176,
child: Text(
'\$299,43',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF40BFFF),
fontSize: 12,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.8,
),
),
),
Positioned(
left: 16,
top: 207,
child: Container(
width: 96,
height: 15,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -1,
top: -1,
child: Text(
'\$534,33',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF9098B1),
fontSize: 10,
letterSpacing: 1,
height: 1.5,
decoration: TextDecoration.lineThrough,
),
),
),
Positioned(
left: 49,
top: -1,
child: Text(
'24% Off',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFFFB7181),
fontSize: 10,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.5,
),
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 173,
top: 590,
child: Container(
width: 141,
height: 238,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(
color: const Color(0xFFEAEFFF),
),
borderRadius: BorderRadius.circular(5),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 16,
top: 16,
child: Container(
width: 109,
height: 109,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(5),
),
),
),
Positioned(
left: 15,
top: 132,
child: SizedBox(
width: 112,
child: Text(
'FS - QUILTED MAXI CROS...',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF223263),
fontSize: 12,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.5,
),
),
),
),
Positioned(
left: 15,
top: 176,
child: Text(
'\$299,43',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF40BFFF),
fontSize: 12,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.8,
),
),
),
Positioned(
left: 16,
top: 207,
child: Container(
width: 94,
height: 15,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -1,
top: -1,
child: Text(
'\$534,33',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF9098B1),
fontSize: 10,
letterSpacing: 1,
height: 1.5,
decoration: TextDecoration.lineThrough,
),
),
),
Positioned(
left: 49,
top: -1,
child: Text(
'24% Off',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFFFB7181),
fontSize: 10,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.5,
),
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 330,
top: 590,
child: Container(
width: 141,
height: 238,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(
color: const Color(0xFFEAEFFF),
),
borderRadius: BorderRadius.circular(5),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 16,
top: 16,
child: Container(
width: 109,
height: 109,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(5),
),
),
),
Positioned(
left: 15,
top: 132,
child: SizedBox(
width: 112,
child: Text(
'FS - Nike Air Max 270 React...',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF223263),
fontSize: 12,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.5,
),
),
),
),
Positioned(
left: 15,
top: 176,
child: Text(
'\$299,43',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF40BFFF),
fontSize: 12,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.8,
),
),
),
Positioned(
left: 16,
top: 207,
child: Container(
width: 95,
height: 15,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -1,
top: -1,
child: Text(
'\$534,33',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF9098B1),
fontSize: 10,
letterSpacing: 1,
height: 1.5,
decoration: TextDecoration.lineThrough,
),
),
),
Positioned(
left: 49,
top: -1,
child: Text(
'24% Off',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFFFB7181),
fontSize: 10,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.5,
),
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 15,
top: 851,
child: Text(
'Mega Sale',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF223263),
fontSize: 14,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.5,
),
),
),
Positioned(
left: 289,
top: 851,
child: Text(
'See More',
textAlign: TextAlign.right,
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF40BFFF),
fontSize: 14,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.5,
),
),
),
Positioned(
left: 16,
top: 885,
child: Container(
width: 141,
height: 238,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(
color: const Color(0xFFEAEFFF),
),
borderRadius: BorderRadius.circular(5),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 16,
top: 16,
child: Container(
width: 109,
height: 109,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(5),
),
),
),
Positioned(
left: 15,
top: 132,
child: SizedBox(
width: 112,
child: Text(
'MS - Nike Air Max 270 React...',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF223263),
fontSize: 12,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.5,
),
),
),
),
Positioned(
left: 15,
top: 176,
child: Text(
'\$299,43',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF40BFFF),
fontSize: 12,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.8,
),
),
),
Positioned(
left: 16,
top: 207,
child: Container(
width: 109,
height: 15,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -1,
top: -1,
child: Text(
'\$534,33',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF9098B1),
fontSize: 10,
letterSpacing: 1,
height: 1.5,
decoration: TextDecoration.lineThrough,
),
),
),
Positioned(
left: 49,
top: -1,
child: SizedBox(
width: 61,
child: Text(
'24% Off',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFFFB7181),
fontSize: 10,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.5,
),
),
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 173,
top: 885,
child: Container(
width: 141,
height: 238,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(
color: const Color(0xFFEAEFFF),
),
borderRadius: BorderRadius.circular(5),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 16,
top: 16,
child: Container(
width: 109,
height: 109,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(5),
),
),
),
Positioned(
left: 15,
top: 132,
child: SizedBox(
width: 112,
child: Text(
'MS - Nike Air Max 270 React...',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF223263),
fontSize: 12,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.5,
),
),
),
),
Positioned(
left: 15,
top: 176,
child: Text(
'\$299,43',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF40BFFF),
fontSize: 12,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.8,
),
),
),
Positioned(
left: 16,
top: 207,
child: Container(
width: 109,
height: 15,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -1,
top: -1,
child: Text(
'\$534,33',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF9098B1),
fontSize: 10,
letterSpacing: 1,
height: 1.5,
decoration: TextDecoration.lineThrough,
),
),
),
Positioned(
left: 49,
top: -1,
child: SizedBox(
width: 61,
child: Text(
'24% Off',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFFFB7181),
fontSize: 10,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.5,
),
),
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 330,
top: 885,
child: Container(
width: 141,
height: 238,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(
color: const Color(0xFFEAEFFF),
),
borderRadius: BorderRadius.circular(5),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 16,
top: 16,
child: Container(
width: 109,
height: 109,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(5),
),
),
),
Positioned(
left: 15,
top: 132,
child: SizedBox(
width: 112,
child: Text(
'MS - Nike Air Max 270 React...',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF223263),
fontSize: 12,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.5,
),
),
),
),
Positioned(
left: 15,
top: 176,
child: Text(
'\$299,43',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF40BFFF),
fontSize: 12,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.8,
),
),
),
Positioned(
left: 16,
top: 207,
child: Container(
width: 109,
height: 15,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -1,
top: -1,
child: Text(
'\$534,33',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF9098B1),
fontSize: 10,
letterSpacing: 1,
height: 1.5,
decoration: TextDecoration.lineThrough,
),
),
),
Positioned(
left: 49,
top: -1,
child: SizedBox(
width: 61,
child: Text(
'24% Off',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFFFB7181),
fontSize: 10,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.5,
),
),
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 16,
top: 1152,
child: Container(
width: 343,
height: 206,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(5),
gradient: const LinearGradient(
colors: [Colors.black, Colors.transparent],
),
),
),
),
Positioned(
left: 16,
top: 1374,
child: Container(
width: 165,
height: 282,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(
color: const Color(0xFFEAEFFF),
),
borderRadius: BorderRadius.circular(5),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 16,
top: 16,
child: Container(
width: 133,
height: 133,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(5),
),
),
),
Positioned(
left: 16,
top: 157,
child: Container(
width: 133,
height: 52,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -1,
top: -1,
child: SizedBox(
width: 136,
child: Text(
'Nike Air Max 270 React ENG',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF223263),
fontSize: 12,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.5,
),
),
),
),
Positioned(
left: 0,
top: 40,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FcYJCR2YYUYPqx0igw8Nz%2F42d9a06de178d4efa1843383bad1e2a5.png',
width: 68,
height: 12,
fit: BoxFit.contain,
),
)
],
),
),
),
Positioned(
left: 15,
top: 224,
child: Text(
'\$299,43',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF40BFFF),
fontSize: 12,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.8,
),
),
),
Positioned(
left: 16,
top: 251,
child: Container(
width: 92,
height: 15,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -1,
top: -1,
child: Text(
'\$534,33',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF9098B1),
fontSize: 10,
letterSpacing: 1,
height: 1.5,
decoration: TextDecoration.lineThrough,
),
),
),
Positioned(
left: 49,
top: -1,
child: Text(
'24% Off',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFFFB7181),
fontSize: 10,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.5,
),
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 194,
top: 1374,
child: Container(
width: 165,
height: 282,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(
color: const Color(0xFFEAEFFF),
),
borderRadius: BorderRadius.circular(5),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 16,
top: 16,
child: Container(
width: 133,
height: 133,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(5),
),
),
),
Positioned(
left: 16,
top: 157,
child: Container(
width: 133,
height: 52,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -1,
top: -1,
child: SizedBox(
width: 136,
child: Text(
'Nike Air Max 270 React ENG',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF223263),
fontSize: 12,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.5,
),
),
),
),
Positioned(
left: 0,
top: 40,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FcYJCR2YYUYPqx0igw8Nz%2F42d9a06de178d4efa1843383bad1e2a5.png',
width: 68,
height: 12,
fit: BoxFit.contain,
),
)
],
),
),
),
Positioned(
left: 15,
top: 224,
child: Text(
'\$299,43',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF40BFFF),
fontSize: 12,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.8,
),
),
),
Positioned(
left: 16,
top: 251,
child: Container(
width: 92,
height: 15,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -1,
top: -1,
child: Text(
'\$534,33',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF9098B1),
fontSize: 10,
letterSpacing: 1,
height: 1.5,
decoration: TextDecoration.lineThrough,
),
),
),
Positioned(
left: 49,
top: -1,
child: Text(
'24% Off',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFFFB7181),
fontSize: 10,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.5,
),
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 16,
top: 1668,
child: Container(
width: 165,
height: 282,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(
color: const Color(0xFFEAEFFF),
),
borderRadius: BorderRadius.circular(5),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 16,
top: 16,
child: Container(
width: 133,
height: 133,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(5),
),
),
),
Positioned(
left: 16,
top: 157,
child: Container(
width: 133,
height: 52,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -1,
top: -1,
child: SizedBox(
width: 136,
child: Text(
'Nike Air Max 270 React ENG',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF223263),
fontSize: 12,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.5,
),
),
),
),
Positioned(
left: 0,
top: 40,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FcYJCR2YYUYPqx0igw8Nz%2F42d9a06de178d4efa1843383bad1e2a5.png',
width: 68,
height: 12,
fit: BoxFit.contain,
),
)
],
),
),
),
Positioned(
left: 15,
top: 224,
child: Text(
'\$299,43',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF40BFFF),
fontSize: 12,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.8,
),
),
),
Positioned(
left: 16,
top: 251,
child: Container(
width: 92,
height: 15,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -1,
top: -1,
child: Text(
'\$534,33',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF9098B1),
fontSize: 10,
letterSpacing: 1,
height: 1.5,
decoration: TextDecoration.lineThrough,
),
),
),
Positioned(
left: 49,
top: -1,
child: Text(
'24% Off',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFFFB7181),
fontSize: 10,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.5,
),
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 194,
top: 1668,
child: Container(
width: 165,
height: 282,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(
color: const Color(0xFFEAEFFF),
),
borderRadius: BorderRadius.circular(5),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 16,
top: 16,
child: Container(
width: 133,
height: 133,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(5),
),
),
),
Positioned(
left: 16,
top: 157,
child: Container(
width: 133,
height: 52,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -1,
top: -1,
child: SizedBox(
width: 136,
child: Text(
'Nike Air Max 270 React ENG',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF223263),
fontSize: 12,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.5,
),
),
),
),
Positioned(
left: 0,
top: 40,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FcYJCR2YYUYPqx0igw8Nz%2F42d9a06de178d4efa1843383bad1e2a5.png',
width: 68,
height: 12,
fit: BoxFit.contain,
),
)
],
),
),
),
Positioned(
left: 15,
top: 224,
child: Text(
'\$299,43',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF40BFFF),
fontSize: 12,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.8,
),
),
),
Positioned(
left: 16,
top: 251,
child: Container(
width: 92,
height: 15,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -1,
top: -1,
child: Text(
'\$534,33',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF9098B1),
fontSize: 10,
letterSpacing: 1,
height: 1.5,
decoration: TextDecoration.lineThrough,
),
),
),
Positioned(
left: 49,
top: -1,
child: Text(
'24% Off',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFFFB7181),
fontSize: 10,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.5,
),
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 0,
top: 1963,
child: Container(
width: 375,
height: 66,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(
color: Colors.white,
),
),
),
Positioned(
left: 0,
top: 1963,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FcYJCR2YYUYPqx0igw8Nz%2Fa55fff8dfbaae8961c513e631d6bd690.png',
width: 375,
height: 1,
fit: BoxFit.contain,
),
),
Positioned(
left: 26,
top: 1986,
child: Container(
width: 24,
height: 24,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 3,
top: 3,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FcYJCR2YYUYPqx0igw8Nz%2F0c110b36a8b1dd7fc1d0862c4b16d99c.png',
width: 18,
height: 18,
fit: BoxFit.contain,
),
)
],
),
),
),
Positioned(
left: -1,
top: 2012,
child: SizedBox(
width: 77,
height: 17,
child: Text(
'Home',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF40BFFF),
fontSize: 10,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.5,
),
),
),
),
Positioned(
left: 101,
top: 1986,
child: Container(
width: 24,
height: 24,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 3,
top: 3,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FcYJCR2YYUYPqx0igw8Nz%2Ff99fef28d47bb30e4d9447a3c977eeda.png',
width: 18,
height: 18,
fit: BoxFit.contain,
),
)
],
),
),
),
Positioned(
left: 74,
top: 2012,
child: SizedBox(
width: 77,
height: 17,
child: Text(
'Explore',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF9098B1),
fontSize: 10,
letterSpacing: 1,
height: 1.5,
),
),
),
),
Positioned(
left: 176,
top: 1986,
child: Container(
width: 24,
height: 24,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 3,
top: 3,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FcYJCR2YYUYPqx0igw8Nz%2F3f4ead11bcb3782c553340f6fa2d69f8.png',
width: 18,
height: 18,
fit: BoxFit.contain,
),
)
],
),
),
),
Positioned(
left: 149,
top: 2012,
child: SizedBox(
width: 77,
height: 17,
child: Text(
'Cart',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF9098B1),
fontSize: 10,
letterSpacing: 1,
height: 1.5,
),
),
),
),
Positioned(
left: 251,
top: 1986,
child: Container(
width: 24,
height: 24,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 3,
top: 3,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FcYJCR2YYUYPqx0igw8Nz%2Fb0aa67a32a851d6477674fc3f38292ba.png',
width: 18,
height: 18,
fit: BoxFit.contain,
),
)
],
),
),
),
Positioned(
left: 224,
top: 2012,
child: SizedBox(
width: 77,
height: 17,
child: Text(
'Offer',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF9098B1),
fontSize: 10,
letterSpacing: 1,
height: 1.5,
),
),
),
),
Positioned(
left: 326,
top: 1986,
child: Container(
width: 24,
height: 24,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 2,
top: 2,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FcYJCR2YYUYPqx0igw8Nz%2Ffd31c44047960d589bb27d6bd4c1700b.png',
width: 20,
height: 20,
fit: BoxFit.contain,
),
)
],
),
),
),
Positioned(
left: 299,
top: 2012,
child: SizedBox(
width: 77,
height: 17,
child: Text(
'Account',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF9098B1),
fontSize: 10,
letterSpacing: 1,
height: 1.5,
),
),
),
),
Positioned(
left: 32,
top: 75,
child: Container(
width: 16,
height: 16,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 1,
top: 1,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FcYJCR2YYUYPqx0igw8Nz%2F221c2f56ffb0309ddbd1c04556f07bf2.png',
width: 14,
height: 14,
fit: BoxFit.contain,
),
)
],
),
),
),
Positioned(
left: 55,
top: 71,
child: Text(
'Search Product',
style: GoogleFonts.getFont(
'Poppins',
color: const Color(0xFF9098B1),
fontSize: 12,
letterSpacing: 1,
height: 1.8,
),
),
),
Positioned(
left: 335,
top: 71,
child: Container(
width: 24,
height: 24,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 3,
top: 2,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FcYJCR2YYUYPqx0igw8Nz%2F0987ead38d6391ba6061eb0d55dff172.png',
width: 18,
height: 20,
fit: BoxFit.contain,
),
)
],
),
),
),
Positioned(
left: 295,
top: 71,
child: Container(
width: 24,
height: 24,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 3,
top: 4,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FcYJCR2YYUYPqx0igw8Nz%2Fd23af6ca490fb991242f550482f5ce43.png',
width: 20,
height: 18,
fit: BoxFit.contain,
),
)
],
),
),
),
Positioned(
left: 349,
top: 71,
child: SizedBox.square(
dimension: 8,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -2,
top: -2,
child: Container(
width: 12,
height: 12,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFFFB7181),
borderRadius: BorderRadius.circular(6),
),
),
)
],
),
),
),
Positioned(
left: 3,
top: 0,
child: Container(
width: 375,
height: 44,
color: Colors.white,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 336,
top: 17,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FcYJCR2YYUYPqx0igw8Nz%2Fd2a5f5081586298b68b569d6a3a90b1d.png',
width: 24,
height: 11,
fit: BoxFit.contain,
),
),
Positioned(
left: 169,
top: 16,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FcYJCR2YYUYPqx0igw8Nz%2F927b58690ea56c5280ea2273db8cd872.png',
width: 37,
height: 11,
fit: BoxFit.contain,
),
),
Positioned(
left: 21,
top: 12,
child: SizedBox(
width: 54,
height: 21,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 2,
child: SizedBox(
width: 56,
height: 18,
child: Text(
'9:41',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Inter',
color: const Color(0xFF223263),
fontSize: 15,
),
),
),
)
],
),
),
)
],
),
),
)
],
),
),
),
);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment