codechella23/about.html at main · lcslago/codechella23 · 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
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
<!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">
    <link rel="stylesheet" href="style/reset.css">
    <link rel="stylesheet" href="styles/style.css">
    <link rel="stylesheet" href="styles/about.css">
    <link rel="icon" href="assets/icons/codechella-icon.png">
    <title>Codechella Valley Code and Techs Festival</title>
</head>

<body>
    <header>
        <nav class="inner-header">
            <a href="./index.html"><img src="assets/img/Logo1 1.svg" alt="Festival Codechella 2023"></a>
            <nav class="menu--mobile__lista">
                <input type="checkbox" id="menu" class="menu--mobile">
                <label for="menu">
                    <img src="assets/icons/menu.svg" alt="Acesso ao menu" class="inner-header__menu">
                </label>
                <ul class="inner-header__menu--mobile">
                    <li>
                        <a class="link" href="./about.html">
                            <bold>A experiência</bold>
                        </a>
                    </li>
                    <hr>
                    <li>
                        <a class="link" href="./map-sectors.html">
                            <bold>Mapas de Setores</bold>
                        </a>
                    </li>
                    <hr>
                    <li>
                        <a class="link" href="./info.html">
                            <bold>Informações</bold>
                        </a>
                    </li>
                    <hr>
                    <li>
                        <a class="link" href="./tickets.html">
                            <bold>Ingresso</bold>
                        </a>
                    </li>
                </ul>
            </nav>
        </nav>
        <ul class="inner-header__menu--alt">
            <li>
                <a class="link" href="./about.html">
                    <bold>A experiência</bold>
                </a>
            </li>
            <li>
                <a class="link" href="./map-sectors.html">
                    <bold>Mapas de Setores</bold>
                </a>
            </li>
            <li>
                <a class="link" href="./info.html">
                    <bold>Informações</bold>
                </a>
            </li>
            <li>
                <a class="link" href="./tickets.html">
                    <bold>Ingresso</bold>
                </a>
            </li>
        </ul>
    </header>
    <main>

        <div class="banner-about">
            <h1>A Experiência</h1>
        </div>

        <section class="about-about">
            <div class="about--container">
                <div class="about-img">

                </div>
                <div class="text text--alt">
                    <h6>Acessibilidade e Inclusão
                    </h6>
                    <p>
                        Nosso evento tenta abraçar um público mais amplo em todos os sentidos, de todas as idades,
                        corpos,
                        gostos e pensamentos! Isso está presente no espaço físico, na sinalização, no treinamento da
                        equipe
                        de apoio, na comunicação em libras, braile, visual e tátil. Além disso, dispomos de ingressos
                        gratuitos para pessoas com deficiência e acompanhantes, pessoas idosas e crianças!
                    </p>
                </div>
            </div>

            <div class="about--container-alt">
                <div class="about-second-img">

                </div>
                <div class="text">
                    <h6>Sustentabilidade
                    </h6>
                    <p>
                        Queremos estar aqui celebrando daqui a 50, 100 anos! Por isso, levamos o futuro do nosso planeta
                        a
                        sério. Nosso festival é carbono zero, com utilização de copos retornáveis, coleta e destinação
                        adequada de resíduos, e transporte coletivo.
                    </p>
                </div>
            </div>

            <div class="about--container">
                <div class="about-third-img">

                </div>
                <div class="text">
                    <h6>Atrações
                    </h6>
                    <p>
                        Intervenções artísticas e culturais para todos os gostos! Durante os intervalos dos shows, nossa
                        experiência contará com recreação para crianças, oficina de cerâmica, origami, circo e aquarela!
                        Além disso, nosso espaço contra com 3 praças de alimentação, roda gigante e outros brinquedos!
                    </p>
                </div>
            </div>

        </section>
    </main>
    <footer class="footer">
        <div class="footer__visual">
            <img src="assets/img/Logo1 1.svg" alt="Festival Codechella 2023">
            <div class="footer--container">
                <p>Acesse nossas redes:</p>
                <div class="footer__icons">
                    <img src="assets/icons/wpp.svg" alt="Whatsapp">
                    <img src="assets/icons/twitch.svg" alt="Twitch">
                    <img src="assets/icons/insta.svg" alt="Instagram">
                    <img src="assets/icons/twitter.svg" alt="Twitter">
                </div>
            </div>
        </div>
        <div class="footer__text">
            <p>Desenvolvido por Lucas Lago. <br> Projeto fictício sem fins comerciais.</p>
        </div>
    </footer>
</body>

</html>