text: 
  import React, { Component } from "react";
  import {Slide,Slider,Caption } from 'react-materialize';
  
  import M from  'materialize-css/dist/js/materialize.min.js';
  //import Image from './Image'
  import p1 from './5.jpg';
  import p2 from './6.jpg';
  import p3 from './7.jpg';
  import p4 from './8.jpg';
  
  import { Grid, Typography  } from '@material-ui/core';
  
  import Card from "../Card/Card";
  import CardHeader from "../Card/CardHeader.js";
  import CardBody from "../Card/CardBody.js";
  
  import GridItem from "../Grid/GridItem";
  import GridContainer from "../Grid/GridContainer.js";
  
  
  class Regidores extends Component
   {
  
      componentDidMount() {
          let sidenav = document.querySelector('#slide-out');
          M.Sidenav.init(sidenav, {});
        }
  
    render(){    
      
    return (
        
  
   
      <div className="App">  
      <div  style={{paddingTop:"0px"}} > 
         
  
          
  
              
              <Slider
  
              fullscreen={false}
              options={{
              duration: 600,
              height: 300,
              indicators: true,
              interval: 6000
              }}
              
              >
              <Slide image={<img  alt={p1} src={p1} />}>
                  <Caption>
                      <h3>
                          Accesorios SF SYSTEM SAC !
                      </h3>
                      <h5 className="light grey-text text-lighten-3">
                             Nuetsra Preocupacion Usted ...
                      </h5>
                  </Caption>
              </Slide>
              <Slide image={<img  alt={p2} src={p2} />}>
                  <Caption placement="left">
                      <h3>
                          Servicios
                      </h3>
                      <h5 className="light grey-text text-lighten-3">
                          Consulte nuestros servicios en linea
                      </h5>
                  </Caption>
              </Slide>
             <Slide image={<img  alt={p3} src={p3} />} >
                  <Caption placement="right">
                      <h3>
                       Nosotros.
                      </h3>
                      <h5 className="light grey-text text-lighten-3">
                         Estamos para orientarlo 
                      </h5>
                  </Caption>
              </Slide>
              <Slide image={<img  alt={p4} src={p4} />}>
                  <Caption>
                      <h3>
                          Facturacion Electronica !
                      </h3>
                      <h5 className="light grey-text text-lighten-3">
                          Inicamos hoy mismo .
                      </h5>
                  </Caption>
              </Slide>
           </Slider>
  
  
  
                      <Grid container spacing={2}>
                        <Grid item xs={12} sm={3} data-aos="fade-up">
  
                       </Grid>   
                          <Grid item xs={12} sm={6} data-aos="fade-up">
                          <Card>
                              <CardHeader color="primary">
                                   <Typography variant="h6" gutterBottom aling='center'>
                                        COLABORADORES
                                     </Typography> 
                              
                              </CardHeader>
                          
                          
                              <CardBody>
                              <GridContainer>
                                  <GridItem xs={12} sm={12} >                                
                                          <Typography variant="h6" gutterBottom aling='center'>
                                                Personal de Confianza
                                          </Typography> 
                                          <Typography variant="body1" gutterBottom aling='center'>
                                                 1. Huallpa Alejo Abraham
                                               <br/> 
                                               
                                           </Typography> 
  
                                           
                                  </GridItem>                            
                              </GridContainer>                                        
                              </CardBody>
                             
                          
                          </Card>
                          </Grid>
  
                         
  
                                   
                      </Grid>
  
          
           </div> 
           
      </div>
    );
    }
   }
  
  export default Regidores;
  