codeCafe/index.html at main · warleyramires/codeCafe · 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
<!DOCTYPE html>
<html lang="pt-BR">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Code Café</title>

    <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=Source+Serif+Pro:wght@300;400;600;700&display=swap"
      rel="stylesheet"
    />
    <link rel="shortcut icon" href="./images/logo.svg" type="image/x-icon" />

    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="./css/style.css" />
    <link rel="stylesheet" href="./css/responsivo.css" />
  </head>
  <body>
    <header class="cabecalho">
      <a href="index.html" class="logo">
        <h1>Code Café</h1>
      </a>

      <nav>
        <ul>
          <li><a href="#quem-somos">Quem Somos</a></li>
          <li><a href="#onde-estamos">Onde Estamos</a></li>
          <li><a href="#contato">Contato</a></li>
        </ul>
      </nav>
    </header>

    <main>
      <section class="painel">
        <h2>Aqui o café é só o começo</h2>
      </section>

      <section class="secao-com-texto" id="quem-somos">
        <header>
          <img src="./images/logo-secoes.svg" alt="cafeeiro" />
          <h2>Quem somos</h2>
        </header>

        <p>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
          minim veniam, quis nostrud exercitation ullamco laboris nisi ut
          aliquip ex ea commodo consequat. Duis aute
        </p>
      </section>

      <section class="ladrilhos">
        <div class="grande"></div>
        <div class="pequeno grao"></div>
        <div class="pequeno"></div>
        <div class="medio"></div>
      </section>

      <section class="secao-com-texto onde-estamos" id="onde-estamos">
        <header>
          <img src="./images/logo-secoes.svg" alt="cafeeiro" />
          <h2>Onde Estamos</h2>
        </header>

        <p>Avenida Brigadeiro Faria Lima, 444 São Paulo</p>
      </section>

      <section class="contato" id="contato">
        <div class="texto">
          <h2>Contato</h2>
          <address>
            Telefone: (51) 9-9999-9999 <br />
            Email: contato@codecafe.com <br /><br />

            Horário de atendimento: <br />
            seg a sex - 9h até 18h
          </address>
        </div>
      </section>
    </main>

    <footer class="rodape">
      <a class="logo" href="index.html">
        <img class="" src="./images/logo.svg" alt="logo da code café" />
      </a>

      <ul>
        <li><a href="#quem-somos">Quem somos</a></li>
        <li><a href="#onde-estamos">Onde estamos</a></li>
        <li><a href="#contato">Contato</a></li>
      </ul>

      <div class="conteudo-de-baixo">
        <div class="redes-sociais">
          <a href="#" target="_blank">
            <img class="facebook" src="./images/face.png" alt="logo facebook" />
          </a>
          <a href="#" target="_blank">
            <img class="instagram" src="./images/insta.png" alt="" />
          </a>
        </div>
        <div class="copyright">&copy; 2021 code Café</div>
      </div>
    </footer>
  </body>
</html>