Skip to content

Commit 221631e

Browse files
author
allythy
committed
alterando o css e removendo imagem
1 parent 74b7ad8 commit 221631e

14 files changed

+76
-47
lines changed

‎assets/css/main.min.css

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/css/style.css

+41-20
Original file line numberDiff line numberDiff line change
@@ -1,42 +1,63 @@
1-
body {
2-
background-color: ;
3-
}
4-
51
.container-header {
62
height: 100vh;
3+
background-image: url(/assets/img/bg2.jpg);
4+
background-position: center;
5+
background-repeat: no-repeat;
6+
background-size: cover;
7+
background-attachment: fixed;
8+
filter: opacity(80%);
79
}
810

9-
nav {
10-
background-color: #1A1F21;
11+
.sub-text {
12+
color: white;
13+
font-size: 1.5rem;
14+
font-weight: lighter;
15+
}
16+
17+
.h1-header::before {
18+
content: '';
19+
border-top: solid 4px rgba(255, 255, 255, 100);
20+
width: 100%;
21+
display: block;
22+
margin: 15px auto;
1123
}
1224

13-
.fundo-header {
14-
background: linear-gradient(to right, #de6262, #ffb88c);
25+
.h1-header::after {
26+
content: '';
27+
border-top: solid 4px rgba(255, 255, 255, 100);
28+
width: 100%;
29+
display: block;
30+
margin: 15px auto;
1531
}
1632

17-
.cor-fundo {
18-
background-color: #f3f9d2;
33+
h2::after {
34+
content: '';
35+
border-top: solid 4px rgb(22, 37, 56);
36+
width: 10%;
37+
display: block;
38+
margin: 14px auto;
1939
}
2040

21-
.cor-text {
22-
background-color: #f9564f;
23-
/*edd382*/
41+
nav {
42+
background-color: #1A1F21;
2443
}
2544

26-
.vai {
27-
background-color: red;
45+
.h1-header {
46+
font-weight: bold;
47+
font-size: 4rem;
48+
color: white;
2849
}
2950

3051
.navbar-fixed {
3152
position: absolute;
3253
z-index: 999999999;
3354
}
3455

35-
.titulo-fundo {
36-
padding: 5px;
37-
background-color: #3b3b3b;
38-
}
39-
4056
.substitulo {
4157
color: rgb(69, 66, 66);
4258
}
59+
60+
.page-footer {
61+
margin: 0;
62+
padding: 0;
63+
}

‎assets/img/bg.jpg

1.96 MB
Loading

‎assets/img/bg2.jpg

2.29 MB
Loading

‎assets/img/clara.jpeg

-6.17 KB
Binary file not shown.

‎assets/img/pedro.jpeg

-21.7 KB
Binary file not shown.

‎assets/img/samuel.jpeg

-23.5 KB
Binary file not shown.

‎assets/js/app.min.js

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎gulpfile.js

+1-12
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,6 @@ var minifycss = require( 'gulp-minify-css' );
33
var uglify = require('gulp-uglify');
44
var concat = require( 'gulp-concat' );
55
var rename = require( 'gulp-rename' );
6-
var imagemin = require('gulp-imagemin');
7-
var newer = require('gulp-newer');
8-
96

107

118
gulp.task('copy:pasta',function() {
@@ -28,17 +25,9 @@ gulp.task('js', function() {
2825
.pipe(gulp.dest('./assets/js'));
2926
});
3027

31-
gulp.task('compress-img', function() {
32-
return gulp.src('./vendor/img/*.{jpg,jpeg,png}')
33-
.pipe(newer('./vendor/img/*.{jpg,jpeg,png}'))
34-
.pipe(imagemin({ optimizationLevel: 5, progressive: true, interlaced: true }))
35-
.pipe(gulp.dest('./assets/img/'));
36-
});
37-
3828
gulp.task( 'watch', function() {
3929
gulp.watch( './assets/css/*.css', [ 'css' ] );
4030
gulp.watch( './assets/js/*.js', [ 'js' ] );
41-
gulp.watch( './vendor/img/*.{jpg,jpeg,png}', ['compress-img']);
4231
});
4332

44-
gulp.task('default', ['watch' , 'css', 'copy:pasta', 'js', 'compress-img']);
33+
gulp.task('default', ['watch' , 'css', 'copy:pasta', 'js']);

‎index.html

+32-14
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@
2121
<div class="navbar-fixed">
2222
<nav class="transparent z-depth-0">
2323
<div class="nav-wrapper container">
24-
<a id="logo-container" href="#" class="brand-logo">Logo</a>
24+
<a id="logo-container" href="#" class="brand-logo"></a>
2525
<ul class="right hide-on-med-and-down ">
2626
<li><a href="#">Inicío</a></li>
2727
<li><a href="#participantes">Participantes</a></li>
@@ -42,10 +42,10 @@
4242
</div>
4343

4444
<!-- imagem -->
45-
<div class="container-header fundo-header valign-wrapper">
45+
<div class="container-header valign-wrapper">
4646
<div class="row">
47-
<h1 class="center-align white-text titulo-fundo">Minicurso de Git e GitHub</h1>
48-
<p class="center-align substitulo">Importância do versionamendo de código</p>
47+
<h1 class="center-align h1-header">Minicurso de Git e GitHub</h1>
48+
<p class="center-align sub-text">A importância do versionamendo de código</p>
4949
</div>
5050
</div>
5151
</header>
@@ -57,23 +57,41 @@ <h1 class="center-align white-text titulo-fundo">Minicurso de Git e GitHub</h1>
5757
</div>
5858
</section>
5959

60-
<div id="sobre" class="section black scrollspy">
61-
<div class="row container">
62-
<h2 class="header blue-text text-darken-2 ">Sobre</h2>
63-
<p class="grey-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
64-
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum..</p>
60+
<section>
61+
<div id="sobre" class="section blue-grey darken-4 scrollspy">
62+
<div class="row">
63+
<div class="container">
64+
<h2 class="white-text">Sobre</h2>
65+
<p class="grey-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
66+
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum..</p>
67+
</div>
68+
</div>
6569
</div>
66-
</div>
70+
</section>
6771

6872
<!-- Foto do pesoal do curso -->
69-
<section class="cor-fundo">
73+
<section>
7074
<div class="parallax-container valign-wrapper">
71-
<div class="row">
72-
<h1 class="center-align white-text cor-text">Texto Qualquer</h1>
75+
<div class="parallax">
76+
<img src="assets/img/bg.jpg" alt="">
7377
</div>
7478
</div>
7579
</section>
7680

81+
<section>
82+
<div class="container">
83+
<h2 class="center">Contato</h2>
84+
<p class="center">Gostou do minicurso ou tem interesse em levar para sua faculdade ou escola ? Fale com a gente que vamos até você.</p>
85+
<p>Allythy</p>
86+
<p>Telegram: </p>
87+
<p>E-mail</p>
88+
<p>Site:</p>
89+
<p>Clara</p>
90+
<p>Telegram: </p>
91+
<p>E-mail:</p>
92+
</div>
93+
</section>
94+
7795
<footer class="page-footer grey darken-4">
7896
<div class="footer-copyright">
7997
<div class="container">
@@ -84,7 +102,7 @@ <h1 class="center-align white-text cor-text">Texto Qualquer</h1>
84102

85103
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
86104
<script src="vendor/js/materialize.min.js"></script>
87-
<script src="assets/js/init.js"></script>
105+
<script src="assets/js/app.min.js"></script>
88106

89107
</body>
90108

‎vendor/img/clara.jpeg

-6.73 KB
Binary file not shown.

‎vendor/img/pedro.jpeg

-22.2 KB
Binary file not shown.

‎vendor/img/samuel.jpeg

-23.5 KB
Binary file not shown.

‎vendor/img/user.jpeg

-22.6 KB
Binary file not shown.

0 commit comments

Comments
 (0)