├── .gitignore ├── README.md ├── explicacoes ├── bola │ ├── barba.jpg │ ├── bola.css │ └── bola.html ├── botoes │ ├── btn.css │ └── btn.html ├── duvida-wesley │ ├── duvida-wesley.css │ └── duvida-wesley.html ├── facebook-white.svg ├── follow-me-on │ ├── follow-me-on.css │ └── follow-me-on.html ├── linkedin-white.svg ├── padding-margin │ ├── padding-margin.css │ └── padding-margin.html ├── px-em-%-rem-vh-vw │ ├── medidas.css │ └── medidas.html └── twitter-white.svg ├── layout └── portfolio.xd └── projeto ├── css ├── base.css ├── components │ ├── avatar-profile.css │ ├── card-channel.css │ ├── main-btn.css │ ├── main-card.css │ ├── main-carousel.css │ ├── main-expand.css │ ├── main-footer.css │ ├── main-form.css │ ├── main-header.css │ ├── main-menu.css │ ├── play-video.css │ ├── social-media.css │ └── title-rotate.css ├── objects │ ├── main-figure.css │ ├── main-logo.css │ ├── main-msg.css │ ├── main-subtitle.css │ ├── main-title.css │ ├── subtitle-featured.css │ ├── title-featured.css │ ├── wrap-channel.css │ ├── wrap-featured.css │ ├── wrap-projects.css │ └── wrap-social.css ├── reset.css └── settings.css ├── img ├── avatar.jpg ├── baby.jpg ├── barba.jpg ├── expand.svg ├── facebook-white.svg ├── facebook.svg ├── fifth.jpg ├── first.jpg ├── fourth.jpg ├── linkedin-white.svg ├── linkedin.svg ├── second.jpg ├── seventh.jpg ├── sixth.jpg ├── third.jpg ├── twitch.png ├── twitter-white.svg └── twitter.svg ├── index.html └── js └── component ├── main-carousel.js ├── main-expand.js └── main-form.js /.gitignore: -------------------------------------------------------------------------------- 1 | aulas-videos 2 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/README.md -------------------------------------------------------------------------------- /explicacoes/bola/barba.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/explicacoes/bola/barba.jpg -------------------------------------------------------------------------------- /explicacoes/bola/bola.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/explicacoes/bola/bola.css -------------------------------------------------------------------------------- /explicacoes/bola/bola.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/explicacoes/bola/bola.html -------------------------------------------------------------------------------- /explicacoes/botoes/btn.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/explicacoes/botoes/btn.css -------------------------------------------------------------------------------- /explicacoes/botoes/btn.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/explicacoes/botoes/btn.html -------------------------------------------------------------------------------- /explicacoes/duvida-wesley/duvida-wesley.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/explicacoes/duvida-wesley/duvida-wesley.css -------------------------------------------------------------------------------- /explicacoes/duvida-wesley/duvida-wesley.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/explicacoes/duvida-wesley/duvida-wesley.html -------------------------------------------------------------------------------- /explicacoes/facebook-white.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/explicacoes/facebook-white.svg -------------------------------------------------------------------------------- /explicacoes/follow-me-on/follow-me-on.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/explicacoes/follow-me-on/follow-me-on.css -------------------------------------------------------------------------------- /explicacoes/follow-me-on/follow-me-on.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/explicacoes/follow-me-on/follow-me-on.html -------------------------------------------------------------------------------- /explicacoes/linkedin-white.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/explicacoes/linkedin-white.svg -------------------------------------------------------------------------------- /explicacoes/padding-margin/padding-margin.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/explicacoes/padding-margin/padding-margin.css -------------------------------------------------------------------------------- /explicacoes/padding-margin/padding-margin.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/explicacoes/padding-margin/padding-margin.html -------------------------------------------------------------------------------- /explicacoes/px-em-%-rem-vh-vw/medidas.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/explicacoes/px-em-%-rem-vh-vw/medidas.css -------------------------------------------------------------------------------- /explicacoes/px-em-%-rem-vh-vw/medidas.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/explicacoes/px-em-%-rem-vh-vw/medidas.html -------------------------------------------------------------------------------- /explicacoes/twitter-white.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/explicacoes/twitter-white.svg -------------------------------------------------------------------------------- /layout/portfolio.xd: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/layout/portfolio.xd -------------------------------------------------------------------------------- /projeto/css/base.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/css/base.css -------------------------------------------------------------------------------- /projeto/css/components/avatar-profile.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/css/components/avatar-profile.css -------------------------------------------------------------------------------- /projeto/css/components/card-channel.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/css/components/card-channel.css -------------------------------------------------------------------------------- /projeto/css/components/main-btn.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/css/components/main-btn.css -------------------------------------------------------------------------------- /projeto/css/components/main-card.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/css/components/main-card.css -------------------------------------------------------------------------------- /projeto/css/components/main-carousel.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/css/components/main-carousel.css -------------------------------------------------------------------------------- /projeto/css/components/main-expand.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/css/components/main-expand.css -------------------------------------------------------------------------------- /projeto/css/components/main-footer.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/css/components/main-footer.css -------------------------------------------------------------------------------- /projeto/css/components/main-form.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/css/components/main-form.css -------------------------------------------------------------------------------- /projeto/css/components/main-header.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/css/components/main-header.css -------------------------------------------------------------------------------- /projeto/css/components/main-menu.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/css/components/main-menu.css -------------------------------------------------------------------------------- /projeto/css/components/play-video.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/css/components/play-video.css -------------------------------------------------------------------------------- /projeto/css/components/social-media.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/css/components/social-media.css -------------------------------------------------------------------------------- /projeto/css/components/title-rotate.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/css/components/title-rotate.css -------------------------------------------------------------------------------- /projeto/css/objects/main-figure.css: -------------------------------------------------------------------------------- 1 | .main-figure { 2 | width: 362px; 3 | } 4 | -------------------------------------------------------------------------------- /projeto/css/objects/main-logo.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/css/objects/main-logo.css -------------------------------------------------------------------------------- /projeto/css/objects/main-msg.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/css/objects/main-msg.css -------------------------------------------------------------------------------- /projeto/css/objects/main-subtitle.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/css/objects/main-subtitle.css -------------------------------------------------------------------------------- /projeto/css/objects/main-title.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/css/objects/main-title.css -------------------------------------------------------------------------------- /projeto/css/objects/subtitle-featured.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/css/objects/subtitle-featured.css -------------------------------------------------------------------------------- /projeto/css/objects/title-featured.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/css/objects/title-featured.css -------------------------------------------------------------------------------- /projeto/css/objects/wrap-channel.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/css/objects/wrap-channel.css -------------------------------------------------------------------------------- /projeto/css/objects/wrap-featured.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/css/objects/wrap-featured.css -------------------------------------------------------------------------------- /projeto/css/objects/wrap-projects.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/css/objects/wrap-projects.css -------------------------------------------------------------------------------- /projeto/css/objects/wrap-social.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/css/objects/wrap-social.css -------------------------------------------------------------------------------- /projeto/css/reset.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/css/reset.css -------------------------------------------------------------------------------- /projeto/css/settings.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --primary-color: #754ef9; 3 | } 4 | -------------------------------------------------------------------------------- /projeto/img/avatar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/img/avatar.jpg -------------------------------------------------------------------------------- /projeto/img/baby.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/img/baby.jpg -------------------------------------------------------------------------------- /projeto/img/barba.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/img/barba.jpg -------------------------------------------------------------------------------- /projeto/img/expand.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/img/expand.svg -------------------------------------------------------------------------------- /projeto/img/facebook-white.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/img/facebook-white.svg -------------------------------------------------------------------------------- /projeto/img/facebook.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/img/facebook.svg -------------------------------------------------------------------------------- /projeto/img/fifth.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/img/fifth.jpg -------------------------------------------------------------------------------- /projeto/img/first.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/img/first.jpg -------------------------------------------------------------------------------- /projeto/img/fourth.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/img/fourth.jpg -------------------------------------------------------------------------------- /projeto/img/linkedin-white.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/img/linkedin-white.svg -------------------------------------------------------------------------------- /projeto/img/linkedin.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/img/linkedin.svg -------------------------------------------------------------------------------- /projeto/img/second.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/img/second.jpg -------------------------------------------------------------------------------- /projeto/img/seventh.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/img/seventh.jpg -------------------------------------------------------------------------------- /projeto/img/sixth.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/img/sixth.jpg -------------------------------------------------------------------------------- /projeto/img/third.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/img/third.jpg -------------------------------------------------------------------------------- /projeto/img/twitch.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/img/twitch.png -------------------------------------------------------------------------------- /projeto/img/twitter-white.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/img/twitter-white.svg -------------------------------------------------------------------------------- /projeto/img/twitter.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/img/twitter.svg -------------------------------------------------------------------------------- /projeto/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/index.html -------------------------------------------------------------------------------- /projeto/js/component/main-carousel.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/js/component/main-carousel.js -------------------------------------------------------------------------------- /projeto/js/component/main-expand.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/js/component/main-expand.js -------------------------------------------------------------------------------- /projeto/js/component/main-form.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/marcobrunodev/curso-frontend-com-boas-praticas/HEAD/projeto/js/component/main-form.js --------------------------------------------------------------------------------