Skip to content

Instantly share code, notes, and snippets.

@rayliverified
Created December 31, 2024 15:32
Show Gist options
  • Save rayliverified/bccfc9725da1fb42f5017145872bed05 to your computer and use it in GitHub Desktop.
Save rayliverified/bccfc9725da1fb42f5017145872bed05 to your computer and use it in GitHub Desktop.
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: GovSignIn(),
),
);
}
}
class GovSignIn extends StatelessWidget {
const GovSignIn({super.key});
@override
Widget build(BuildContext context) {
return Container(
width: 428,
height: 926,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(
color: Colors.white,
),
child: SizedBox(
width: double.infinity,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Container(
width: 428,
height: 926,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(
color: Color(0xFFE9F0EA),
),
),
),
Positioned(
left: 65,
top: 767,
child: SizedBox(
width: 289,
height: 53,
child: RichText(
textAlign: TextAlign.center,
text: TextSpan(
style: GoogleFonts.getFont(
'Almarai',
color: const Color(0xFF2F2E41),
fontSize: 16,
),
children: [
const TextSpan(text: 'طلب إضافة جهة حكومية؟\n '),
TextSpan(
text: 'إضافة جهة حكومية جديدة الآن!\n',
style: GoogleFonts.getFont(
'Almarai',
color: const Color(0xFF2A8132),
fontWeight: FontWeight.bold,
decoration: TextDecoration.underline,
),
)
],
),
),
),
),
Positioned(
left: 136,
top: 378,
child: Text(
'الجهات الحكومية',
style: GoogleFonts.getFont(
'Almarai',
color: Colors.black,
fontSize: 20,
fontWeight: FontWeight.bold,
),
),
),
Positioned(
left: 125,
top: 406,
child: ClipRRect(
borderRadius: BorderRadius.circular(5),
clipBehavior: Clip.hardEdge,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RkZBkmF_lKAtrcXmXF2%2F03390284-5261-4e5b-92e1-2f02a9dc224d.png',
width: 169,
height: 2,
fit: BoxFit.contain,
),
),
),
Positioned(
left: 42,
top: 624,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RkZBkmF_lKAtrcXmXF2%2F6f8c0e3c-a018-4237-a423-57c70958455e.png',
width: 345,
height: 57,
fit: BoxFit.contain,
),
),
Positioned(
left: 125,
top: 638,
child: SizedBox(
width: 170,
height: 32,
child: Text(
'تأكيد الدُخول',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Almarai',
color: Colors.white,
fontSize: 24,
fontWeight: FontWeight.w800,
),
),
),
),
Positioned(
left: 26,
top: 707,
child: SizedBox(
width: 144,
height: 18,
child: Text(
'هل نَسيت كلمة المرور ؟',
style: GoogleFonts.getFont(
'Almarai',
color: const Color(0xFF2F2E41),
fontSize: 14,
),
),
),
),
Positioned(
left: 362,
top: 462,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RkZBkmF_lKAtrcXmXF2%2F5b1e39d4-1ad2-4fe1-b4ad-59d5c1e95861.png',
width: 24,
height: 23,
fit: BoxFit.contain,
),
),
Positioned(
left: 20,
top: 445,
child: Container(
width: 390,
height: 59,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
border: Border.all(
width: 2,
color: const Color(0xFF2A8132),
),
borderRadius: BorderRadius.circular(30),
),
),
),
Positioned(
left: 141,
top: 464,
child: Text(
'البريد الإلكتروني/ إسم المستخدم',
style: GoogleFonts.getFont(
'Almarai',
color: const Color(0x6B000000),
fontSize: 16,
),
),
),
Positioned(
left: 37,
top: 558,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RkZBkmF_lKAtrcXmXF2%2Fba48b5dc-45d1-4f61-a621-358d8255ea1d.png',
width: 19,
height: 13,
fit: BoxFit.contain,
),
),
Positioned(
left: 354,
top: 549,
child: Container(
width: 30,
height: 30,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 10,
top: 4,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RkZBkmF_lKAtrcXmXF2%2Fb10a41a4-000c-4ca9-8666-3d9e489664c5.png',
width: 20,
height: 26,
fit: BoxFit.contain,
),
)
],
),
),
),
Positioned(
left: 20,
top: 534,
child: Container(
width: 390,
height: 60,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
border: Border.all(
width: 2,
color: const Color(0xFF2A8132),
),
borderRadius: BorderRadius.circular(30),
),
),
),
Positioned(
left: 271,
top: 556,
child: Text(
'كلمة المرور',
style: GoogleFonts.getFont(
'Almarai',
color: const Color(0x6B000000),
fontSize: 15,
),
),
),
Positioned(
left: 127,
top: 67,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RkZBkmF_lKAtrcXmXF2%2Fbd1b913b4d97a6fcc837a15022dc4de7e8684c49NMU_Logo%201.png?alt=media&token=f0895ddf-5c7b-477b-aaa0-348d8fc96178',
width: 162,
height: 166,
fit: BoxFit.cover,
),
),
Positioned(
left: 0,
top: 0,
child: Container(
width: 428,
height: 42,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(
color: Color(0xFF525452),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 22,
top: 13,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RkZBkmF_lKAtrcXmXF2%2F20fa38b8-2fb0-4797-a5a3-9363d721fc59.png',
width: 383,
height: 15,
fit: BoxFit.contain,
),
)
],
),
),
),
Positioned(
left: 177,
top: 301,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RkZBkmF_lKAtrcXmXF2%2Fde6ac540-c422-44b1-8319-170348f42388.png',
width: 63,
height: 62,
fit: BoxFit.contain,
),
)
],
),
),
);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment