-
Notifications
You must be signed in to change notification settings - Fork 0
/
jse8-aula1-liberada.html
134 lines (124 loc) · 6.92 KB
/
jse8-aula1-liberada.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Semana JS Expert 8 | Erick Wendel</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- inject css -->
<link rel="stylesheet" href="css/style-337ecafac1.css" />
<!-- custom -->
<link rel="stylesheet" href="custom/style.css" />
<link rel="stylesheet" href="/style.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@500;700&family=Space+Grotesk:wght@500;700&display=swap" rel="stylesheet">
<!-- Facebook Pixel Code -->
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MPZTR92T');</script>
<!-- End Google Tag Manager -->
</head>
<body>
<main>
<section class="section -media">
<div class="logo-top"><img width="250px" src="./assets/logo-jse8.png"></div>
<header class="s-heading">
<div class="container">
<div class="row">
<div class="col-4">
<a href="./jse8-aula1-liberada" class="card -video-thumb -active -free">
<div class="image" style="background-image: url('./assets/video1-on.jpg');"></div>
<header class="caption">
<h4 class="title aula-title-a"><mark class="-active">AULA 1 - Liberada</mark></h4>
<p class="text">Recriando o P***hub do zero com pré-processamento de vídeos</p>
</header>
</a>
</div>
<div class="col-4">
<a href="./jse8-aula2-liberada" class="card -video-thumb -active -free">
<div class="image" style="background-image: url('./assets/video2-on.jpg');"></div>
<header class="caption">
<h4 class="title aula-title-a"><mark>AULA 2 - Liberada</mark></h4>
<p class="text">Até 10x Mais Performance: Processando vídeos na GPU do cliente pelo navegador</p>
</header>
</a>
</div>
<div class="col-4">
<a href="./jse8-aula3-liberada" class="card -video-thumb -active -free">
<div class="image" style="background-image: url('./assets/video3-on.jpg');"></div>
<header class="caption">
<h4 class="title aula-title-a"><mark>AULA 3 - Liberada</mark></h4>
<p class="text">Revelando o Roadmap para se tornar DEV Especialista</p>
</header>
</a>
</div>
</div>
</div>
</header>
<div class="s-content">
<div class="container">
<!--<div class="alert alert-danger">
<strong>ATENÇÃO - </strong> <a href="#" target="_blank"><u>LEIA ESTE PRONUNCIAMENTO SOBRE AS INSCRIÇÕES!</u></a>
</div>-->
<div class="embed-video">
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
<iframe style="background-color: #131313;" class="embed-responsive-item"
src="https://www.youtube.com/embed/lREkclNOHEc?si=a2YtG6N36J2S9rB-"></iframe>
</div>
</div>
<div class="alert alert-primary" id="apostila">
<div style="max-width: 800px;display: flex;text-align: left;">
<div class="block-ico"><img style="max-width: 200px;" src="./assets/jshub.png"></div>
<div class="block-content">
<h4 style="margin-bottom: 15px;font-size: 22px;"><strong>Baixe o template inicial da Semana JS Expert</strong></h4>
<div class="block-bt"><a class="block-bt" target="_blank" href="https://l.erickwendel.com.br/jse8-projeto">APERTE AQUI PARA BAIXAR</a></div>
</div>
</div>
</div>
<div class="alert alert-primary" id="discord">
<div style="max-width: 800px;display: flex;text-align: left;">
<div class="block-ico"><img style="max-width: 90px;" src="./assets/discord.png"></div>
<div class="block-content">
<h4 style="margin-bottom: 15px;font-size: 22px"><strong>Participe! Deixe seu comentário na Comunidade!</strong></h4>
<a target="_blank" href="https://l.erickwendel.com.br/jse8-discord"><div class="block-discord-bt">QUERO ENTRAR NA COMUNIDADE</div></a>
</div>
</div>
</div>
</div>
<!--<br>
<div class="col-10 offset-1">
<h4 class="text-center" ><b>Participe da Comunidade da Semana JS Expert</b></h4>
</div>-->
<!--</section>
</header>
<div class="container text-center">
</div>
</section>-->
</main>
<footer class="footer text-center">
<div class="container">
<a href="#" class="link -brand">
<img style="max-width: 230px;" src="./assets/logo-jse8.png" alt="">
</a>
<small>© 2023 Erick Wendel.<br>
Todos os direitos reservados.</small>
</div>
</footer>
<!-- inject js -->
<script src="js/bundle-002cb3c588.js"></script>
<!-- custom script -->
<script src="custom/script.js"></script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MPZTR92T"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
</body>
</html>