modulo02_lauchbase/classes.html at master · RobsonGap/modulo02_lauchbase · GitHub

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
<!DOCTYPE html>
<html>
<head>
<title>Robson</title>
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet">
</head>
<body>

  <header>
    <div class="links">
      <a href="index.html">Sobre</a>
      <a href="classes.html">Aulas</a>
    </div>
</header>

  <div id="wrapper">
    <h1>Aulas</h1>
  </div>

  <section class="cards">

    <div class="div card" id="GykTLqODQuU">
      <div class="card__image-container">
        <img src="https://img.youtube.com/vi/GykTLqODQuU/mqdefault.jpg" alt="Video Aula">
    </div>
    <div class="card__content">
      <p>Formulario Animado com JS puro e CSS Animation | Mayk Brito</p>
    </div>
    <div class="card__info">
      <p>57 min</p>
      <p class="card__price">Free</p>
    </div>
   </div>


   <div class="card" id="HN1UjzRSdBk">
    <div class="card__image-container">
      <img src="https://img.youtube.com/vi/HN1UjzRSdBk/mqdefault.jpg" alt="Video Aula">
  </div>
  <div class="card__content">
    <p>Formulario Animado com JS puro e CSS Animation | Mayk Brito</p>
  </div>
  <div class="card__info">
    <p>57 min</p>
    <p class="card__price">Free</p>
  </div>
 </div>

 <div class="card" id="rAzHvYnQ8DY">
  <div class="card__image-container">
    <img src="https://img.youtube.com/vi/rAzHvYnQ8DY/mqdefault.jpg" alt="Video Aula">
</div>
<div class="card__content">
  <p>Formulario Animado com JS puro e CSS Animation | Mayk Brito</p>
</div>
<div class="card__info">
  <p>57 min</p>
  <p class="card__price">Free</p>
</div>
</div>

<div class="card" id="ghTrp1x_1As">
  <div class="card__image-container">
    <img src="https://img.youtube.com/vi/ghTrp1x_1As/mqdefault.jpg" alt="Video Aula">
</div>
<div class="card__content">
  <p>Formulario Animado com JS puro e CSS Animation | Mayk Brito</p>
</div>
<div class="card__info">
  <p>57 min</p>
  <p class="card__price">Free</p>
</div>
</div>

<div class="card" id="GSqR2i-Pq6o">
  <div class="card__image-container">
    <img src="https://img.youtube.com/vi/GSqR2i-Pq6o/mqdefault.jpg" alt="Video Aula">
</div>
<div class="card__content">
  <p>Formulario Animado com JS puro e CSS Animation | Mayk Brito</p>
</div>
<div class="card__info">
  <p>57 min</p>
  <p class="card__price">Free</p>
</div>
</div>

<div class="card" id="2alg7MQ6_sI" >
  <div class="card__image-container">
    <img src="https://img.youtube.com/vi/2alg7MQ6_sI/mqdefault.jpg" alt="Video Aula">
</div>
<div class="card__content">
  <p>Formulario Animado com JS puro e CSS Animation | Mayk Brito</p>
</div>
<div class="card__info">
  <p>57 min</p>
  <p class="card__price">Free</p>
</div>
</div>

  </section>

  <div class="modal-overlay">
    <div class="modal">
      <a class="close-modal">
        <i class="material-icons">close</i>
      </a>

      <div class="modal-content">
        <iframe src="" frameborder="0"></iframe>
      </div>

    </div>
  </div>
      <script src="scripts.js"></script>
  </body>
</html>