-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathStudioLab.html
191 lines (167 loc) · 4.88 KB
/
StudioLab.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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Studio LAB</title>
<link rel="stylesheet" href="StudioLAB.css">
<link rel="shortcut icon" href="imgs/logo.png" type="image/x-icon">
</head>
<body>
<header>
<nav>
<ul>
<img id="slogan" src="imgs/" alt="" srcset="">
<li><a href="/">About Us</a></li>
<li><a href="#news">News</a></li>
<li><a href="#artistas">Artists</a></li>
<li><a href="/">Awards</a></li>
<li><a href="/">Curriculum</a></li>
</ul>
</nav>
</header>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<main>
<div id="bloco01" class="BlocoPrincipal">
<img id="micro" src="imgs/micro.png" alt="">
<h1 id="titulo">Bem-Vindo ao StudioLab - Sua Jornada Musical Começa Aqui!</h1>
<br>
<h1>Seja um músico talentoso, entusiasta da música ou amante da arte sonora, o StudioLab é o seu destino musical
definitivo.
</h1>
<br>
<h1>
Nossa paixão pela música nos leva a criar experiências inesquecíveis.</h1>
<br>
<h1>Como uma agência musical comprometida, estamos aqui para transformar suas aspirações musicais em realidade.
</h1>
<br>
<h1> Na atmosfera do StudioLab, a criatividade flui, as notas ganham vida e histórias são contadas através da
melodia. Nossa equipe talentosa e apaixonada está pronta para guiar cada passo da sua jornada musical,
oferecendo gravações de classe mundial e aulas personalizadas para atender às suas necessidades.
</h1>
<br>
<br>
<h1>Explore nossos serviços, conheça nossa equipe e mantenha-se atualizado com as novidades musicais em nosso
site.
Se você busca criar, aprender ou conectar-se com outros amantes da música, o StudioLab é o lugar onde tudo isso
se torna realidade.</h1>
<br>
<br>
<h1>
Estamos entusiasmados em fazer parte da sua jornada musical. Junte-se a nós e descubra o poder da música.
Bem-vindo ao StudioLab!
</h1>
</div>
</main>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<h1 id="sla">News</h1>
<br>
<div class="acoplamento">
<section id="news" class="news">
<img id="segred" src="imgs/guardar-segredo-article_m-1.webp" alt="Notícia 1">
<div class="conteudo">
<h2>Mais um artista fecha com a StudioLab!</h2>
<p>mais um artista do mainstream fecha com a StudioLab, veja quem!</p>
<button id="btn01">Ver mais</button>
</div>
</section>
<br>
<br>
<br>
<br>
<section id="news" class="news">
<img id="segred" src="imgs/guardar-segredo-article_m-1.webp" alt="Notícia 1">
<div class="conteudo">
<h2>Mais um artista fecha com a StudioLab!</h2>
<p>mais um artista do mainstream fecha com a StudioLab, veja quem!</p>
<button id="btn01">Ver mais</button>
</div>
</section>
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<h1 id="sla">Artistas</h1>
<div class="acoplamento02">
<section id="artistas" class="artistas">
<div class="artista">
<img id="artista01" src="imgs/EgId-JQXkAAeB6I.jpg" alt="">
<h3>Justin Bieber</h3>
<p>um cantor, compositor e ator canadense</p>
</div>
</section>
<section class="artistas">
<div class="artista">
<img id="artista01" src="imgs/EgId-JQXkAAeB6I.jpg" alt="">
<h3>Nome do artista</h3>
<p>descricao dele</p>
</div>
</section>
</div>
<div class="acoplamento02">
<section class="artistas">
<div class="artista">
<img id="artista01" src="imgs/Usher-118650661_10158777382897498_383041091290347662_o.jpg" alt="">
<h3>Usher</h3>
<p>descricao do artista</p>
</div>
</section>
<section class="artistas">
<div class="artista">
<img id="artista01" src="imgs/Usher-118650661_10158777382897498_383041091290347662_o.jpg" alt="">
<h3>Usher</h3>
<p>descricao do artista</p>
</div>
</section>
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<section class="premios">
<div class="premio">
<img id="estatueta" src="imgs/clave-de-sol-dourado-da-musica-com-trofeu-do-premio-do-microfone-em-um-fundo-branco-renderizacao-3d_476612-14500.avif" alt="Prêmio 1">
<h3>Nome do Prêmio 1</h3>
<p>Descrição do Prêmio 1.</p>
</div>
<div class="premio">
<img src="caminho/do/logo_premio2.jpg" alt="Prêmio 2">
<h3>Nome do Prêmio 2</h3>
<p>Descrição do Prêmio 2.</p>
</div>
<div class="premio">
<img src="caminho/do/logo_premio3.jpg" alt="Prêmio 3">
<h3>Nome do Prêmio 3</h3>
<p>Descrição do Prêmio 3.</p>
</div>
</section>
</div>
</section>
</body>
</html>