Skip to content

Instantly share code, notes, and snippets.

@rayliverified

rayliverified/0RgwOLZ6Ln8lsNZndZ7C.dart

Created November 16, 2024 08:25
Show Gist options
  • Save rayliverified/1447a1990bb4d027c9feaf19ec6d5de2 to your computer and use it in GitHub Desktop.
Save rayliverified/1447a1990bb4d027c9feaf19ec6d5de2 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
0RgwOLZ6Ln8lsNZndZ7C.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: 375,
height: 6324,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(
color: Color(0xFFF8F8F8),
),
child: SizedBox(
width: double.infinity,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -22,
top: -52,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0R_f98tCvgnMFKROvqbm%2Feef35dee6a8d926dc4b180bc254093d71bf01c86image%201.png?alt=media&token=1adec8c4-c738-48aa-b726-659f14d984b4',
width: 834,
height: 387,
fit: BoxFit.cover,
),
),
Positioned(
left: 60,
top: 120,
child: Text(
'Discover, collect, and sell',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF555555),
fontSize: 18,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.6,
),
),
),
Positioned(
left: 55,
top: 152,
child: SizedBox(
width: 268,
child: Text(
'Your Digital Art',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF222222),
fontSize: 32,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.1,
),
),
),
),
Positioned(
left: 23,
top: 210,
child: Container(
width: 329,
height: 42,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(8),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Container(
width: 327,
height: 40,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFFF0F0F0),
borderRadius: BorderRadius.circular(8),
),
),
),
Positioned(
left: 306,
top: 12,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0R_f98tCvgnMFKROvqbm%2Facc3d1ea-1fe5-4f14-b494-e081a7e43f40.png',
width: 10,
height: 16,
fit: BoxFit.contain,
),
),
Positioned(
left: 35,
top: 12,
child: SizedBox(
width: 275,
height: 18,
child: Text(
'Search items, collections, and accounts',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF888888),
fontSize: 13,
fontWeight: FontWeight.w500,
height: 1.5,
),
),
),
),
Positioned(
left: 10,
top: 14,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0R_f98tCvgnMFKROvqbm%2F3ea3f5cd-7fac-4f51-9a2b-c215f186bb51.png',
width: 13,
height: 13,
fit: BoxFit.contain,
),
),
Positioned(
left: 3,
top: -3,
child: SizedBox(
width: 326,
child: TextField(
keyboardType: TextInputType.text,
style: const TextStyle(
color: Colors.black,
fontSize: 14,
fontFamily: 'Roboto',
),
textAlign: TextAlign.left,
textAlignVertical: TextAlignVertical.center,
autocorrect: false,
minLines: null,
autovalidateMode: AutovalidateMode.onUserInteraction,
cursorHeight: 14,
cursorRadius: const Radius.circular(2),
cursorColor: const Color(0xFF5C69E5),
decoration: InputDecoration(
labelText: 'Label',
labelStyle: const TextStyle(
color: Colors.grey,
fontSize: 14,
fontFamily: 'Roboto',
),
floatingLabelStyle: const TextStyle(
color: Colors.blue,
fontSize: 14,
fontFamily: 'Roboto',
),
hintText: 'Enter text',
hintStyle: const TextStyle(
color: Color(0xFF7F7F7F),
fontSize: 14,
fontFamily: 'Roboto',
),
hintMaxLines: 1,
errorStyle: const TextStyle(
color: Color(0xFFFF0000),
fontSize: 12,
fontFamily: 'Roboto',
),
errorMaxLines: 1,
floatingLabelBehavior: FloatingLabelBehavior.always,
isDense: true,
contentPadding: const EdgeInsets.symmetric(
horizontal: 12, vertical: 16),
focusColor: Colors.blue,
hoverColor: const Color(0x197F7F7F),
errorBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(4.0),
borderSide: const BorderSide(
color: Color(0xFFFF0000),
),
),
focusedBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(4.0),
borderSide: const BorderSide(
color: Colors.blue,
width: 1.5,
),
),
focusedErrorBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(4.0),
borderSide: const BorderSide(
color: Color(0xFFFF0000),
),
),
disabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(4.0),
borderSide: const BorderSide(
color: Color(0x197F7F7F),
),
),
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(4.0),
borderSide: const BorderSide(
color: Color(0x809E9E9E),
width: 1.5,
),
),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(4.0),
borderSide: const BorderSide(
color: Color(0x809E9E9E),
width: 1.5,
),
),
alignLabelWithHint: true,
),
),
),
)
],
),
),
),
Positioned(
left: 16,
top: 860,
child: Container(
width: 343,
height: 56,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(8),
gradient: const LinearGradient(
colors: [Color(0xFF0038F5), Color(0xFF9F02FF)],
),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 115,
top: 14,
child: Text(
'Place a bid',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFFFCFCFC),
fontSize: 20,
fontWeight: FontWeight.bold,
height: 1.4,
),
),
)
],
),
),
),
Positioned(
left: 16,
top: 928,
child: Container(
width: 343,
height: 56,
decoration: BoxDecoration(
border: Border.all(
color: const Color(0xFF0038F5),
),
borderRadius: BorderRadius.circular(8),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 104,
top: 14,
child: Text(
'View artwork',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF222222),
fontSize: 20,
fontWeight: FontWeight.bold,
height: 1.4,
),
),
)
],
),
),
),
Positioned(
left: 32,
top: 1072,
child: Text(
'Live auctions',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF222222),
fontSize: 24,
fontWeight: FontWeight.bold,
letterSpacing: 0.2,
height: 1.3,
),
),
),
Positioned(
left: 16,
top: 1086,
child: Container(
width: 10,
height: 10,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFFFD0025),
borderRadius: BorderRadius.circular(5),
),
),
),
Positioned(
left: 239,
top: 1070,
child: Container(
width: 118,
height: 38,
decoration: BoxDecoration(
border: Border.all(
color: const Color(0xFF888888),
),
borderRadius: BorderRadius.circular(8),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 29,
top: 8,
child: Text(
'View all',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF555555),
fontSize: 16,
height: 1.4,
),
),
)
],
),
),
),
Positioned(
left: 40,
top: 4379,
child: Text(
'Hot bid',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF222222),
fontSize: 24,
fontWeight: FontWeight.bold,
letterSpacing: 0.2,
height: 1.3,
),
),
),
Positioned(
left: 338,
top: 4391,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0R_f98tCvgnMFKROvqbm%2Fb429b2c0-a324-42f5-881b-349bb645f5aa.png',
width: 18,
height: 14,
fit: BoxFit.contain,
),
),
Positioned(
left: 284,
top: 4391,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0R_f98tCvgnMFKROvqbm%2F28ed9913-ad4c-4ef9-bda1-d0a593ed2afc.png',
width: 18,
height: 14,
fit: BoxFit.contain,
),
),
Positioned(
left: 16,
top: 4386,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0R_f98tCvgnMFKROvqbm%2Fcb4d243b-c57e-42cb-9de3-efb51a0cc427.png',
width: 18,
height: 19,
fit: BoxFit.contain,
),
),
Positioned(
left: 16,
top: 4436,
child: ClipRRect(
borderRadius: BorderRadius.circular(28),
clipBehavior: Clip.hardEdge,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0R_f98tCvgnMFKROvqbm%2F1daaa15222e368a6319ca3f54d31dd3e5da1cfb3Rectangle%206.png?alt=media&token=8ac9f93c-7f6e-48fb-a895-17fd99f00e41',
width: 254,
height: 300,
fit: BoxFit.cover,
),
),
),
Positioned(
left: 24,
top: 4747,
child: Text(
'Inside Kings Cross',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF222222),
fontSize: 16,
fontWeight: FontWeight.bold,
height: 1.5,
),
),
),
Positioned(
left: 24,
top: 4775,
child: Text(
'Highest bid',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF555555),
fontSize: 13,
fontWeight: FontWeight.w500,
height: 1.5,
),
),
),
Positioned(
left: 98,
top: 4775,
child: Text(
'1.00ETH',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF333333),
fontSize: 14,
fontWeight: FontWeight.bold,
height: 1.4,
),
),
),
Positioned(
left: 189,
top: 4747,
child: Text(
'2.3 ETH',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF222222),
fontSize: 16,
fontWeight: FontWeight.bold,
height: 1.5,
),
),
),
Positioned(
left: 28,
top: 4695,
child: Container(
width: 30,
height: 30,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(15),
),
),
),
Positioned(
left: 29,
top: 4696,
child: Container(
width: 28,
height: 28,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -4,
top: -6,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0R_f98tCvgnMFKROvqbm%2Fc41137a1f03e64460ce3ec44b2beef1b1e4fcebbimage%201.png?alt=media&token=a1c8a733-9c50-4714-95cf-8cbbbec7c6dd',
width: 54,
height: 36,
fit: BoxFit.cover,
),
)
],
),
),
),
Positioned(
left: 47,
top: 4695,
child: Container(
width: 30,
height: 30,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(15),
),
),
),
Positioned(
left: 48,
top: 4696,
child: Container(
width: 28,
height: 28,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -4,
top: -6,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0R_f98tCvgnMFKROvqbm%2F6d404e2a8e525d04ecdad83f609824a03bcac839image%201.png?alt=media&token=64a18c2c-f90f-487e-883b-41165b058a91',
width: 54,
height: 36,
fit: BoxFit.cover,
),
)
],
),
),
),
Positioned(
left: 66,
top: 4695,
child: Container(
width: 30,
height: 30,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(15),
),
),
),
Positioned(
left: 67,
top: 4696,
child: Container(
width: 28,
height: 28,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -4,
top: -6,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0R_f98tCvgnMFKROvqbm%2F13e119676857190eee513c50f34c31d202eafb75image%201.png?alt=media&token=8016afb7-e9e9-4979-b308-bb614f89c430',
width: 54,
height: 36,
fit: BoxFit.cover,
),
)
],
),
),
),
Positioned(
left: 181,
top: 4742,
child: Container(
width: 78,
height: 32,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
border: Border.all(
color: const Color(0xFFDCDCDC),
),
borderRadius: BorderRadius.circular(34),
),
),
),
Positioned(
left: 282,
top: 4436,
child: SizedBox(
width: 254,
height: 360,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: ClipRRect(
borderRadius: BorderRadius.circular(28),
clipBehavior: Clip.hardEdge,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0R_f98tCvgnMFKROvqbm%2Ffa3476b25d78bf168dcde10148aaaedd3701a4bcRectangle%206.png?alt=media&token=c8405ef6-3db1-4e93-abd6-10d96b6c5437',
width: 254,
height: 300,
fit: BoxFit.cover,
),
),
),
Positioned(
left: 8,
top: 311,
child: Text(
'Inside Kings Cross',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF222222),
fontSize: 16,
fontWeight: FontWeight.bold,
height: 1.5,
),
),
),
Positioned(
left: 8,
top: 339,
child: Text(
'Highest bid',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF555555),
fontSize: 13,
fontWeight: FontWeight.w500,
height: 1.5,
),
),
),
Positioned(
left: 82,
top: 339,
child: Text(
'1.00ETH',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF333333),
fontSize: 14,
fontWeight: FontWeight.bold,
height: 1.4,
),
),
),
Positioned(
left: 173,
top: 311,
child: Text(
'2.3 ETH',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF222222),
fontSize: 16,
fontWeight: FontWeight.bold,
height: 1.5,
),
),
),
Positioned(
left: 12,
top: 259,
child: SizedBox(
width: 31,
height: 30,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Container(
width: 30,
height: 30,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(15),
),
),
),
Positioned(
left: 1,
top: 1,
child: Container(
width: 28,
height: 28,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -4,
top: -6,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0R_f98tCvgnMFKROvqbm%2Fc41137a1f03e64460ce3ec44b2beef1b1e4fcebbimage%201.png?alt=media&token=dac5b15d-d26b-46f5-bd36-e4f6c5a53e1b',
width: 54,
height: 36,
fit: BoxFit.cover,
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 31,
top: 259,
child: SizedBox(
width: 31,
height: 30,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Container(
width: 30,
height: 30,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(15),
),
),
),
Positioned(
left: 1,
top: 1,
child: Container(
width: 28,
height: 28,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -4,
top: -6,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0R_f98tCvgnMFKROvqbm%2F6d404e2a8e525d04ecdad83f609824a03bcac839image%201.png?alt=media&token=93e3b8a0-0fa9-406e-8857-12e0045459be',
width: 54,
height: 36,
fit: BoxFit.cover,
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 50,
top: 259,
child: SizedBox(
width: 31,
height: 30,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Container(
width: 30,
height: 30,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(15),
),
),
),
Positioned(
left: 1,
top: 1,
child: Container(
width: 28,
height: 28,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -4,
top: -6,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0R_f98tCvgnMFKROvqbm%2F13e119676857190eee513c50f34c31d202eafb75image%201.png?alt=media&token=dea03891-a83d-4104-a7ef-cde74fe0d8fb',
width: 54,
height: 36,
fit: BoxFit.cover,
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 165,
top: 306,
child: Container(
width: 78,
height: 32,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
border: Border.all(
color: const Color(0xFFDCDCDC),
),
borderRadius: BorderRadius.circular(34),
),
),
)
],
),
),
),
Positioned(
left: 0,
top: 4821,
child: Container(
width: 375,
height: 652,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(
color: Color(0xFFF8F8F8),
),
),
),
Positioned(
left: 16,
top: 5497,
child: Container(
width: 343,
height: 56,
decoration: BoxDecoration(
border: Border.all(
color: const Color(0xFF0038F5),
),
borderRadius: BorderRadius.circular(8),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 63,
top: 14,
child: Text(
'View more collection',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF222222),
fontSize: 20,
fontWeight: FontWeight.bold,
height: 1.4,
),
),
)
],
),
),
),
Positioned(
left: 281,
top: 5357,
child: Text(
'30 items',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF222222),
fontSize: 16,
fontWeight: FontWeight.bold,
height: 1.5,
),
),
),
Positioned(
left: 270,
top: 5355,
child: Container(
width: 89,
height: 32,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
border: Border.all(
color: const Color(0xFFDCDCDC),
),
borderRadius: BorderRadius.circular(34),
),
),
),
Positioned(
left: 15,
top: 5357,
child: Text(
'Water and sunflower',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF222222),
fontSize: 20,
fontWeight: FontWeight.bold,
height: 1.4,
),
),
),
Positioned(
left: 40,
top: 4854,
child: Text(
'Hot Collection',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF222222),
fontSize: 24,
fontWeight: FontWeight.bold,
letterSpacing: 0.2,
height: 1.3,
),
),
),
Positioned(
left: 12,
top: 4858,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0R_f98tCvgnMFKROvqbm%2F8c307ceb-2e40-4a75-906f-5fc23c51c10f.png',
width: 26,
height: 25,
fit: BoxFit.contain,
),
),
Positioned(
left: 16,
top: 4927,
child: ClipRRect(
borderRadius: BorderRadius.circular(16),
clipBehavior: Clip.hardEdge,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0R_f98tCvgnMFKROvqbm%2F94d88cdf33c1a1421988b755c7d46011735a11f6Rectangle%209.png?alt=media&token=b7442e95-68e9-491f-98c1-fe0f575a1cce',
width: 165,
height: 200,
fit: BoxFit.cover,
),
),
),
Positioned(
left: 16,
top: 5139,
child: ClipRRect(
borderRadius: BorderRadius.circular(16),
clipBehavior: Clip.hardEdge,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0R_f98tCvgnMFKROvqbm%2F12044c016b2178e59e1f40f0b11af5747f603c3eRectangle%2011.png?alt=media&token=80cee965-555b-4710-9e42-ab87a1bb7166',
width: 165,
height: 200,
fit: BoxFit.cover,
),
),
),
Positioned(
left: 194,
top: 4927,
child: ClipRRect(
borderRadius: BorderRadius.circular(16),
clipBehavior: Clip.hardEdge,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0R_f98tCvgnMFKROvqbm%2Ff2d181ae29f3c8f847033d188236eb84223b416fRectangle%2010.png?alt=media&token=34c58b89-21b1-4073-a7b1-76058eeb51a5',
width: 165,
height: 200,
fit: BoxFit.cover,
),
),
),
Positioned(
left: 194,
top: 5139,
child: ClipRRect(
borderRadius: BorderRadius.circular(16),
clipBehavior: Clip.hardEdge,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0R_f98tCvgnMFKROvqbm%2Fcf10f276ac84001e8232a5bf4eb8600076b6036bRectangle%2012.png?alt=media&token=4ed0f3dc-de86-4d8d-af6f-f4c89d28f3fb',
width: 165,
height: 200,
fit: BoxFit.cover,
),
),
),
Positioned(
left: 16,
top: 5407,
child: SizedBox(
width: 135,
height: 32,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: SizedBox(
width: 34,
height: 32,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Container(
width: 31,
height: 31,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(16),
),
),
),
Positioned(
left: 1,
top: 1,
child: Container(
width: 30,
height: 30,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -4,
top: -6,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0R_f98tCvgnMFKROvqbm%2Fc41137a1f03e64460ce3ec44b2beef1b1e4fcebbimage%201.png?alt=media&token=89a061b5-0cd2-496c-9e46-fa738100031a',
width: 57,
height: 38,
fit: BoxFit.cover,
),
)
],
),
),
),
Positioned(
left: 24,
top: 3,
child: Container(
width: 9,
height: 9,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFF009745),
border: Border.all(
color: Colors.white,
),
borderRadius: BorderRadius.circular(5),
),
),
)
],
),
),
),
Positioned(
left: 35,
top: 6,
child: Text(
'By Rodion Kutsaev',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF333333),
fontSize: 13,
fontWeight: FontWeight.bold,
height: 1.5,
),
),
)
],
),
),
),
Positioned(
left: 217,
top: 5404,
child: Container(
width: 141,
height: 40,
decoration: BoxDecoration(
border: Border.all(
color: const Color(0xFF888888),
),
borderRadius: BorderRadius.circular(8),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 30,
top: 9,
child: SizedBox.square(
dimension: 24,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 1,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0R_f98tCvgnMFKROvqbm%2Fa1209483-4ce7-4627-b55a-b427a7d7d7c9.png',
width: 24,
height: 22,
fit: BoxFit.contain,
),
)
],
),
),
),
Positioned(
left: 61,
top: 9,
child: Text(
'Follow',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF555555),
fontSize: 16,
height: 1.4,
),
),
)
],
),
),
),
Positioned(
left: 24,
top: 5577,
child: SizedBox(
width: 327,
height: 1,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Container(
width: 327,
height: 1,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(
color: Color(0xFFDCDCDC),
),
),
)
],
),
),
),
Positioned(
left: 16,
top: 274,
child: Container(
width: 343,
height: 526,
decoration: const BoxDecoration(
boxShadow: [
BoxShadow(
color: Color(0x14000000),
spreadRadius: 0,
offset: Offset(0, 10),
blurRadius: 24,
)
],
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 1,
top: 0,
child: Container(
width: 342,
height: 526,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(32),
),
),
),
Positioned(
left: 12,
top: 11,
child: ClipRRect(
borderRadius: BorderRadius.circular(24),
clipBehavior: Clip.hardEdge,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0R_f98tCvgnMFKROvqbm%2F262000bca8737303642530b30a2e04206d2319f1Rectangle%201.png?alt=media&token=7218c300-ee44-4495-9f36-53680dff378e',
width: 320,
height: 399,
fit: BoxFit.cover,
),
),
),
Positioned(
left: 11,
top: 457,
child: SizedBox(
width: 219,
height: 52,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: SizedBox(
width: 55,
height: 52,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Container(
width: 51,
height: 51,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
borderRadius:
BorderRadius.circular(26),
),
),
),
Positioned(
left: 2,
top: 2,
child: Container(
width: 48,
height: 48,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -7,
top: -10,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0R_f98tCvgnMFKROvqbm%2Fa13407961217e65c1a06e4d9db7c9e79505f01b3image%201.png?alt=media&token=d854a527-2dc2-4eb1-9f9b-9c3e32ba1872',
width: 93,
height: 62,
fit: BoxFit.cover,
),
)
],
),
),
),
Positioned(
left: 40,
top: 5,
child: Container(
width: 14,
height: 14,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFF009745),
border: Border.all(
color: Colors.white,
),
borderRadius:
BorderRadius.circular(7),
),
),
)
],
),
),
),
Positioned(
left: 58,
top: 3,
child: Text(
'Pawel Czerwinski',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF333333),
fontSize: 18,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.6,
),
),
),
Positioned(
left: 58,
top: 25,
child: Text(
'Creator',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF555555),
fontSize: 14,
fontWeight: FontWeight.w500,
letterSpacing: 1,
height: 1.4,
),
),
)
],
),
),
),
Positioned(
left: 12,
top: 421,
child: Text(
'Silent Wave',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF222222),
fontSize: 24,
fontWeight: FontWeight.bold,
letterSpacing: 0.2,
height: 1.3,
),
),
),
Positioned(
left: 297,
top: 472,
child: SizedBox.square(
dimension: 24,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 1,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0R_f98tCvgnMFKROvqbm%2Fcc67f271-f258-4245-b282-31cf7ff17959.png',
width: 24,
height: 22,
fit: BoxFit.contain,
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 15,
top: 819,
child: Text(
'Reserve Price',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF222222),
fontSize: 16,
height: 1.4,
),
),
),
Positioned(
left: 129,
top: 812,
child: Text(
'1.50 ETH',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF222222),
fontSize: 24,
fontWeight: FontWeight.bold,
letterSpacing: 0.2,
height: 1.3,
),
),
),
Positioned(
left: 236,
top: 817,
child: Text(
'\$2,683.73',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF888888),
fontSize: 16,
fontWeight: FontWeight.bold,
height: 1.5,
),
),
),
Positioned(
left: 16,
top: 1130,
child: Container(
width: 343,
height: 526,
decoration: const BoxDecoration(
boxShadow: [
BoxShadow(
color: Color(0x14000000),
spreadRadius: 0,
offset: Offset(0, 10),
blurRadius: 24,
)
],
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 1,
top: 0,
child: Container(
width: 342,
height: 526,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(32),
),
),
),
Positioned(
left: 12,
top: 11,
child: ClipRRect(
borderRadius: BorderRadius.circular(24),
clipBehavior: Clip.hardEdge,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0R_f98tCvgnMFKROvqbm%2F97a2d6f799dc15150e47cf98463a33ffb903375eRectangle%201.png?alt=media&token=e894336c-2bd3-4316-8397-12c3cccc8a4b',
width: 320,
height: 399,
fit: BoxFit.none,
alignment: const Alignment(-1, -0.882),
scale: 1.042,
),
),
),
Positioned(
left: 11,
top: 457,
child: SizedBox(
width: 219,
height: 52,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: SizedBox(
width: 55,
height: 52,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Container(
width: 51,
height: 51,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
borderRadius:
BorderRadius.circular(26),
),
),
),
Positioned(
left: 2,
top: 2,
child: Container(
width: 48,
height: 48,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -7,
top: -10,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0R_f98tCvgnMFKROvqbm%2Fa13407961217e65c1a06e4d9db7c9e79505f01b3image%201.png?alt=media&token=827d9a77-f4ae-42e3-8ef8-8380f0d1bb4b',
width: 93,
height: 62,
fit: BoxFit.cover,
),
)
],
),
),
),
Positioned(
left: 40,
top: 5,
child: Container(
width: 14,
height: 14,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFF009745),
border: Border.all(
color: Colors.white,
),
borderRadius:
BorderRadius.circular(7),
),
),
)
],
),
),
),
Positioned(
left: 58,
top: 3,
child: Text(
'Pawel Czerwinski',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF333333),
fontSize: 18,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.6,
),
),
),
Positioned(
left: 58,
top: 25,
child: Text(
'Creator',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF555555),
fontSize: 14,
fontWeight: FontWeight.w500,
letterSpacing: 1,
height: 1.4,
),
),
)
],
),
),
),
Positioned(
left: 12,
top: 421,
child: Text(
'Silent Color',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF222222),
fontSize: 24,
fontWeight: FontWeight.bold,
letterSpacing: 0.2,
height: 1.3,
),
),
),
Positioned(
left: 297,
top: 472,
child: SizedBox.square(
dimension: 24,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 1,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0R_f98tCvgnMFKROvqbm%2Fac7c6bd6-787f-4ccb-8730-c3641de879e6.png',
width: 24,
height: 22,
fit: BoxFit.contain,
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 16,
top: 1668,
child: Container(
width: 343,
height: 64,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFFFCFCFC),
borderRadius: BorderRadius.circular(51),
),
),
),
Positioned(
left: 89,
top: 1685,
child: Text(
'Sold For',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF555555),
fontSize: 20,
height: 1.4,
),
),
),
Positioned(
left: 175,
top: 1683,
child: Text(
'2.00 ETH',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF555555),
fontSize: 24,
fontWeight: FontWeight.bold,
letterSpacing: 0.2,
height: 1.3,
),
),
),
Positioned(
left: 16,
top: 1772,
child: Container(
width: 343,
height: 526,
decoration: const BoxDecoration(
boxShadow: [
BoxShadow(
color: Color(0x14000000),
spreadRadius: 0,
offset: Offset(0, 10),
blurRadius: 24,
)
],
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 1,
top: 0,
child: Container(
width: 342,
height: 526,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(32),
),
),
),
Positioned(
left: 12,
top: 11,
child: ClipRRect(
borderRadius: BorderRadius.circular(24),
clipBehavior: Clip.hardEdge,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0R_f98tCvgnMFKROvqbm%2Fdf21962dcf886dee29381ed6c4a3fd55deca6241Rectangle%201.png?alt=media&token=aa1edc87-9d04-4aa6-868f-142fd1f9d30b',
width: 320,
height: 399,
fit: BoxFit.cover,
),
),
),
Positioned(
left: 11,
top: 457,
child: SizedBox(
width: 219,
height: 52,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: SizedBox(
width: 55,
height: 52,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Container(
width: 51,
height: 51,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
borderRadius:
BorderRadius.circular(26),
),
),
),
Positioned(
left: 2,
top: 2,
child: Container(
width: 48,
height: 48,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -7,
top: -10,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0R_f98tCvgnMFKROvqbm%2Fa13407961217e65c1a06e4d9db7c9e79505f01b3image%201.png?alt=media&token=58949196-d059-4acb-ac7b-ea48e79265f5',
width: 93,
height: 62,
fit: BoxFit.cover,
),
)
],
),
),
),
Positioned(
left: 40,
top: 5,
child: Container(
width: 14,
height: 14,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFF009745),
border: Border.all(
color: Colors.white,
),
borderRadius:
BorderRadius.circular(7),
),
),
)
],
),
),
),
Positioned(
left: 58,
top: 3,
child: Text(
'Pawel Czerwinski',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF333333),
fontSize: 18,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.6,
),
),
),
Positioned(
left: 58,
top: 25,
child: Text(
'Creator',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF555555),
fontSize: 14,
fontWeight: FontWeight.w500,
letterSpacing: 1,
height: 1.4,
),
),
)
],
),
),
),
Positioned(
left: 12,
top: 421,
child: Text(
'George',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF222222),
fontSize: 24,
fontWeight: FontWeight.bold,
letterSpacing: 0.2,
height: 1.3,
),
),
),
Positioned(
left: 297,
top: 472,
child: SizedBox.square(
dimension: 24,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 1,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0R_f98tCvgnMFKROvqbm%2Ff0491c67-dee1-4539-8c39-07a0af1ce8a0.png',
width: 24,
height: 22,
fit: BoxFit.contain,
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 16,
top: 2310,
child: Container(
width: 343,
height: 64,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFFFCFCFC),
borderRadius: BorderRadius.circular(51),
),
),
),
Positioned(
left: 89,
top: 2327,
child: Text(
'Sold For',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF555555),
fontSize: 20,
height: 1.4,
),
),
),
Positioned(
left: 175,
top: 2325,
child: Text(
'2.00 ETH',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF555555),
fontSize: 24,
fontWeight: FontWeight.bold,
letterSpacing: 0.2,
height: 1.3,
),
),
),
Positioned(
left: 16,
top: 2414,
child: Container(
width: 343,
height: 526,
decoration: const BoxDecoration(
boxShadow: [
BoxShadow(
color: Color(0x14000000),
spreadRadius: 0,
offset: Offset(0, 10),
blurRadius: 24,
)
],
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 1,
top: 0,
child: Container(
width: 342,
height: 526,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(32),
),
),
),
Positioned(
left: 12,
top: 11,
child: ClipRRect(
borderRadius: BorderRadius.circular(24),
clipBehavior: Clip.hardEdge,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0R_f98tCvgnMFKROvqbm%2F13b056ebc370e3393685a85c442e49924e019b43Rectangle%201.png?alt=media&token=9827a6ce-375f-4692-9c5e-caf600a1d0b6',
width: 320,
height: 399,
fit: BoxFit.none,
alignment: const Alignment(-0.296, -0.355),
scale: 1.296,
),
),
),
Positioned(
left: 11,
top: 457,
child: SizedBox(
width: 219,
height: 52,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: SizedBox(
width: 55,
height: 52,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Container(
width: 51,
height: 51,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
borderRadius:
BorderRadius.circular(26),
),
),
),
Positioned(
left: 2,
top: 2,
child: Container(
width: 48,
height: 48,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -7,
top: -10,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0R_f98tCvgnMFKROvqbm%2Fa13407961217e65c1a06e4d9db7c9e79505f01b3image%201.png?alt=media&token=e54fbb9f-4c56-4854-a8bd-44385e2429ce',
width: 93,
height: 62,
fit: BoxFit.cover,
),
)
],
),
),
),
Positioned(
left: 40,
top: 5,
child: Container(
width: 14,
height: 14,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFF009745),
border: Border.all(
color: Colors.white,
),
borderRadius:
BorderRadius.circular(7),
),
),
)
],
),
),
),
Positioned(
left: 58,
top: 3,
child: Text(
'Pawel Czerwinski',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF333333),
fontSize: 18,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.6,
),
),
),
Positioned(
left: 58,
top: 25,
child: Text(
'Creator',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF555555),
fontSize: 14,
fontWeight: FontWeight.w500,
letterSpacing: 1,
height: 1.4,
),
),
)
],
),
),
),
Positioned(
left: 12,
top: 421,
child: Text(
'Mirror',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF222222),
fontSize: 24,
fontWeight: FontWeight.bold,
letterSpacing: 0.2,
height: 1.3,
),
),
),
Positioned(
left: 297,
top: 472,
child: SizedBox.square(
dimension: 24,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 1,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0R_f98tCvgnMFKROvqbm%2F51c43b19-6aaa-4215-9beb-71fda67dbf32.png',
width: 24,
height: 22,
fit: BoxFit.contain,
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 16,
top: 2952,
child: Container(
width: 343,
height: 64,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFFFCFCFC),
border: Border.all(
color: const Color(0xFF333333),
),
borderRadius: BorderRadius.circular(51),
boxShadow: const [
BoxShadow(
color: Color(0x0F454545),
spreadRadius: 0,
offset: Offset(0, 8),
blurRadius: 24,
)
],
),
),
),
Positioned(
left: 60,
top: 2960,
child: Text(
'Current bid',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF555555),
fontSize: 16,
height: 1.4,
),
),
),
Positioned(
left: 223,
top: 2960,
child: Text(
'Ending in',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF555555),
fontSize: 16,
height: 1.4,
),
),
),
Positioned(
left: 59,
top: 2978,
child: Text(
'2.00 ETH',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF222222),
fontSize: 20,
fontWeight: FontWeight.bold,
height: 1.4,
),
),
),
Positioned(
left: 222,
top: 2978,
child: Text(
'27m 30s',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF222222),
fontSize: 20,
fontWeight: FontWeight.bold,
height: 1.4,
),
),
),
Positioned(
left: 50,
top: 2968,
child: Container(
width: 6,
height: 6,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFF009745),
borderRadius: BorderRadius.circular(3),
),
),
),
Positioned(
left: 16,
top: 3056,
child: Container(
width: 343,
height: 526,
decoration: const BoxDecoration(
boxShadow: [
BoxShadow(
color: Color(0x14000000),
spreadRadius: 0,
offset: Offset(0, 10),
blurRadius: 24,
)
],
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 1,
top: 0,
child: Container(
width: 342,
height: 526,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(32),
),
),
),
Positioned(
left: 12,
top: 11,
child: ClipRRect(
borderRadius: BorderRadius.circular(24),
clipBehavior: Clip.hardEdge,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0R_f98tCvgnMFKROvqbm%2F627813b40a10fdf152c178bff8e3dd6f8691be26Rectangle%201.png?alt=media&token=0072f59d-0a43-46be-a530-449ff7cf310a',
width: 320,
height: 399,
fit: BoxFit.cover,
),
),
),
Positioned(
left: 11,
top: 457,
child: SizedBox(
width: 219,
height: 52,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: SizedBox(
width: 55,
height: 52,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Container(
width: 51,
height: 51,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
borderRadius:
BorderRadius.circular(26),
),
),
),
Positioned(
left: 2,
top: 2,
child: Container(
width: 48,
height: 48,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -7,
top: -10,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0R_f98tCvgnMFKROvqbm%2Fa13407961217e65c1a06e4d9db7c9e79505f01b3image%201.png?alt=media&token=11146371-e49c-49ef-a6cb-b7b0dfcf5966',
width: 93,
height: 62,
fit: BoxFit.cover,
),
)
],
),
),
),
Positioned(
left: 40,
top: 5,
child: Container(
width: 14,
height: 14,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFF009745),
border: Border.all(
color: Colors.white,
),
borderRadius:
BorderRadius.circular(7),
),
),
)
],
),
),
),
Positioned(
left: 58,
top: 3,
child: Text(
'Pawel Czerwinski',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF333333),
fontSize: 18,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.6,
),
),
),
Positioned(
left: 58,
top: 25,
child: Text(
'Creator',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF555555),
fontSize: 14,
fontWeight: FontWeight.w500,
letterSpacing: 1,
height: 1.4,
),
),
)
],
),
),
),
Positioned(
left: 12,
top: 421,
child: Text(
'Magic Mar',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFFFCFCFC),
fontSize: 24,
fontWeight: FontWeight.bold,
letterSpacing: 0.2,
height: 1.3,
),
),
),
Positioned(
left: 297,
top: 472,
child: SizedBox.square(
dimension: 24,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 1,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0R_f98tCvgnMFKROvqbm%2F727915f5-0945-41f4-b78d-cd09e6e66ed0.png',
width: 24,
height: 22,
fit: BoxFit.contain,
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 16,
top: 3594,
child: Container(
width: 343,
height: 64,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFFFCFCFC),
border: Border.all(
color: const Color(0xFF333333),
),
borderRadius: BorderRadius.circular(51),
boxShadow: const [
BoxShadow(
color: Color(0x0F454545),
spreadRadius: 0,
offset: Offset(0, 8),
blurRadius: 24,
)
],
),
),
),
Positioned(
left: 60,
top: 3602,
child: Text(
'Current bid',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF555555),
fontSize: 16,
height: 1.4,
),
),
),
Positioned(
left: 223,
top: 3602,
child: Text(
'Ending in',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF555555),
fontSize: 16,
height: 1.4,
),
),
),
Positioned(
left: 59,
top: 3620,
child: Text(
'2.00 ETH',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF222222),
fontSize: 20,
fontWeight: FontWeight.bold,
height: 1.4,
),
),
),
Positioned(
left: 222,
top: 3620,
child: Text(
'27m 30s',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF222222),
fontSize: 20,
fontWeight: FontWeight.bold,
height: 1.4,
),
),
),
Positioned(
left: 50,
top: 3610,
child: Container(
width: 6,
height: 6,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFF009745),
borderRadius: BorderRadius.circular(3),
),
),
),
Positioned(
left: 16,
top: 3698,
child: Container(
width: 343,
height: 526,
decoration: const BoxDecoration(
boxShadow: [
BoxShadow(
color: Color(0x14000000),
spreadRadius: 0,
offset: Offset(0, 10),
blurRadius: 24,
)
],
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 1,
top: 0,
child: Container(
width: 342,
height: 526,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(32),
),
),
),
Positioned(
left: 12,
top: 11,
child: ClipRRect(
borderRadius: BorderRadius.circular(24),
clipBehavior: Clip.hardEdge,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0R_f98tCvgnMFKROvqbm%2Fc3a04ccd8e8667edabd0fb639cf6e7a45ced9172Rectangle%201.png?alt=media&token=1f9f7e48-1a9b-4069-8082-27c246f38d32',
width: 320,
height: 399,
fit: BoxFit.cover,
),
),
),
Positioned(
left: 11,
top: 457,
child: SizedBox(
width: 219,
height: 52,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: SizedBox(
width: 55,
height: 52,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Container(
width: 51,
height: 51,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
borderRadius:
BorderRadius.circular(26),
),
),
),
Positioned(
left: 2,
top: 2,
child: Container(
width: 48,
height: 48,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -7,
top: -10,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0R_f98tCvgnMFKROvqbm%2Fa13407961217e65c1a06e4d9db7c9e79505f01b3image%201.png?alt=media&token=6909b70e-700d-4349-b824-d9b29373bdba',
width: 93,
height: 62,
fit: BoxFit.cover,
),
)
],
),
),
),
Positioned(
left: 40,
top: 5,
child: Container(
width: 14,
height: 14,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFF009745),
border: Border.all(
color: Colors.white,
),
borderRadius:
BorderRadius.circular(7),
),
),
)
],
),
),
),
Positioned(
left: 58,
top: 3,
child: Text(
'Pawel Czerwinski',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF333333),
fontSize: 18,
fontWeight: FontWeight.bold,
letterSpacing: 1,
height: 1.6,
),
),
),
Positioned(
left: 58,
top: 25,
child: Text(
'Creator',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF555555),
fontSize: 14,
fontWeight: FontWeight.w500,
letterSpacing: 1,
height: 1.4,
),
),
)
],
),
),
),
Positioned(
left: 12,
top: 421,
child: Text(
'Shedd Aquarium',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF222222),
fontSize: 24,
fontWeight: FontWeight.bold,
letterSpacing: 0.2,
height: 1.3,
),
),
),
Positioned(
left: 297,
top: 472,
child: SizedBox.square(
dimension: 24,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 1,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0R_f98tCvgnMFKROvqbm%2Fc05a9262-d24e-47c1-bffb-2b27f81d0cc2.png',
width: 24,
height: 22,
fit: BoxFit.contain,
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 16,
top: 4236,
child: Container(
width: 343,
height: 64,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFFFCFCFC),
border: Border.all(
color: const Color(0xFF333333),
),
borderRadius: BorderRadius.circular(51),
boxShadow: const [
BoxShadow(
color: Color(0x0F454545),
spreadRadius: 0,
offset: Offset(0, 8),
blurRadius: 24,
)
],
),
),
),
Positioned(
left: 60,
top: 4244,
child: Text(
'Current bid',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF555555),
fontSize: 16,
height: 1.4,
),
),
),
Positioned(
left: 223,
top: 4244,
child: Text(
'Ending in',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF555555),
fontSize: 16,
height: 1.4,
),
),
),
Positioned(
left: 59,
top: 4262,
child: Text(
'2.00 ETH',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF222222),
fontSize: 20,
fontWeight: FontWeight.bold,
height: 1.4,
),
),
),
Positioned(
left: 222,
top: 4262,
child: Text(
'27m 30s',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF222222),
fontSize: 20,
fontWeight: FontWeight.bold,
height: 1.4,
),
),
),
Positioned(
left: 16,
top: 50,
child: SizedBox(
width: 343,
height: 56,
child: Stack(
clipBehavior: Clip.none,
children: [
const Positioned(
left: 319,
top: 21,
child: SizedBox.square(
dimension: 24,
),
),
Positioned(
left: 0,
top: 17,
child: SizedBox(
width: 140,
height: 37,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -5,
top: -15,
child: Text(
'open',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF222222),
fontSize: 38,
fontWeight: FontWeight.w300,
letterSpacing: -3,
height: 1.6,
),
),
),
Positioned(
left: 88,
top: 7,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0R_f98tCvgnMFKROvqbm%2Fb8a81a79-92fd-45b1-9558-ac5fb3d3a768.png',
width: 52,
height: 24,
fit: BoxFit.contain,
),
)
],
),
),
)
],
),
),
),
Positioned(
left: -1,
top: 5662,
child: SizedBox(
width: 377,
height: 664,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 18,
top: 73,
child: SizedBox(
height: 36,
child: RichText(
textAlign: TextAlign.center,
text: TextSpan(
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF222222),
fontSize: 26,
fontWeight: FontWeight.bold,
letterSpacing: 0.3,
height: 1.3,
),
children: [
TextSpan(
text: 'Th',
style: GoogleFonts.getFont(
'Epilogue',
fontWeight: FontWeight.w200,
),
),
TextSpan(
text: 'e',
style: GoogleFonts.getFont(
'Epilogue',
fontWeight: FontWeight.w200,
letterSpacing: -4.2,
),
),
const TextSpan(text: ' '),
TextSpan(
text: 'New',
style: GoogleFonts.getFont(
'Epilogue',
fontWeight: FontWeight.w300,
),
),
const TextSpan(
text: ' ',
style: TextStyle(
letterSpacing: -3.4,
),
),
TextSpan(
text: 'Creative',
style: GoogleFonts.getFont(
'Epilogue',
fontWeight: FontWeight.w500,
),
),
const TextSpan(
text: ' ',
style: TextStyle(
letterSpacing: -3.1,
),
),
const TextSpan(text: 'Economy')
],
),
),
),
),
Positioned(
left: 18,
top: 137,
child: Container(
width: 343,
height: 56,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(8),
gradient: const LinearGradient(
colors: [Color(0xFF0038F5), Color(0xFF9F02FF)],
),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 124,
top: 14,
child: Text(
'Earn now',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFFFCFCFC),
fontSize: 20,
fontWeight: FontWeight.bold,
height: 1.4,
),
),
)
],
),
),
),
Positioned(
left: 18,
top: 209,
child: Container(
width: 343,
height: 56,
decoration: BoxDecoration(
border: Border.all(
color: const Color(0xFF0038F5),
),
borderRadius: BorderRadius.circular(8),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 97,
top: 14,
child: Text(
'Discover more',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF555555),
fontSize: 20,
fontWeight: FontWeight.bold,
height: 1.4,
),
),
)
],
),
),
),
Positioned(
left: 0,
top: 354,
child: Container(
width: 377,
height: 310,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(
color: Color(0xFF222222),
),
),
),
Positioned(
left: 2,
top: 585,
child: SizedBox(
width: 375,
height: 1,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Container(
width: 375,
height: 1,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(
color: Color(0xFFDCDCDC),
),
),
)
],
),
),
),
Positioned(
left: 17,
top: 378,
child: Text(
'Instagram\r\nTwitter\r\nDiscord\r\nBlog\r\n',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFFF8F8F8),
fontSize: 16,
height: 2.1,
),
),
),
Positioned(
left: 195,
top: 378,
child: Text(
'About\r\nCommunity Guidelines\r\nTerms of Service\r\nPrivacy\r\nCareers\r\nHelp',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFFF8F8F8),
fontSize: 16,
height: 2.1,
),
),
),
Positioned(
left: 18,
top: 615,
child: Text(
'© 2021 Openart',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFFF0F0F0),
fontSize: 13,
fontWeight: FontWeight.w500,
height: 1.5,
),
),
),
Positioned(
left: 97,
top: 23,
child: SizedBox(
width: 177,
height: 47,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 1,
top: 0,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0R_f98tCvgnMFKROvqbm%2F4b8eff7d-8a58-4ec3-8d9b-937407892a08.png',
width: 176,
height: 46,
fit: BoxFit.contain,
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 0,
top: 0,
child: Container(
width: 375,
height: 44,
color: const Color(0xFFFCFCFC),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 30,
top: 16,
child: Text(
'9:41',
style: GoogleFonts.getFont(
'Epilogue',
color: const Color(0xFF222222),
fontSize: 16,
fontWeight: FontWeight.w500,
height: 1,
),
),
),
Positioned(
left: 168,
top: 16,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0R_f98tCvgnMFKROvqbm%2F7c0cc313-bffe-43b7-bcc3-f1ad447feed4.png',
width: 38,
height: 12,
fit: BoxFit.contain,
),
),
Positioned(
left: 332,
top: 18,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0R_f98tCvgnMFKROvqbm%2F5a0c9d19-1b78-43f1-b0c3-a76e2735ece8.png',
width: 27,
height: 13,
fit: BoxFit.contain,
),
)
],
),
),
)
],
),
),
);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment