return (
        <div>
            <HeaderApp />
            <div>
                <h1>Choose a Service to Configurate.</h1>
                <div class="container">
                    <div class="row">
                        {this.state.services.map((service) => {
                            return (<ul key={service.name}>
                                <div className="col">
                                    <GenericCard cardTitle={service.name} cardSubTitle={'Click to check the files '}>
                                        <button type="button" className="btn btn-info" onClick={() => this.redirectToEnvironment(service)}>Configurate</button>
                                    </GenericCard>
                                </div>

                                <div class="w-100"></div>

                            </ul>)

                        })}
                    </div>
                </div>
            </div>
        </div>
    );