Pull request para finalização do projeto

.gitignore

@@ -0,0 +1 @@
+node_modules/

README.md

@@ -1,3 +1,11 @@
+# Projeto Desafio da Qconcursos
+
+Desenvolvi o projeto front-end proposto pelo processo seletivo da Qconcursos, consegui obter um bom resulta e acredito que alcancei o que fora solicitado pela descrição. Para analisar o resultado é só entrar na pasta `public` e abrir o arquivo `index.min.html` no navegador.
+
+Agradeço demais a oportunidade, foi um prazer criar o projeto do zero.
+
+### Descrição:
+
 # Frontend Chalenge - Qconcursos
 
 Olá Dev.

assets/style/about.css

@@ -0,0 +1,26 @@
+.about {
+    background-color: var(--bg-about);
+    padding: 50px 150px; 
+}
+
+.about p {
+    font-size: 1.6em;
+}
+
+@media (max-width: 574px) {
+    .about {
+        padding: 50px 30px;
+    }
+    .about p {
+        font-size: 2.1em;
+    }
+}
+
+@media (min-width: 578px) and (max-width: 890px) {
+    .about {
+        padding: 50px 40px;
+    }
+    .about p {
+        font-size: 2.2em;
+    }
+}

assets/style/challenge.css

@@ -0,0 +1,133 @@
+.challenge {
+    background-color: var(--bg-challenge);
+    height: auto;
+    padding: 50px 0;
+    position: relative;
+
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.dev-repository {
+    height: auto;
+    width: 550px;
+    /* border: 1px solid #000; */
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    background-color: var(--bg-repository);
+    border-radius: 5px;
+    -webkit-box-shadow: 0px 0px 15px 2px rgba(49, 100, 68, .2); 
+    box-shadow: 0px 0px 15px 2px rgba(49, 100, 68, .2);
+}
+
+.first-req {
+    display: flex;
+    flex-direction: row;
+    padding: 20px;
+}
+
+.dev-repository p {
+    font-size: 1.6em;
+    font-weight: 600;
+    color: var(--darker-green);
+}
+.profile {
+    margin-right: 20px;
+}
+.profile img {
+    width: 160px;
+    border-radius: 50%;
+}
+
+.profile p {
+    text-align: center;
+}
+
+.profile a {
+    text-decoration: none;
+}
+
+.data {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+    height: inherit;
+}
+
+.data div p {
+    margin-bottom: 5px;
+}
+
+.button-repos {
+    background-color: transparent;
+    outline: none;
+    cursor: pointer;
+    color: var(--darker-green);
+    font-size: 1.6em;
+    font-weight: 600;
+    text-transform: uppercase;
+    border: 2px solid var(--btn-border-color);
+    padding: 5px 0 5px;
+    width: 160px;
+}
+
+.data div a {
+    text-decoration: none;
+    color: var(--dark-green)
+}
+
+.repo-req p:nth-child(2n+1) {
+    background-color: #D2EEDF;
+}
+.repo-req p {
+    padding: 8px;
+}
+
+.repo-req::-webkit-scrollbar-track {
+    background-color: #f6f6f6;
+}
+.repo-req::-webkit-scrollbar {
+    width: 8px;
+    background: #F4F4F4;
+}
+.repo-req::-webkit-scrollbar-thumb {
+    background: #c7c7c7;
+}
+
+@media (max-width: 574px) {
+    .dev-repository {
+        width: 320px;
+        height: auto;
+    }
+    .dev-repository p {
+        font-size: 1.8em;
+    }
+    .profile img {
+        width: 100px;
+    }
+    .first-req {
+        flex-direction: column;
+        align-items: center;
+    }
+    .data {
+        align-items: center;
+    }
+    .repo-data {
+        padding-top: 10px;
+        padding-bottom: 10px;
+    }
+    .data div:nth-child(2) {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+    }
+}
+
+@media (min-width: 578px) and (max-width: 890px) {
+    /* .data div p {
+        font-size: 1.8em;
+    } */
+}

assets/style/footer.css

@@ -0,0 +1,16 @@
+/* footer */
+.footer {
+    font-size: 1.8em;
+    background-color: var(--footer-color);
+    position: absolute;
+
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 60px;
+}
+
+.footer p {
+    color: var(--white-text);
+}

assets/style/header.css

@@ -0,0 +1,44 @@
+.header {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    padding: 25px 50px;
+}
+
+.header h1, .header nav a {
+    font-size: 2em;
+}
+
+.header h1 {
+    color: var(--white-text);
+    font-weight: 500;
+    text-transform: uppercase;
+}
+
+.header nav a {
+    text-decoration: none;
+    color: var(--white-text);
+    margin-right: 50px;
+}
+
+.header nav a:nth-child(3) {
+    margin-right: 0;
+}
+
+@media (max-width: 574px) {
+    .header {
+        display: flex;
+        flex-direction: column;
+        color:red;
+        padding: 10px 0px;
+    }
+
+    .header h1, .header nav a {
+        font-size: 2.6em;
+    }
+}

assets/style/main.css

@@ -0,0 +1,27 @@
+:root {
+    --footer-color: #373737;
+    --white-text: #e6e6e6;
+    --black-text: #050505;
+    --bg-about: #fafafa;
+    --bg-challenge: #EBF6EE;
+    --btn-border-color: #B8DFC6;
+    --dark-green: #52996d;
+    --darker-green: #316444;
+    --bg-repository: #fdfdfd;
+    font-size: 62.5%; /* 10px */
+}
+
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+
+    font-family: 'Open Sans', sans-serif;
+    color: var(--black-text);
+}
+
+.section-title {
+    font-size: 2.5em;
+    text-align: center;
+    margin-bottom: 40px;
+}

assets/style/principal.css

@@ -0,0 +1,47 @@
+.principal {
+    background-image: linear-gradient(rgba(0, 0, 0, 0.3),rgba(0, 0, 0, 0.3)), 
+        url(/public/img/bg-computer-coffee.jpg);
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: cover;
+    background-attachment: fixed; /* efeito parallax */
+    min-height: 600px;
+    height: 95vh;
+
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+.principal-heading {
+    text-align: center;
+
+}
+
+.principal-heading h1 {
+    font-size: 4.2em;
+    color: var(--white-text);
+}
+
+.principal-heading h2 {
+    font-size: 3em;
+    color: var(--white-text);
+    font-weight: 600;
+}
+
+.social-media {
+    font-size: 4em;
+    position: absolute;
+    color: orange;
+    margin: 0 auto;
+    bottom: 50px;
+}
+
+.fa-facebook-square, .fa-linkedin, .fa-github-square {
+    color: rgba(250, 250, 250,.6);
+}
+
+.fa-facebook-square, .fa-linkedin {
+    margin-right: 20px;
+}

gulpfile.js

@@ -0,0 +1,38 @@
+const gulp = require('gulp')
+const series = gulp.series
+const minify = require('gulp-minify')
+const concat = require('gulp-concat')
+const uglifycss = require('gulp-uglifycss')
+const gulpMinifyHTML = require('gulp-htmlmin')
+
+function minifyJS(callback) {
+    gulp.src('./script/**/*.js')
+        .pipe(minify({ noSource: true }))
+        .pipe(gulp.dest('./public/min/script'))
+    return callback()
+}
+
+function minifyCSS(callback) {
+    gulp.src(['./assets/style/main.css', './assets/style/header.css', './assets/style/principal.css',
+    './assets/style/about.css', './assets/style/challenge.css', './assets/style/footer.css'])
+        .pipe(uglifycss({ "uglyComments": true }))
+        .pipe(concat('style.min.css'))
+        .pipe(gulp.dest('./public/min/style'))
+    return callback()
+}
+
+function minifyHTML(callback) {
+    gulp.src('./index.html')
+        .pipe(gulpMinifyHTML({ collapseWhitespace: true }))
+        .pipe(concat('index.min.html'))
+        .pipe(gulp.dest('./public'))
+    return callback()
+}
+
+function copyImages(callback) {
+    gulp.src('./assets/img/**/*')
+        .pipe(gulp.dest('./public/img'))
+    callback()
+}
+
+module.exports.default = series(minifyJS, minifyCSS, minifyHTML, copyImages)