@fortawesome/free-solid-svg-icons#faGlobeAmericas JavaScript Examples

The following examples show how to use @fortawesome/free-solid-svg-icons#faGlobeAmericas. You can vote up the ones you like or vote down the ones you don't like, and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
Source File: about.js    From covidAnalytics with MIT License 4 votes vote down vote up
export default function About(){

  return(

    <div className="teste">
      <Header/>
      <div className="conteudoCardAbout">
       <Container fluid={true} >
        <Row noGutters={false}>
          <Col xs="12" sm="12" md="12" xl="12">
            <Card>
              <CardBody>
                <CardTitle className="titulosAbout">
                  Quem somos              
                  <hr className="my-2 mb-5" />
                </CardTitle>    
                <p className="my-2 mb-2 aboutexto"> O Grupo de Trabalho C3-Analytics é formado por uma pequena equipe de professores e alunos de 
                graduação e pós-graduação do Centro de Ciências Computacionais - C3. É parte da frente de ITeCCorona, que desenvolve atividades 
                de pesquisa, extensão e inovação na Universidade Federal do Rio Grande - FURG sobre COVID-19. </p>
                <p className="my-2 mb-2 aboutexto">O principal objetivo do GT C3-Analytics é permitir a visualização e a análise de dados da 
                COVID-19 nas regiões de abrangência da FURG. A equipe responsável pelo desenvolvimento desta plataforma de coleta e visualização
                 de dados é detalhada abaixo. </p>
                <p className="my-2 mb-5 aboutexto">Estes e outros integrantes do GT ainda atuam de forma conjunta com a prefeitura municipal de 
                Rio Grande para implantar a plataforma desenvolvida no portal de serviços relacionados à pandemia do novo Coronavírus e na elaboração
                 de outras análises a serem publicadas no futuro, principalmente ligadas ao sistema de tele-triagem.</p>
                <CardTitle className="titulosAbout mb-2">
                  Equipe de Desenvolvedores
                  <hr className="my-2 mb-5" />  
                </CardTitle>          
                              
              <div className=" text-center ">
              <Container>
                <Row>
                  <Col md="12" sm="12" xl="4"xs="12" py="5" mx="2" >
                    <img class="fotos" src={eduardo} alt="foto1"/>
                    <CardTitle className="TituloTime mt-3">Eduardo Borges</CardTitle>
                    <p className="graduacaoTime my-2 mb-2 text-center ">Dr. em Computação. </p> 
                    <p className="my-2  resumoTime">Coordenador do GT C3-Analytics. Professor do Centro de Ciências Computacionais e 
                     do Programa de Pós-Graduação em Computação. Coordenador do Grupo de Pesquisa em Gerenciamento de Informações.
                    </p>
                    <div className="mb-5">
                    <Button className="Headerlinks" color="link" href="http://lattes.cnpq.br/5851601274050374">
                      <FontAwesomeIcon icon={faGlobeAmericas} />
                    </Button>
                    <Button className="Headerlinks" color="link" href="https://www.linkedin.com/in/enborges/">
                    <FontAwesomeIcon icon={faLinkedin} />
                    </Button> 
                    <Button className="Headerlinks"  color="link" href="https://github.com/enborges">
                      <FontAwesomeIcon icon={faGithub} />
                    </Button>
                    </div>
                                   
                  </Col>
                  <Col md="12" sm="12" xl="4"xs="12" py="5" mx="2" >
                    <img class="fotos" src={glauber} alt="foto9"/>
                    <CardTitle className="TituloTime mt-3">Glauber Gonçalves</CardTitle>
                    <p className="graduacaoTime my-2 mb-2 text-center ">Dr. em Ciências Geodésicas  </p> 
                    <p className="my-2  resumoTime">Professor do Centro de Ciências Computacionais, 
                    coordenador do Laboratório de Tecnologia da Geoinformação. Atua como pesquisador em Sensoriamento Remoto e Fotogrametria
                    </p>
                    <div className="mb-5">
                    <Button className="Headerlinks" color="link" href="http://lattes.cnpq.br/2814370196736373">
                      <FontAwesomeIcon icon={faGlobeAmericas} />
                    </Button>
                    {/* <Button className="Headerlinks" color="link" href="https://www.linkedin.com/in/enborges/">
                    <FontAwesomeIcon icon={faLinkedin} />
                    </Button> 
                    <Button className="Headerlinks"  color="link" href="https://github.com/enborges">
                      <FontAwesomeIcon icon={faGithub} />
                    </Button> */}
                    </div>
                                   
                  </Col>
                  <Col md="12" sm="12" xl="4"xs="12" py="5" mx="5"  >
                  <img class="fotos" src={gabriel} alt="foto2"/>
                    <CardTitle className="TituloTime mt-3">Gabriel Lavoura</CardTitle>
                    <p className="graduacaoTime my-2 mb-2 text-center ">Mestrando em Eng.Comp. </p>
                    <p className="my-2 resumoTime">Empreendedor, trabalha com desenvolvimento há mais de 7 anos,
                     sendo entusiasta em hardware, desenvolvimento Web e Mobile. Atua como pesquisador nas áreas de 
                     Deep Learning e Data Science.  
                    </p>
                    <div className="mb-5">
                    <Button className="Headerlinks" color="link" href="http://lattes.cnpq.br/5616548040095346">
                      <FontAwesomeIcon icon={faGlobeAmericas} />
                    </Button>
                    <Button className="Headerlinks" color="link" href="https://www.linkedin.com/in/gabriellavoura/">
                      <FontAwesomeIcon icon={faLinkedin} />
                    </Button> 
                    <Button className="Headerlinks"  color="link" href="https://github.com/Gabriellavoura">
                      <FontAwesomeIcon icon={faGithub} />
                    </Button>
                    </div>                   
                  </Col>
                  <Col md="12" sm="12" xl="4"xs="12" py="5" mx="2">
                  <img class="fotos" src={vanessa} alt="foto3"/>
                    <CardTitle className="TituloTime mt-3">Vanessa Telles</CardTitle>
                    <p className="graduacaoTime my-2 mb-2 text-center ">Mestranda em Eng.Comp. </p>
                    <p className="my-2 resumoTime">Entusiasta em Design Digital, empreendedora e
                    desenvolvedora Web e Mobile desde 2014. Atua como
                    pesquisadora nas áreas de Data Science e Deep Learning .
                    </p>
                    <div className="mb-5">
                    <Button className="Headerlinks" color="link" href="http://lattes.cnpq.br/3565116360523950">
                      <FontAwesomeIcon icon={faGlobeAmericas} />
                    </Button>
                    <Button className="Headerlinks" color="link" href="https://www.linkedin.com/in/vanessa-telles-da-silva-8ab4b614a/">
                      <FontAwesomeIcon icon={faLinkedin} />
                    </Button> 
                    <Button className="Headerlinks"  color="link" href="https://github.com/vanessatelles">
                      <FontAwesomeIcon icon={faGithub} />
                    </Button>
                    </div>
                
                  </Col> 
                  <Col md="12" sm="12" xl="4"xs="12" py="5" mx="2">
                  <img class="fotos" src={bruna} alt="foto4"/>
                    <CardTitle className="TituloTime mt-3">Bruna Guterres</CardTitle>
                    <p className="graduacaoTime my-2 mb-2 text-center ">Mestranda em Eng.Comp. </p>
                    <p className="my-2 resumoTime">Professora substituta do Centro de Ciências Computacionais - C3.
                     Entusiasta em Visão Computacional e Aprendizado de Máquina. Membro do grupo NAUTEC desde 2015.
                    </p>
                    <div className="mb-5">
                    <Button className="Headerlinks" color="link" href="http://lattes.cnpq.br/2197909913930437">
                      <FontAwesomeIcon icon={faGlobeAmericas} />
                    </Button>
                    <Button className="Headerlinks" color="link" href="https://www.linkedin.com/in/bruna-de-vargas-guterres-07888b129/">
                      <FontAwesomeIcon icon={faLinkedin} />
                    </Button> 
                    {/* <Button className="Headerlinks"  color="link" href="https://github.com/luucasrb">
                      <FontAwesomeIcon icon={faGithub} />
                    </Button> */}
                    </div>                   
                  </Col>
                  <Col md="12" sm="12" xl="4"xs="12" py="5" mx="2">
                  <img class="fotos" src={lucas} alt="foto5"/>
                    <CardTitle className="TituloTime mt-3">Lucas Ribeiro</CardTitle>
                    <p className="graduacaoTime my-2 mb-2 text-center ">Graduando em Eng.Comp. </p>
                    <p className="my-2 resumoTime">Atua como pesquisador nas áreas de Data Science
                     e Blockchain. Entusiasta em Desenvolvimento Web.
                    </p>
                    <div className="mb-5">
                    <Button className="Headerlinks" color="link" href="http://lattes.cnpq.br/1491700382158430">
                      <FontAwesomeIcon icon={faGlobeAmericas} />
                    </Button>
                    <Button className="Headerlinks" color="link" href="https://www.linkedin.com/in/luucasrb/">
                      <FontAwesomeIcon icon={faLinkedin} />
                    </Button> 
                    <Button className="Headerlinks"  color="link" href="https://github.com/luucasrb">
                      <FontAwesomeIcon icon={faGithub} />
                    </Button>
                    </div>                   
                  </Col>
                  <Col md="12" sm="12" xl="4"xs="12" py="5" mx="2">
                  <img class="fotos" src={willian} alt="foto6"/>
                    <CardTitle className="TituloTime mt-3">Willian Lemos</CardTitle>
                    <p className="graduacaoTime my-2 mb-2 text-center ">Graduando em Eng.Comp. </p>
                    <p className="my-2 resumoTime">Desenvolvedor desde 2015 e entusiasta em Redes Neurais.
                     Atua como pesquisador nas áreas de Data Science e Engenharia de dados.
                    </p>
                    <div className="mb-5">
                    <Button className="Headerlinks" color="link" href="http://lattes.cnpq.br/5429651614061510">
                      <FontAwesomeIcon icon={faGlobeAmericas} />
                    </Button>
                    <Button className="Headerlinks" color="link" href="https://www.linkedin.com/in/willian-lemos-4b9121136/">
                      <FontAwesomeIcon icon={faLinkedin} />
                    </Button> 
                    <Button className="Headerlinks"  color="link" href="https://github.com/Willblemos">
                      <FontAwesomeIcon icon={faGithub} />
                    </Button>
                    </div>                   
                  </Col>
                  <Col md="12" sm="12" xl="4"xs="12" py="5" mx="2">
                  <img class="fotos" src={augusto} alt="foto7"/>
                    <CardTitle  className="TituloTime mt-3">Augusto Lamim</CardTitle>
                    <p className="graduacaoTime my-2 mb-2 text-center ">Graduando em Eng.Comp. </p>
                    <p className="my-2 resumoTime">Desenvolvedor full-stack, entusiasta em Tecnologia da
                    Informação.
                    </p>
                    <div className="mb-5">
                    <Button className="Headerlinks" color="link" href="http://lattes.cnpq.br/1925430387887371">
                      <FontAwesomeIcon icon={faGlobeAmericas} />
                    </Button>
                    <Button className="Headerlinks" color="link" href="https://www.linkedin.com/in/augusto-c%C3%A9sar-lamim-martins-de-oliveira-6b93a5168/">
                      <FontAwesomeIcon icon={faLinkedin} />
                    </Button> 
                    <Button className="Headerlinks"  color="link" href="https://github.com/Lastopsop">
                      <FontAwesomeIcon icon={faGithub} />
                    </Button>
                    </div>                   
                  </Col>
                  <Col md="12" sm="12" xl="4"xs="12" py="5" mx="2">
                  <img class="fotos" src={felipe} alt="foto8"/>
                    <CardTitle  className="TituloTime mt-3">Felipe Marques</CardTitle>
                    <p className="graduacaoTime my-2 mb-2 text-center ">Graduando em Eng.Comp. </p>
                    <p className="my-2 resumoTime">Técnico em Informática para Internet pelo IFRS, desenvolvedor
                     desde 2016.  
                    </p>
                    <div className="mb-5">
                    {/* <Button className="Headerlinks" color="link" href="#">
                      <FontAwesomeIcon icon={faGlobeAmericas} />
                    </Button> */}
                    <Button className="Headerlinks" color="link" href="https://www.linkedin.com/in/felipesouzamarques/">
                      <FontAwesomeIcon icon={faLinkedin} />
                    </Button> 
                    <Button className="Headerlinks"  color="link" href="https://github.com/FelpsZMS">
                      <FontAwesomeIcon icon={faGithub} />
                    </Button>
                    </div>                   
                  </Col>                        
                </Row>
              </Container>
            </div>
            <div>
              <Container>
                <Row>
                  <Col md="12" sm="12" xl="12"xs="12" py="5" mx="2">
                  <CardTitle className="titulosAbout">
                  Attribution            
                  <hr className="my-2 mb-5" />
                </CardTitle>    
                <p className="my-2 mb-2 aboutexto">Icons made
                 by <a class="LinkTitle" href="https://www.flaticon.com/authors/freepik" title="Freepik">Freepik</a> from <a className="LinkTitle" href="https://www.flaticon.com/" title="Flaticon"> www.flaticon.com</a>.  </p>
                 <p className="my-2 mb-2 aboutexto">Icons fonts made 
                 by <a class="LinkTitle" href="https://fontawesome.com/license/free" title="FontAwesome">FontAwesome</a> from <a className="LinkTitle" href="https://fontawesome.com/" title="Flaticon"> www.fontawesome.com/</a>.  </p>
                 <p className="my-2 mb-2 aboutexto">Graphs  
                 by <a class="LinkTitle" href="https://github.com/PaulLeCam/react-leaflet/blob/master/LICENSE" title="FontAwesome">React-leaflet</a> from <a className="LinkTitle" href="https://github.com/PaulLeCam/react-leaflet" title="Flaticon"> https://github.com/PaulLeCam/react-leaflet</a>.  </p>
                 <p className="my-2 mb-2 aboutexto">Maps clusters 
                 by <a class="LinkTitle" href="https://github.com/yuzhva/react-leaflet-markercluster/blob/master/LICENSE" title="FontAwesome">React-leaflet-markercluster</a> from <a className="LinkTitle" href="https://github.com/yuzhva/react-leaflet-markercluster" title="Flaticon"> https://github.com/yuzhva/react-leaflet-markercluster</a>.  </p>
                
               </Col>
                </Row>
              </Container>
              </div> 

            </CardBody> 
            </Card>

          </Col>
        </Row>
       </Container>
      </div>
      <Footer/>

    </div>

  );
}