@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 |
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>
);
}