import 'package:flutter/material.dart';

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

class _InfoState _FaqState extends State State {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(
          'COVID COMPANION',
'FAQ',
          style: TextStyle(
              fontSize: 20.0,
              fontWeight: FontWeight.bold,
              letterSpacing: 2.0
          ),
        ),
        backgroundColor: Colors.indigo[900],
indigoAccent[100],
        centerTitle: true,
        elevation: 0,
      ),
      backgroundColor: Colors.grey[200],\n      body:
      GridView.count(
          crossAxisCount: 2,
ListView(
        shrinkWrap: true,
        scrollDirection:Axis.vertical ,
        children: [
          Container(
            child: Card(
              elevation: 10.0,
              child:Column(
                mainAxisAlignment: MainAxisAlignment.center,
Card(
            margin: EdgeInsets.all(10.0),
            
            child:Column(
                children: [
                  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',
                      Text(
                      'What is a novel coronavirus?',
                    style: TextStyle(
                       TextStyle(
                      fontWeight: FontWeight.bold,
                                             color: Colors.black,
                     ),
                   ),
                   ),

                 )

                ],


              )
            ),

          ),
          Container(
            child: Card(
                elevation: 10.0,
                child:Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Image(
                      image: AssetImage('assets/undraw_faq_rjoy.png'),
                      height:150.0,
                      width: 200.0,
                      fit:BoxFit.cover,
indigo,
                    ),
                    SizedBox(height:5.0 ,),\n                    OutlineButton(\n                      shape: StadiumBorder(),\n                      onPressed: (){},\n                      borderSide: BorderSide(color: Colors.pink.shade200),\n                      splashColor: Colors.pinkAccent[100],\n                      child: Padding(\n                                          ),
                  SizedBox(height: 4.0),
                  Text(
                    'A novel coronavirus is a new coronavirus that has not been previously identified. The virus causing coronavirus disease 2019 (COVID-19), is not the same as the coronaviruses that commonly circulate among humans and cause mild illness,like the common cold.',
                  ),

                ],
              ),
               ),
          Card(
            margin: EdgeInsets.all(10.0),
            child:Padding(
              padding: EdgeInsets.all(8.0),
                        child: Text(\n                          'DOs',\n                                        child:Column(
                children: [
                 Text(
                  'Why is the disease being called coronavirus disease 2019, COVID-19 ?',
                  style: TextStyle(
                            TextStyle(
                    fontWeight: FontWeight.bold,
                                                color: Colors.black,
                          ),
                        ),
                      ),

                    )

                  ],


                )
            ),

indigo,
                  ),
                ),
                SizedBox(height: 4.0),
                Text('On February 11, 2020 the World Health Organization announced an official name for the disease that is causing the 2019 novel coronavirus outbreak, first identified in Wuhan China. The new name of this disease is coronavirus disease 2019, abbreviated as COVID-19. In COVID-19, ‘CO’ stands for ‘corona,’ ‘VI’ for ‘virus,’ and ‘D’ for disease.'
                    'Formerly, this disease was referred to as “2019 novel coronavirus” or “2019-nCoV”,'
                  'There are many types of human coronaviruses including some that commonly cause mild upper-respiratory tract illnesses. COVID-19 is a new disease, caused by a novel (or new) coronavirus that has not previously been seen in Humans.'),
              ],
            ),
          ),
          Container(\n            child: Card(\n                elevation: 10.0,\n                child:Column(\n                  mainAxisAlignment: MainAxisAlignment.center,\n                  children: [\n                    Image(\n                      image: AssetImage('assets/undraw_faq_rjoy.png'),\n                      height:150.0,\n                      width: 200.0,\n                      fit:BoxFit.cover,\n                    ),\n                    SizedBox(height:5.0 ,),\n                    OutlineButton(\n                      shape: StadiumBorder(),\n                      onPressed: (){},\n                      borderSide: BorderSide(color: Colors.pink.shade200),\n                      splashColor: Colors.pinkAccent[100],\n                      child: Padding(\n                        padding: EdgeInsets.all(8.0),\n                        child: Text(\n                          'DONTs',\n                          style: TextStyle(\n                            fontWeight: FontWeight.bold,\n                            color: Colors.black,\n                          ),\n                        ),\n                      ),\n\n                    )\n\n                  ],\n\n\n                )\n            ),\n\n          ),
          Container(\n            child: Card(\n                elevation: 10.0,\n                child:Column(\n                  mainAxisAlignment: MainAxisAlignment.center,\n                  children: [\n                    Image(\n                      image: AssetImage('assets/undraw_faq_rjoy.png'),\n                      height:150.0,\n                      width: 200.0,\n                      fit:BoxFit.cover,\n                    ),\n                    SizedBox(height:5.0 ,),\n                    OutlineButton(\n                      shape: StadiumBorder(),\n                      onPressed: (){},\n                      borderSide: BorderSide(color: Colors.pink.shade200),\n                      splashColor: Colors.pinkAccent[100],\n                      child: Padding(\n                        padding: EdgeInsets.all(8.0),\n                        child: Text(\n                          'FAKE NEWS',\n                          style: TextStyle(\n                            fontWeight: FontWeight.bold,\n                            color: Colors.black,\n                          ),\n                        ),\n                      ),\n\n                    )\n\n                  ],\n\n\n                )\n            ),\n\n          )\n\n      ]\n        ),\n        ],

        )

      );
  }
}