Flutter fiverr

Dna page

import 'package:flutter/material.dart';
import 'package:myjob/pages/GetStartedPage.dart';
import '../utils/WidgetUtil.dart';
import 'dart:async';

class DnaTestPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        decoration: getAppBackground(),
        child: ListView(
          children: <Widget>[
            SizedBox(
              height: 50,
            ),
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              crossAxisAlignment: CrossAxisAlignment.center,
              children: <Widget>[
                Image.asset('assets/logo.png', height: 80.0, width: 80.0),
              ],
            ),
            SizedBox(
              height: 50,
            ),
            buildMainText(),
            SizedBox(
              height: 80,
            ),
            Align(
              child: SizedBox(
                width: 270,
                height: 50,
                child: FlatButton(
                  onPressed: () async {},
                  child: Text("Contact Us",
                      style: TextStyle(
                          fontWeight: FontWeight.bold,
                          fontSize: 18.0,
                          color: Colors.black54)),
                  color: Colors.white,
                  shape: RoundedRectangleBorder(
                      borderRadius: BorderRadius.circular(30)),
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }

  Padding buildMainText() {
    return Padding(
      padding: EdgeInsets.all(20),
      child: Text(
        "Do not know what is your strength and weaknesses? Know Your Biological gene and manage your strength by explore DNA Test today !",
        style: TextStyle(
          color: Colors.white,
          fontSize: 24,
          fontWeight: FontWeight.bold,
        ),
        textAlign: TextAlign.center,
      ),
    );
  }
}

Homepage

import 'package:flutter/material.dart';
import 'package:myjob/pages/ChooseQuizPage.dart';
import 'package:myjob/pages/DnaTestPage.dart';
import 'package:myjob/pages/EntrepreneurshipPage.dart';
import 'package:myjob/pages/JobNearMePage.dart';
import '../utils/WidgetUtil.dart';

class HomePage extends StatefulWidget {
  @override
  State<StatefulWidget> createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        decoration: getAppBackground(),
        child: ListView(
          children: <Widget>[
            buildMenu(),
            buildAppLogo(),
            buildMainText(),
            buildRowOne(),
            buildRowTwo(),
            buildRowThree(),
            buildVideoView(),
          ],
        ),
      ),
    );
  }

  Padding buildVideoView() {
    return Padding(
        padding: EdgeInsets.all(20),
        child: ClipRRect(
          borderRadius: new BorderRadius.circular(16.0),
          child: Image.asset(
            "assets/bank.jpg",
            height: 150,
            width: 150,
          ),
        ));
  }

  Padding buildRowThree() {
    return Padding(
      padding: EdgeInsets.all(20),
      child: Row(
        crossAxisAlignment: CrossAxisAlignment.center,
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          GestureDetector(
            onTap: () {
              Navigator.push(
                context,
                MaterialPageRoute(builder: (context) => EntrepreneurshipPage()),
              );
            },
            child: Card(
              margin: EdgeInsets.all(8),
              color: Colors.white,
              elevation: 16,
              shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.all(Radius.circular(10))),
              child: Padding(
                padding:
                    EdgeInsets.only(top: 30, bottom: 30, right: 10, left: 10),
                child: Column(
                  children: <Widget>[
                    Image.asset(
                      'assets/entrepreneur.png',
                      height: 60,
                      width: 60,
                    ),
                    Padding(
                      padding: EdgeInsets.only(
                        top: 20,
                      ),
                      child: Text(
                        'Entrepreneurship',
                        style: TextStyle(
                            color: Colors.black87,
                            fontWeight: FontWeight.w700,
                            fontSize: 18),
                      ),
                    )
                  ],
                ),
              ),
            ),
          ),
          Card(
            margin: EdgeInsets.all(8),
            color: Colors.white,
            elevation: 16,
            shape: RoundedRectangleBorder(
              borderRadius: BorderRadius.all(Radius.circular(10)),
            ),
            child: Padding(
              padding:
                  EdgeInsets.only(top: 30, bottom: 30, right: 10, left: 10),
              child: Column(
                children: <Widget>[
                  Image.asset(
                    'assets/creative.png',
                    height: 60,
                    width: 60,
                  ),
                  Padding(
                    padding: EdgeInsets.only(
                      top: 20,
                    ),
                    child: Text(
                      'Recruiters',
                      style: TextStyle(
                          color: Colors.black87,
                          fontWeight: FontWeight.w700,
                          fontSize: 18),
                    ),
                  )
                ],
              ),
            ),
          )
        ],
      ),
    );
  }

  Padding buildRowTwo() {
    return Padding(
      padding: EdgeInsets.all(20),
      child: Row(
        crossAxisAlignment: CrossAxisAlignment.center,
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          GestureDetector(
            onTap: () {
              Navigator.push(
                context,
                MaterialPageRoute(builder: (context) => JobNearMePage()),
              );
            },
            child: Card(
              margin: EdgeInsets.all(8),
              color: Colors.white,
              elevation: 16,
              shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.all(Radius.circular(10))),
              child: Padding(
                padding: EdgeInsets.all(30),
                child: Column(
                  children: <Widget>[
                    Image.asset(
                      'assets/worldwide.png',
                      height: 60,
                      width: 60,
                    ),
                    Padding(
                      padding: EdgeInsets.only(
                        top: 20,
                      ),
                      child: Text(
                        'Jobs near me',
                        style: TextStyle(
                            color: Colors.black87,
                            fontWeight: FontWeight.w700,
                            fontSize: 18),
                      ),
                    )
                  ],
                ),
              ),
            ),
          ),
          GestureDetector(
            onTap: () {
              Navigator.push(
                context,
                MaterialPageRoute(builder: (context) => DnaTestPage()),
              );
            },
            child: Card(
              margin: EdgeInsets.all(8),
              color: Colors.white,
              elevation: 16,
              shape: RoundedRectangleBorder(
                borderRadius: BorderRadius.all(Radius.circular(10)),
              ),
              child: Padding(
                padding: EdgeInsets.all(30),
                child: Column(
                  children: <Widget>[
                    Image.asset(
                      'assets/dna.png',
                      height: 60,
                      width: 60,
                    ),
                    Padding(
                      padding: EdgeInsets.only(
                        top: 20,
                      ),
                      child: Text(
                        'DNA Test',
                        style: TextStyle(
                            color: Colors.black87,
                            fontWeight: FontWeight.w700,
                            fontSize: 18),
                      ),
                    )
                  ],
                ),
              ),
            ),
          )
        ],
      ),
    );
  }

  Padding buildRowOne() {
    return Padding(
      padding: EdgeInsets.all(20),
      child: Row(
        crossAxisAlignment: CrossAxisAlignment.center,
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          GestureDetector(
            onTap: () {
              Navigator.push(
                context,
                MaterialPageRoute(builder: (context) => ChooseQuizPage()),
              );
            },
            child: Card(
              margin: EdgeInsets.all(8),
              color: Colors.white,
              elevation: 16,
              shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.all(Radius.circular(10))),
              child: Padding(
                padding: EdgeInsets.all(30),
                child: Column(
                  children: <Widget>[
                    Image.asset(
                      'assets/trophy.png',
                      height: 60,
                      width: 60,
                    ),
                    Padding(
                        padding: EdgeInsets.only(
                          top: 20,
                        ),
                        child: Text(
                          'Play Quiz',
                          style: TextStyle(
                              color: Colors.black87,
                              fontWeight: FontWeight.w700,
                              fontSize: 18),
                        ))
                  ],
                ),
              ),
            ),
          ),
          Card(
            margin: EdgeInsets.all(8),
            color: Colors.white,
            elevation: 16,
            shape: RoundedRectangleBorder(
                borderRadius: BorderRadius.all(Radius.circular(10))),
            child: Padding(
              padding: EdgeInsets.all(30),
              child: Column(
                children: <Widget>[
                  Image.asset(
                    'assets/goal.png',
                    height: 60,
                    width: 60,
                  ),
                  Padding(
                      padding: EdgeInsets.only(
                        top: 20,
                      ),
                      child: Text(
                        'My Jobs',
                        style: TextStyle(
                            color: Colors.black87,
                            fontWeight: FontWeight.w700,
                            fontSize: 18),
                      ))
                ],
              ),
            ),
          )
        ],
      ),
    );
  }

  Padding buildMainText() {
    return Padding(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        crossAxisAlignment: CrossAxisAlignment.center,
        children: <Widget>[
          Text(
            'Hi Kate!',
            style: TextStyle(
              color: Colors.white,
              fontSize: 30,
              fontWeight: FontWeight.bold,
            ),
          ),
          SizedBox(
            height: 8,
          ),
          Text(
            'What do you want to do today?',
            style: TextStyle(
              color: Colors.white,
              fontSize: 24,
              fontWeight: FontWeight.bold,
            ),
          )
        ],
      ),
      padding: EdgeInsets.fromLTRB(20, 40, 20, 20),
    );
  }

  Row buildAppLogo() {
    return Row(
      mainAxisAlignment: MainAxisAlignment.center,
      children: <Widget>[
        Image.asset('assets/logo.png', height: 80.0, width: 80.0)
      ],
    );
  }

  Row buildMenu() {
    return Row(
      mainAxisAlignment: MainAxisAlignment.start,
      children: <Widget>[
        Padding(
          padding: EdgeInsets.all(16),
          child: Icon(
            Icons.menu,
            size: 28,
            color: Colors.white,
          ),
        )
      ],
    );
  }
}