Skip to content

Instantly share code, notes, and snippets.

View cyz's full-sized avatar
😻
Focusing

Cynthia Zanoni cyz

😻
Focusing
View GitHub Profile
@cyz
cyz / calculadora.js
Created October 25, 2015 21:25
Calculator with JS
var resultado;
function calculadora(operador, val1, val2) {
if (operador == 'ADICAO') {
resultado = val1 + val2;
} else if (operador == 'SUBTRACAO') {
resultado = val1 - val2;
} else if (operador == 'MULTIPLICACAO') {
resultado = val1 * val2;
@cyz
cyz / before-oocss.css
Last active September 23, 2016 23:51
.box-1 {
border: 1px solid #ccc;
width: 200px;
height: 200px;
border-radius: 10px;
}
.box-2 {
border: 1px solid #ccc;
width: 120px;
@cyz
cyz / after-oocss.css
Last active September 23, 2016 23:52
.box-1 {
width: 200px;
height: 200px;
}
.box-2 {
width: 120px;
height: 120px;
}
@cyz
cyz / oocss.html
Last active September 24, 2016 03:09
<div class="cp-modal">
<div class="cp-modal__status cp-modal__status--done"></div>
...
</div>
<a href="#" class="btn--twitter">Twitter</a>
<a href="#" class="btn--facebook">Facebook</a>
@cyz
cyz / oocss.sass
Created September 24, 2016 00:06
%button {
min-width: 100px;
padding: 1em;
border-radius: 1em;
}
%twitter-background {
color: #fff;
background: #55acee;
}
%facebook-background {
@cyz
cyz / bio.md
Last active October 27, 2017 13:48

Biografia - 140 caracteres Full Stack e PM Latam na Microsoft, lidera projetos de inovação com open-source. Fundadora do WoMakersCode.org, uma iniciativa #womenintech.

Biografia completa Full Stack Developer e PM Latam de Audiências Técnicas na Microsoft, lidera iniciativas de inovação e desenvolvimento open source. É contributor em comunidades técnicas e organiza eventos para comunidade, com foco em desenvolvimento mobile e full stack, além de ser idealizadora do WoMakersCode, um projeto focado em capacitação e protagonismo feminino e de minorias na TI. Em 2016, foi reconhecida pela Mozilla Foundation como uma das mentoras mais influentes na América Latina na área de D&I e recentemente foi convidada para ser embaixadora do I am the CODE np Brasil. É apaixonada por open source e, nas horas vagas, cria projetos e iniciativas que possam contribuir para o fortalecimento das mulheres no mercado de trabalho e comunidades de tecnologia.

Foto

<!-- SEM DADOS ESTRUTUTADOS -->
<h1>Beachwalk Beachwear & Giftware</h1>
A superb collection of fine gifts and clothing to accent your stay in Mexico Beach.
3102 Highway 98
Mexico Beach, FL
Phone: 850-648-4200
<!-- COM ESTRUTURA DE DADOS -->

WoMakersCode promove grupo de estudos sobre front-end no Rio de Janeiro

No dia 25 de agosto, a comunidade WoMakersCode, realizará a primeira edição do Front-end Study Group no Rio de Janeiro, na Faculdade de Tecnologia Senac Rio. O grupo de estudos é um encontro colaborativo para aprimorar as habilidades de desenvolvimento front-end, organizado especialmente para mulheres cis e trans, no qual são abordados temas técnicos atuais e relevantes para carreira.

A organização é feita por Daiane Alves e Gabrielly Andrade, que são desenvolvedoras e voluntárias da comunidade no Rio, e contará com palestras sobre como iniciar na carreira de front-end, acessibilidade para web e React na prática. Além disso, as participantes terão a oportunidade de receber mentoria de outras desenvolvedoras, que já atuam no mercado. Por meio de uma metodologia criada pela comunidade, as participantes terão uma jornada colaborativa de aprendizado técnico e aprimoramento pessoal.

As inscrições são limitadas, gratuitas e devem ser reali

<!DOCTYPE html>
<html lang="pt-br">
<head>
<!-- meta tags obrigatorias -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Hello World com Bootstrap</title>
<!-- CSS do Bootstrap -->
<!-- navbar-->
<nav class="navbar navbar-light navbar-expand-lg fixed-top shadow-sm bg-white"><a href="index.html" class="navbar-brand">Bootstrap 101</a>
<button type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler"><span class="navbar-toggler-icon"></span></button>
<div id="navbarSupportedContent" class="collapse navbar-collapse">
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a href="#" class="nav-link">About Us</a></li>
<li class="nav-item"><a href="#" class="nav-link">Features</a></li>
<li class="nav-item"><a href="#" class="nav-link">Testimonials</a></li>
</ul>
<div class="navbar-text ml-lg-3">