diff --git a/assets/profile.jpg b/assets/profile.jpg new file mode 100644 index 00000000..e9f8d79c Binary files /dev/null and b/assets/profile.jpg differ diff --git a/lib/main.dart b/lib/main.dart new file mode 100644 index 00000000..edddfe5e --- /dev/null +++ b/lib/main.dart @@ -0,0 +1,325 @@ +import 'package:flutter/material.dart'; +import 'package:font_awesome_flutter/font_awesome_flutter.dart'; +import 'package:google_fonts/google_fonts.dart'; + + +void main() { + runApp(const MyApp()); +} + +class MyApp extends StatelessWidget { + const MyApp({Key? key}) : super(key: key); + + @override + Widget build(BuildContext context) { + return MaterialApp( + debugShowCheckedModeBanner: false, + title: 'Flutter Demo', + theme: ThemeData( + primarySwatch: Colors.blue, + ), + home: const MyHomePage(), + ); + } +} + +class MyHomePage extends StatefulWidget { + const MyHomePage({Key? key}) : super(key: key); + + @override + _MyHomePageState createState() => _MyHomePageState(); +} + +class _MyHomePageState extends State { + @override + Widget build(BuildContext context) { + return Scaffold(resizeToAvoidBottomInset: false, + backgroundColor: const Color(0xFFF5F5F5), + appBar: AppBar( + backgroundColor: Colors.transparent, + elevation: 0, + leading: IconButton( + onPressed: () {}, + icon: const Icon(Icons.arrow_back_ios), + color:const Color(0xff291C5F), + ), + + title : Column( + children:[ Row( + children: const [ + Text( + "MyProfile", + style: TextStyle(color: Colors.black), + )], + )], + ), + ), + + body:SingleChildScrollView( child: Column( + children: [ + Padding( + padding: const EdgeInsets.only(top: 30), + child: Stack( + children: [ + Center( + child: Padding( + padding: + const EdgeInsets.only(left: 10, right: 10, top: 60), + child: Container( + width: 380, + height: 150, + decoration: const BoxDecoration( + borderRadius: BorderRadius.all( + Radius.circular(10), + ), + + gradient: LinearGradient( + begin: Alignment.topLeft, + end: Alignment.bottomRight, + colors: [ + Color(0xFFEF9A9A), + Color(0xFFEF9A9A) + ] + ), + boxShadow: [ + BoxShadow(color: Color(0xFFE57373), + blurRadius: 6, + offset: Offset(3, 2)) + ] + ), + child: Padding( + padding: const EdgeInsets.only( + left: 190, top: 20, bottom: 40, right: 10), + child: Column( + children: [ + Row( + children: [ + Text( + "Drishya Damodaran", + style: GoogleFonts.merriweather(textStyle: const TextStyle(fontSize: 16,fontWeight: FontWeight.w900, color:Colors.white,),) ), + + ], + ), + const Spacer( + flex: 1, + ), + Row( + children: [ + Expanded( child: + Text( + "Software Developer", + style: GoogleFonts.ubuntu(textStyle: const TextStyle(fontSize: 13,fontWeight: FontWeight.w600,color: Colors.white)), + ), + ), + ], + ), + const Spacer( + flex: 1, + ), + Row( + children: [ + Expanded( child: + Text( + "Entrepreneur", + style: GoogleFonts.ubuntu(textStyle: const TextStyle(fontSize: 13,fontWeight: FontWeight.w600,color: Colors.white)), + ), + ), + ], + ), + const Spacer( + flex: 2, + ) + ], + ), + ), + ), + ), + ), + Padding( + padding: const EdgeInsets.only(left: 45, top: 35), + child: Container( + width: 125, + height: 150, + decoration: const BoxDecoration( + borderRadius: BorderRadius.all(Radius.circular(360) + + ), + color: Colors.teal, + image: DecorationImage( + image: AssetImage('assets/profile.jpg'), + fit: BoxFit.cover), + boxShadow: [ + BoxShadow( + color: Colors.black54, + blurRadius: 8, + offset: Offset(2, 2), + ) + ], + ), + ), + ), + Padding( + padding: const EdgeInsets.only(left: 200, top: 160), + child: Container( + height: 35, + width: 80, + decoration: const BoxDecoration( + borderRadius: BorderRadius.all( + Radius.circular(5), + ), + + color: Color(0xFFE57373), + ), + child: Center( + child: Text( + 'Hire me', + style: GoogleFonts.ubuntu(textStyle: const TextStyle(fontSize: 14,fontWeight: FontWeight.w800,color: Colors.white,letterSpacing: .5), + ), + ), + ), + ), + ), + const Spacer( + flex: 1, + ), + ], + ), + ), + Stack( + children: [ + Padding( + padding: const EdgeInsets.only(top: 25), + child: Center( + child: Container( + height: 350, + width: 380, + decoration: const BoxDecoration( + borderRadius: BorderRadius.all( + Radius.circular(10), + ), + color: Colors.white, + boxShadow: [ + BoxShadow( + color: Colors.black12, + blurRadius: 14, + offset: Offset(0, 4), + ) + ], + ), + ), + ), + ), + SizedBox( + height: 400, + width: double.infinity, + + child: Padding( + padding: const EdgeInsets.all(15), + child: Padding( + padding: const EdgeInsets.all(15), + child: Column( + children: [ + const Spacer( + flex: 3, + ), + Row( + children: [ + Text( + 'About me', + style: GoogleFonts.ubuntu(textStyle: const TextStyle(fontSize: 15,fontWeight: FontWeight.w600,color: Colors.black45)), + ), + ], + ), + const Spacer(), + Row( + children: [ + Expanded( + child: Text( + '“I graduated with my degree in Computer Engineering two months ago. I chose that field of study because I’ve always been interested in technology and development, and it leads to great career options, too.”', + textAlign: TextAlign.justify, + overflow: TextOverflow.ellipsis, + maxLines: 6, + + style: GoogleFonts.lato(textStyle: const TextStyle(fontSize: 15,fontWeight: FontWeight.w600,fontStyle:FontStyle.italic, color: Color(0xff291C5F),letterSpacing: 0.5),), + ), + ), + ], + ), + const Spacer( + flex: 2, + ), + Row( + children: [ + Text( + 'Phone', + style: GoogleFonts.ubuntu(textStyle: const TextStyle(fontSize: 15,fontWeight: FontWeight.w600,color: Colors.black45),), + ), + ], + ), + const Spacer(), + Row( + children: [ + Text( + '+16310856866', + style: GoogleFonts.lato(textStyle: const TextStyle(fontSize: 15,fontWeight: FontWeight.w800,color: Color(0xff291C5F),letterSpacing: 0.5),), + ), + ], + ), + const Spacer( + flex: 2, + ), + Row( + children: [ + Text( + 'Address', + style: GoogleFonts.ubuntu(textStyle: const TextStyle(fontSize: 15,fontWeight: FontWeight.w600,color: Colors.black45)), + ), + ], + ), + const Spacer(), + Row( + children: [ + Text( + '117, Main Street, New York', + style: GoogleFonts.lato(textStyle: const TextStyle(fontSize: 15,fontWeight: FontWeight.w800,color: Color(0xff291C5F),letterSpacing: 0.5),), + ), + ], + ), + const Spacer( + flex: 3, + ), + ], + ), + ), + ), + ), + ], + ), + ], + ), + ), + bottomNavigationBar: BottomNavigationBar( + elevation:0, + backgroundColor:Colors.white, + unselectedItemColor: Colors.black26, + selectedItemColor: const Color(0xFFEF9A9A), + type: BottomNavigationBarType.fixed, + currentIndex: 0, + items: const [ + BottomNavigationBarItem( + icon: FaIcon( + FontAwesomeIcons.userAlt, + ), + label: 'Profile', + ), + BottomNavigationBarItem( + icon: FaIcon( + FontAwesomeIcons.audible, + ), + label: 'Feed', + ), + ], + ), + ); + } +} diff --git a/portfolio.png b/portfolio.png new file mode 100644 index 00000000..cae96cf1 Binary files /dev/null and b/portfolio.png differ diff --git a/pubspec.yaml b/pubspec.yaml new file mode 100644 index 00000000..9ca9e5ae --- /dev/null +++ b/pubspec.yaml @@ -0,0 +1,89 @@ +name: app +description: A new Flutter project. + +# The following line prevents the package from being accidentally published to +# pub.dev using `flutter pub publish`. This is preferred for private packages. +publish_to: "none" # Remove this line if you wish to publish to pub.dev + +# The following defines the version and build number for your application. +# A version number is three numbers separated by dots, like 1.2.43 +# followed by an optional build number separated by a +. +# Both the version and the builder number may be overridden in flutter +# build by specifying --build-name and --build-number, respectively. +# In Android, build-name is used as versionName while build-number used as versionCode. +# Read more about Android versioning at https://developer.android.com/studio/publish/versioning +# In iOS, build-name is used as CFBundleShortVersionString while build-number used as CFBundleVersion. +# Read more about iOS versioning at +# https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html +version: 1.0.0+1 + +environment: + sdk: ">=2.12.0 <3.0.0" + +# Dependencies specify other packages that your package needs in order to work. +# To automatically upgrade your package dependencies to the latest versions +# consider running `flutter pub upgrade --major-versions`. Alternatively, +# dependencies can be manually updated by changing the version numbers below to +# the latest version available on pub.dev. To see which dependencies have newer +# versions available, run `flutter pub outdated`. +dependencies: + flutter: + sdk: flutter + + # The following adds the Cupertino Icons font to your application. + # Use with the CupertinoIcons class for iOS style icons. + cupertino_icons: ^1.0.2 + google_fonts: ^2.1.0 + +dev_dependencies: + flutter_test: + sdk: flutter + + # The "flutter_lints" package below contains a set of recommended lints to + # encourage good coding practices. The lint set provided by the package is + # activated in the `analysis_options.yaml` file located at the root of your + # package. See that file for information about deactivating specific lint + # rules and activating additional ones. + flutter_lints: ^1.0.0 + font_awesome_flutter: ^9.1.0 + icofont_flutter: ^1.4.0 + +# For information on the generic Dart part of this file, see the +# following page: https://dart.dev/tools/pub/pubspec + +# The following section is specific to Flutter. +flutter: + # The following line ensures that the Material Icons font is + # included with your application, so that you can use the icons in + # the material Icons class. + uses-material-design: true + + # To add assets to your application, add an assets section, like this: + assets: + - assets/profile.jpg + + # An image asset can refer to one or more resolution-specific "variants", see + # https://flutter.dev/assets-and-images/#resolution-aware. + + # For details regarding adding assets from package dependencies, see + # https://flutter.dev/assets-and-images/#from-packages + + # To add custom fonts to your application, add a fonts section here, + # in this "flutter" section. Each entry in this list should have a + # "family" key with the font family name, and a "fonts" key with a + # list giving the asset and other descriptors for the font. For + # example: + # fonts: + # - family: Schyler + # fonts: + # - asset: fonts/Schyler-Regular.ttf + # - asset: fonts/Schyler-Italic.ttf + # style: italic + # - family: Trajan Pro + # fonts: + # - asset: fonts/TrajanPro.ttf + # - asset: fonts/TrajanPro_Bold.ttf + # weight: 700 + # + # For details regarding fonts from package dependencies, + # see https://flutter.dev/custom-fonts/#from-packages