import 'package:flutter/material.dart';
class Do extends StatefulWidget {
  @override
  _DoState createState() => _DoState();
}

class _DoState extends State<Do> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(
          'DOs',
          style: TextStyle(
              fontSize: 20.0,
              fontWeight: FontWeight.bold,
              letterSpacing: 2.0
          ),
        ),
        backgroundColor: Colors.indigoAccent[100],
        centerTitle: true,
        elevation: 0,
      ),
      backgroundColor: Colors.grey[200],
      body:
      GridView.count(
        shrinkWrap: true,
        crossAxisCount: 2,
        children: <Widget>[
          Container(
            child: Card(
                elevation: 10.0,
                child:Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: <Widget>[
                    Image(
                      image: AssetImage('assets/do1.jpg'),
                      height:100.0,
                      width: 200.0,
                      fit: BoxFit.cover,
                    ),
                    SizedBox(height:5.0),
                    Text(
                      'Frequently Wash Your Hands With Soap And Water Or Always Sanitize Your Hands',
                      style:TextStyle(
                        fontSize: 20.0,
                        color: Colors.indigo[700],
                      ),
                    ),
                  ],
                )
            ),
          ),
          Container(
            child: Card(
              elevation: 10.0,
              child:Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  Image(
                    image: AssetImage('assets/do2.jpg'),
                    height:100.0,
                    width: 200.0,
                    fit: BoxFit.cover,
                  ),
                  SizedBox(height:5.0),
                  Text(
                    'Do Wear Mask And Gloves Before Going Out ',
                    style:TextStyle(
                      fontSize: 20.0,
                      color: Colors.indigo[700],
                    ),
                  ),
                ],
              ),
            ),
          ),

          Container(
            child: Card(
              elevation: 10.0,
              child:Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  Image(
                    image: AssetImage('assets/do3.jpg'),
                    height:100.0,
                    width: 200.0,
                    fit: BoxFit.cover,
                  ),
                  SizedBox(height:5.0),
                  Text(
                    'Eat Nutritious Food And Drinks Lots Of Water',
                    style:TextStyle(
                      fontSize: 20.0,
                      color: Colors.indigo[700],
                    ),
                  ),
                ],
              ),
            ),
          ),

          Container(
            child: Card(
              elevation: 10.0,
              child:Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  Image(
                    image: AssetImage('assets/do4.jpg'),
                    height:100.0,
                    width: 200.0,
                    fit: BoxFit.cover,
                  ),
                  SizedBox(height:5.0),
                  Text(
                    'Maintain Social Distancing Always',
                    style:TextStyle(
                      fontSize: 20.0,
                      color: Colors.indigo[700],
                    ),
                  ),
                ],
              ),
            ),
          ),

          Container(
            child: Card(
              elevation: 10.0,
              child:Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  Image(
                    image: AssetImage('assets/do5.jpg'),
                    height:100.0,
                    width: 200.0,
                    fit: BoxFit.cover,
                  ),
                  SizedBox(height:5.0),
                  Text(
                    'Cover Your Mouth While Coughing Or Sneezing',
                    style:TextStyle(
                      fontSize: 20.0,
                      color: Colors.indigo[700],
                    ),
                  ),
                ],
              ),
            ),
          ),

          Container(
            child: Card(
              elevation: 10.0,
              child:Column(
                crossAxisAlignment:CrossAxisAlignment.start,
                children: <Widget>[
                  Image(
                    image: AssetImage('assets/do6.jpg'),
                    height:100.0,
                    width: 200.0,
                    fit: BoxFit.cover,
                  ),
                  SizedBox(height:5.0),
                  Text(
                    'Quarantine Yourself If You Come In Contact With Covid Positive',
                    style:TextStyle(
                      fontSize: 20.0,
                      color: Colors.indigo[700],
                    ),
                  ),
                ],
              ),
            ),
          ),

          Container(
            child: Card(
              elevation: 10.0,
              child:Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  Image(
                    image: AssetImage('assets/do7.jpg'),
                    height:100.0,
                    width: 200.0,
                    fit: BoxFit.cover,
                  ),
                  SizedBox(height:5.0),
                  Text(
                    'Consult Doctors Immediately If You Are Having Some Symptoms Of COVID',
                    style:TextStyle(
                      fontSize: 20.0,
                      color: Colors.indigo[700],
                    ),
                  ),
                ],
              ),
            ),
          ),

          Container(
            child: Card(
              elevation: 10.0,
              child:Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  Image(
                    image: AssetImage('assets/do8.jpg'),
                    height:100.0,
                    width: 200.0,
                    fit: BoxFit.cover,
                  ),
                  SizedBox(height:5.0),
                  Text(
                    'Boost The Morale of Doctors,Policemen And Others Who Are Working For People In COVID',
                    style:TextStyle(
                      fontSize: 20.0,
                      color: Colors.indigo[700],
                    ),
                  ),
                ],
              ),
            ),
          ),

          Container(
            child: Card(
              elevation: 10.0,
              child:Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  Image(
                    image: AssetImage('assets/do9.jpg'),
                    height:100.0,
                    width: 200.0,
                    fit: BoxFit.cover,
                  ),
                  SizedBox(height:5.0),
                  Text(
                    'Try To Work From Home Unless Any Urgent Work Is Their Outside',
                    style:TextStyle(
                      fontSize: 20.0,
                      color: Colors.indigo[700],
                    ),
                  ),
                ],
              ),
            ),
          ),

          Container(
            child: Card(
              elevation: 10.0,
              child:Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  Image(
                    image: AssetImage('assets/do10.jpg'),
                    height:100.0,
                    width: 200.0,
                    fit: BoxFit.cover,
                  ),
                  SizedBox(height:5.0),
                  Text(
                    'Obey COVID Guidelines ',
                    style:TextStyle(
                      fontSize: 20.0,
                      color: Colors.indigo[700],
                    ),
                  ),
                ],
              ),
            ),
          ),

        ],
      ),

    );
  }
}