site/index.html at main · lgdcd08/site · 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
<!DOCTYPE html>
<html lang="pt-BR">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Diretoria Do Som - Sonorização em eventos</title>
    <meta name="description" content="">
    <link rel="shortcut icon" href="img/dj_music_4639.png" type="image/x-icon">
    <link rel="stylesheet" href="style.css">
    <div class="container"></div>
</head>

<body>
    <!-- Cabeçalho -->
    <header>
        <!--Logotipo -->
        <div id="logo">
            <img src="img/logo.jpg" alt="logotipo diretoria">
        </div>
        <!-- Menu-->
        <nav>
            <input type="checkbox" id="check">
            <label for="check">&#x268c;</label>
            <ul>
                <li><a href="#">Inicio</a></li>
                <li><a href="#://">Sobre</a></li>
                <li><a href="#://">Conteúdo</a></li>
                <li><a href="#://">Contato</a></li>
            </ul>
        </nav>
    </header>
 <!--main-->
    <main>

        <div >
            <h1> Diretoria Do Som </h1>
            <h2> Sonorização em eventos</h2>

           <a href="#" class="botao"> Saiba +</a>
        </div>
         <!-- Destaque -->
    <section id="destaque">
        <div class="container">
            <div id="imagemDestaque">
                <img src="img/bann" alt="Diretoria Do Som">
            </div>
            <div id="textoDestaque">
                <h2>Quer montar seu PC Gamer comigo?</h2>
                <p> Realizo o serviço de montagem de PC Gamer para São Paulo e região, faço consultoria para escolha das peças de acordo com a sua necessidade e orçamento.</p>
                <div class="topicos">
                    <img src="img/chip.png" alt="chip">
                    <p>Montagem de PC Gamer</p>
                </div>
                <div class="topicos">
                    <img src="img/gui.png" alt="video">
                    <p>Review de peças</p>
                </div>
                <div class="topicos">
                    <img src="img/cooler.png" alt="cooler">
                    <p>Upgrade e Manutenção</p>
                </div>
            </div>
        </div>
    </section>
    <!--sobre-->
    <section id="sobre" >
        <div class="container">
            <div id="institucional">
                <h2>Site para locação de equipamentos</h2>]
                <p> Carro chefe Controladora XDJ-XZ, Caixas ativas QSCK12...</p>
           </div>
           <div id="video">
            <iframe width="560" height="315" src="https://www.youtube.com/embed/72HTrLLAFP4?si=L6z-ZHJQ200NdAqa" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
           </div>
        </div>

    </section>


    </div>
        </main>
</body>

</html>