Skip to content

Commit 6c8e13c

Browse files
TinooberProjectsTinooberProjects
committed
Versão cabecalho JS
1 parent 231e4f0 commit 6c8e13c

File tree

3 files changed

+365
-7
lines changed

3 files changed

+365
-7
lines changed

‎css/style.css‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -987,3 +987,12 @@ height: 53px;
987987

988988
color:#1eb341;
989989
}
990+
991+
992+
/* FIXO
993+
994+
.fixo{
995+
996+
position:fixed;
997+
998+
} */

‎index (copy 1).html‎

Lines changed: 319 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,319 @@
1+
<!--
2+
Author: W3layouts
3+
Author URL: http://w3layouts.com
4+
License: Creative Commons Attribution 3.0 Unported
5+
License URL: http://creativecommons.org/licenses/by/3.0/
6+
7+
Adapted by Everton Santos
8+
Adapted URL:https://tinoober.com
9+
-->
10+
<!DOCTYPE html>
11+
<html lang="pt-br">
12+
<head>
13+
<title>TinooberProjects</title>
14+
<meta charset="utf8">
15+
<link rel="shortcut icon" href="images/logo.svg">
16+
<link href="css/bootstrap.css" rel='stylesheet' type='text/css'/>
17+
<link href="css/bootstrap.min.css" rel='stylesheet' type='text/css' />
18+
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
19+
<script src="js/jquery.easing.min.js"></script>
20+
<!-- <link href='http://fonts.googleapis.com/css?family=Raleway:400,100,300,500,700,800,900,600,200' rel='stylesheet' type='text/css'> -->
21+
<meta name="viewport" content="width=device-width, initial-scale=1">
22+
<meta name="keywords" content="TinooberProjects, Github TinooberProjects" />
23+
24+
25+
26+
<meta name="description" content="Tinoober Projects: Repositório Github: Códigos Didáticos e produções independentes.">
27+
<meta name="robots" content="index, follow">
28+
<link rel="canonical" href="https://tinooberprojects.github.io">
29+
<meta property="og:locale" content="pt_BR">
30+
<meta property="og:type" content="Repositório Github">
31+
<meta property="og:title" content="Tinoober Projects: Repositório Github: Códigos Didáticos e produções independentes.">
32+
<meta property="og:description" content="Tinoober Projects: Repositório Github: Códigos Didáticos e produções independentes.">
33+
<meta property="og:url" content="https://tinooberprojects.github.io">
34+
35+
36+
37+
38+
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
39+
<script src="js/jquery.min.js"> </script>
40+
<!---- start-smoth-scrolling---->
41+
<script type="text/javascript" src="js/move-top.js"></script>
42+
<script type="text/javascript" src="js/easing.js"></script>
43+
<script type="text/javascript">
44+
jQuery(document).ready(function($) {
45+
$(".scroll").click(function(event){
46+
event.preventDefault();
47+
$('html,body').animate({scrollTop:$(this.hash).offset().top},900);
48+
});
49+
});
50+
</script>
51+
<!---- start-smoth-scrolling---->
52+
53+
<!----//requred-js-files---->
54+
<script type="text/javascript" src="js/jquery.smint.js"></script>
55+
<script type="text/javascript">
56+
$(document).ready( function() {
57+
$('.subMenu').smint({
58+
'scrollSpeed' : 1000
59+
});
60+
});
61+
</script>
62+
63+
</head>
64+
<body>
65+
<!--Início da página-->
66+
<div id="home" class="banner">
67+
<div class="container">
68+
<div class="banner-info">
69+
70+
<h1>Tinoober Projects</h1>
71+
<p>Repositório Github: Códigos Didáticos e produções independentes.</p>
72+
73+
74+
<a class="hvr-shutter-out-vertical button" target="blank" href="https://tinoober.com">TINOOBER.COM</a>
75+
</div>
76+
</div>
77+
</div>
78+
<!---->
79+
<div class="navigation">
80+
<div class="container">
81+
<div class="fixed-header">
82+
<div class="top-menu">
83+
<ul>
84+
<li class="scroll"><a class="scroll" href="#home">TOPO</a></li>
85+
<li><a class="scroll" href="#sobre">SOBRE</a></li>
86+
<li><a class="scroll" href="#skills">SKILLS</a></li>
87+
<li><a class="scroll" href="#portfolio">PORTFÓLIO</a></li>
88+
<li><a href="https://github.com/TinooberProjects?tab=repositories" target="blank">REPO</a></li>
89+
<!-- <li><a class="scroll" href="#contact">CONTATOS</a></li> -->
90+
</ul>
91+
</div>
92+
93+
<div class="clearfix"></div>
94+
</div>
95+
<script>
96+
$("span.menu").click(function(){
97+
$(".top-menu ul").slideToggle(500, function(){
98+
});
99+
});
100+
</script>
101+
102+
<!-- script for menu -->
103+
<script type="text/javascript">
104+
jQuery(document).ready(function($) {
105+
$(".scroll").click(function(event){
106+
event.preventDefault();
107+
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
108+
});
109+
});
110+
</script>
111+
112+
<!-- script for menu -->
113+
<script>
114+
$(document).ready(function() {
115+
var navoffeset=$(".navigation").offset().top;
116+
$(window).scroll(function(){
117+
var scrollpos=$(window).scrollTop();
118+
if(scrollpos >=navoffeset){
119+
$(".navigation").addClass("fixed");
120+
}else{
121+
$(".navigation").removeClass("fixed");
122+
}
123+
});
124+
125+
});
126+
</script>
127+
</div>
128+
</div>
129+
<!---->
130+
<div id="skills" class="top-grid">
131+
<div class="container">
132+
<div class="top-grid-section">
133+
<div class="col-md-3 top-grids">
134+
<span class="icon1"></span>
135+
<h3>Python</h3>
136+
<p>Linguagem de programação dinâmica e de altíssimo nível.Desenvolvido por Guido van Rossum, em 1990, oriunda da linguagem ABC.</p>
137+
</div>
138+
<div class="col-md-3 top-grids">
139+
<span class="icon2"></span>
140+
<h3>Flutter</h3>
141+
<p>SDK desenvolvido pela Google entre 2014 e 2015, baseado em Dart, amplamente utilizado para construção de aplicativos, em especial para dispositivos móveis. </p>
142+
</div>
143+
<div class="col-md-3 top-grids">
144+
<a data-toggle="modal" data-target=".bs-example-modal-md" href="#" > <span class="icon3"></span></a>
145+
<h3>Códigos Didáticos</h3>
146+
<p>Neste repositório, serão postados códigos comentados, assim como, material didático para estudo dirigido. A fim de ajudar pessoas que queiram programar nestas linguagens, socializando materiais gratuitamente.</p>
147+
</div>
148+
<div class="col-md-3 top-grids">
149+
<a href="https://www.youtube.com/channel/UCJD6SCfp-STR-2u4pHjG0Ag" target="blank"><span class="icon4"></span></a>
150+
<h3>Vídeo Aulas</h3>
151+
<p>No canal do youtube TINOOBER, são postados semanalmente conteúdos voltados para tecnologia, em especial para introdução de assuntos introdutórios à algumas linguagens de programação.</p>
152+
<!-- <a class="scroll" id="novo" href="https://www.youtube.com/channel/UCJD6SCfp-STR-2u4pHjG0Ag" target="blank">teste</a> -->
153+
</div>
154+
155+
<div class="clearfix"></div>
156+
</div>
157+
</div>
158+
</div>
159+
<!---->
160+
<div id="sobre" class="about">
161+
<div class="container">
162+
<div class="col-md-6 about-pic">
163+
<img id="minhafoto" src="images/Foto linkedin.png" alt=""/>
164+
</div>
165+
<div class="col-md-6 about-info">
166+
<h3>Everton Santos</h3>
167+
<p id="descricao" >Licenciando em Computação || dev Flutter || dev python em contínua formação. Interesso-me por discussões a respeito de formação
168+
de professores para o uso de tecnologia de forma critica na educação , Metodologia Ativas de Aprendizagem, automação de processos e construção de soluções digitais. . . .</p>
169+
<a class="hvr-bounce-to-bottom" target="blank" href="https://www.linkedin.com/in/everton-de-jesus-santos-0044b3143">Saiba Mais </a>
170+
</div>
171+
</div>
172+
</div>
173+
<!----start-portfolio---->
174+
<div id="portfolio" class="portfolio section s2">
175+
<div class="container portfolio-head">
176+
<h3> Portfólio</h3>
177+
</div>
178+
<!---- start-portfolio-script----->
179+
<script src="js/hover_pack.js"></script>
180+
<script type="text/javascript" src="js/jquery.mixitup.min.js"></script>
181+
<script type="text/javascript">
182+
$(function () {
183+
var filterList = {
184+
init: function () {
185+
186+
// MixItUp plugin
187+
// http://mixitup.io
188+
$('#portfoliolist').mixitup({
189+
targetSelector: '.portfolio',
190+
filterSelector: '.filter',
191+
effects: ['fade'],
192+
easing: 'snap',
193+
// call the hover effect
194+
onMixEnd: filterList.hoverEffect()
195+
});
196+
197+
},
198+
hoverEffect: function () {
199+
// Simple parallax effect
200+
$('#portfoliolist .portfolio').hover(
201+
function () {
202+
$(this).find('.label').stop().animate({bottom: 0}, 200, 'easeOutQuad');
203+
$(this).find('img').stop().animate({top: -30}, 500, 'easeOutQuad');
204+
},
205+
function () {
206+
$(this).find('.label').stop().animate({bottom: -40}, 200, 'easeInQuad');
207+
$(this).find('img').stop().animate({top: 0}, 300, 'easeOutQuad');
208+
}
209+
);
210+
211+
}
212+
213+
};
214+
// Run the show!
215+
filterList.init();
216+
});
217+
</script>
218+
<!----//End-portfolio-script----->
219+
<ul id="filters" class="clearfix">
220+
<!-- Coloque em data-filter os tipos, na parte de todos colocar todos os tipos -->
221+
<li><span class="filter active" data-filter="ptex flappy disparador crongui">Todos</span></li>
222+
<!-- <li><span class="filter" data-filter="app">PTeX</span></li> -->
223+
<li><span class="filter" data-filter="ptex">PTeX</span></li>
224+
<li><span class="filter" data-filter="flappy">FlappyBird Cover</span></li>
225+
<li><span class="filter" data-filter="disparador">Disparador de Mensagens</span></li>
226+
<li><span class="filter" data-filter="crongui">Crongui</span></li>
227+
228+
229+
</ul>
230+
<!-- Ao aumentar a quantidade de projetos no repositório diminuir no css o width da classe portfoliolist -->
231+
<div id="portfoliolist">
232+
<div class="portfolio ptex mix_all" data-cat="ptex" style="display: inline-block; opacity: 1;">
233+
<div class="portfolio-wrapper">
234+
<a href="https://github.com/TinooberProjects/PteX" target="blank" class="b-link-stripe b-animate-go thickbox">
235+
<img src="images/ptex.png" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="images/link-ico.png" alt=""/></h2>
236+
</div></a>
237+
</div>
238+
</div>
239+
<div class="portfolio flappy mix_all" data-cat="flappy" style="display: inline-block; opacity: 1;">
240+
<div class="portfolio-wrapper">
241+
<a href="https://github.com/TinooberProjects/FlappyBirdCover" target="blank" class="b-link-stripe b-animate-go thickbox">
242+
<img src="images/flappy.png" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="images/link-ico.png" alt=""/></h2>
243+
</div></a>
244+
</div>
245+
</div>
246+
<div class="portfolio disparador mix_all" data-cat="dipsparador" style="display: inline-block; opacity: 1;">
247+
<div class="portfolio-wrapper">
248+
<a href="https://github.com/TinooberProjects/DisparadorZap" target="blank" class="b-link-stripe b-animate-go thickbox">
249+
<img src="images/disparador.png" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="images/link-ico.png" alt=""/></h2>
250+
</div></a>
251+
</div>
252+
</div>
253+
<div class="portfolio crongui mix_all" data-cat="crongui" style="display: inline-block; opacity: 1;">
254+
<div class="portfolio-wrapper">
255+
<a href="https://github.com/TinooberProjects/Crongui" target="blank" class="b-link-stripe b-animate-go thickbox">
256+
<img src="images/crongui.png" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="images/link-ico.png" alt=""/></h2>
257+
</div></a>
258+
</div>
259+
</div>
260+
261+
262+
263+
264+
265+
266+
267+
<!-- Model completo -->
268+
<!-- <div class="portfolio flappy mix_all" data-cat="flappy" style="display: inline-block; opacity: 1;">
269+
<div class="portfolio-wrapper">
270+
<a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go thickbox">
271+
<img src="images/flappy.png" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="images/link-ico.png" alt=""/></h2>
272+
</div></a>
273+
</div>
274+
</div> -->
275+
<!-- Fim modelo completo -->
276+
277+
278+
<div class="clearfix"> </div>
279+
</div>
280+
</div>
281+
<!----//End-portfolio---->
282+
<script src="js/bootstrap.min.js"></script>
283+
<!----start-model-box---->
284+
<a data-toggle="modal" data-target=".bs-example-modal-md" href="#"> </a>
285+
<div class="modal fade bs-example-modal-md light-box" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" >
286+
<div class="modal-dialog modal-md">
287+
<div class="modal-content light-box-info">
288+
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><img src="images/close.png" title="close" aria-hidden="true" /></button>
289+
<h3>Escolha a sua linguagem:</h3>
290+
<p><a id="visible" href="https://github.com/TinooberProjects/codigosflutter" target="blank">Código comentados Flutter</a></p>
291+
<p><a id="visible" href="https://github.com/TinooberProjects/codigosdart" target="blank">Código comentados Dart</a></p>
292+
<img width="50%"src="images/crongui.png" alt="teste">
293+
</div>
294+
</div>
295+
</div>
296+
<!----start-model-box---->
297+
298+
<!----start-contact---->
299+
<div id="contact" class="contact section s4">
300+
<div class="social-media">
301+
<a href="https://api.whatsapp.com/send?phone=5575982646726" target="blank"><i class="zap"></i></a>
302+
<a href="https://www.linkedin.com/in/everton-de-jesus-santos-0044b3143" target="blank"><i class="linkedin"></i></a>
303+
<a href="https://www.youtube.com/channel/UCJD6SCfp-STR-2u4pHjG0Ag"
304+
target="blank"><i class="youtube"></i></a>
305+
<a href="https://tinoober.com/" target="blank"><i class="site"></i></a>
306+
<a href="https://www.instagram.com/ti_noober/" target="blank"><i class="instagram"></i></a>
307+
</div>
308+
<div class="copy-right">
309+
310+
<p>Adapted by<a target="blank" href="https://tinoober.com">Everton Santos</a></p>
311+
<p>Original Design by<a target="blank" href="http://w3layouts.com/">W3layouts</a></p>
312+
</div>
313+
</div>
314+
</div>
315+
316+
317+
318+
</body>
319+
</html>

0 commit comments

Comments
 (0)