import 'package:flutter/material.dart';

class Info extends StatefulWidget {
  @override
  _InfoState createState() => _InfoState();
}

class _InfoState extends State<Info> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(
          'COVID COMPANION',
          style: TextStyle(
              fontSize: 20.0,
              fontWeight: FontWeight.bold,
              letterSpacing: 2.0
          ),
        ),
        backgroundColor: Colors.indigo[900],
        centerTitle: true,
        elevation: 0,
      ),
      backgroundColor: Colors.grey[200],
      body:
      GridView.count(
          crossAxisCount: 2,
        children: <Widget>[
          Container(
            child: Card(
              elevation: 10.0,
              child:Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  Image(
                    image: AssetImage('assets/undraw_faq_rjoy.png'),
                    height:150.0,
                    width: 200.0,
                    fit:BoxFit.cover,
                  ),
                  SizedBox(height:5.0 ,),
                 OutlineButton(
                   shape: StadiumBorder(),
                   onPressed: (){},
                   borderSide: BorderSide(color: Colors.pink.shade200),
                   splashColor: Colors.pinkAccent[100],
                   child: Padding(
                     padding: EdgeInsets.all(8.0),
                     child: Text(
                     'FAQ',
                      style: TextStyle(
                       fontWeight: FontWeight.bold,
                       color: Colors.black,
                     ),
                   ),
                   ),

                 )

                ],


              )
            ),

          ),
          Container(
            child: Card(
                elevation: 10.0,
                child:Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: <Widget>[
                    Image(
                      image: AssetImage('assets/undraw_faq_rjoy.png'),
                      height:150.0,
                      width: 200.0,
                      fit:BoxFit.cover,
                    ),
                    SizedBox(height:5.0 ,),
                    OutlineButton(
                      shape: StadiumBorder(),
                      onPressed: (){},
                      borderSide: BorderSide(color: Colors.pink.shade200),
                      splashColor: Colors.pinkAccent[100],
                      child: Padding(
                        padding: EdgeInsets.all(8.0),
                        child: Text(
                          'DOs',
                          style: TextStyle(
                            fontWeight: FontWeight.bold,
                            color: Colors.black,
                          ),
                        ),
                      ),

                    )

                  ],


                )
            ),

          ),
          Container(
            child: Card(
                elevation: 10.0,
                child:Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: <Widget>[
                    Image(
                      image: AssetImage('assets/undraw_faq_rjoy.png'),
                      height:150.0,
                      width: 200.0,
                      fit:BoxFit.cover,
                    ),
                    SizedBox(height:5.0 ,),
                    OutlineButton(
                      shape: StadiumBorder(),
                      onPressed: (){},
                      borderSide: BorderSide(color: Colors.pink.shade200),
                      splashColor: Colors.pinkAccent[100],
                      child: Padding(
                        padding: EdgeInsets.all(8.0),
                        child: Text(
                          'DONTs',
                          style: TextStyle(
                            fontWeight: FontWeight.bold,
                            color: Colors.black,
                          ),
                        ),
                      ),

                    )

                  ],


                )
            ),

          ),
          Container(
            child: Card(
                elevation: 10.0,
                child:Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: <Widget>[
                    Image(
                      image: AssetImage('assets/undraw_faq_rjoy.png'),
                      height:150.0,
                      width: 200.0,
                      fit:BoxFit.cover,
                    ),
                    SizedBox(height:5.0 ,),
                    OutlineButton(
                      shape: StadiumBorder(),
                      onPressed: (){},
                      borderSide: BorderSide(color: Colors.pink.shade200),
                      splashColor: Colors.pinkAccent[100],
                      child: Padding(
                        padding: EdgeInsets.all(8.0),
                        child: Text(
                          'FAKE NEWS',
                          style: TextStyle(
                            fontWeight: FontWeight.bold,
                            color: Colors.black,
                          ),
                        ),
                      ),

                    )

                  ],


                )
            ),

          )

      ]
        ),
      );
  }
}