Calisthenics-Portfolio/index.html at main · abelarduu/Calisthenics-Portfolio · 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="src/styles/global.css">
    <link rel="stylesheet" href="src/styles/style.css">
    <title>Abelarduu | Calistenia</title>
</head>
<body>
    <header>
        <nav>
            <img src="src/images/forearm-manna-icon.png" alt="I-sit pose icon">
            <ul>
                <li class="hover-effect"><a href="#about-me">Sobre Mim</a></li>
                <li class="hover-effect"><a href="src/pages/gallery.html">Galeria</a></li>
                <li class="hover-effect"><a href="#contacts">Contatos</a></li>
            </ul>
        </nav>
    </header>

    <main>
        <section class="pose-banner" id="split-pose-banner">
            <div class="centered-container">
                <h1 class="hover-effect">Movimento, Força e Liberdade</h1>
                <p>Compartilhando minha jornada na calistenia, equilíbrio e flexibilidade.</p>
            </div>
        </section>

        <section class="content-section" id="about-me">
            <h2>Sobre Mim</h2>
            <div id="about-content">
                <div id="img-card" class="hover-effect">
                    <img src="src/images/my.jpg" alt="foto de perfil">
                </div>
                <div class="txt-content-section">
                    <p>
                        Me chamo Abel Lucas, tenho 22 anos e pratico calistenia há 6 anos.
                        Nos primeiros anos, foquei em força e resistência, mas nos últimos 3 anos, mergulhei de verdade no mundo das poses, explorando os limites do corpo através de movimentos que exigem controle, equilíbrio, força e flexibilidade.
                    </p>
                    <p>
                        Minha paixão é explorar os limites do corpo através de poses desafiadoras, movido por uma busca constante por desafios como <strong>Manna, Forearm Manna, Victorian, One Arm Pincha, Advanced Firefly Pose, Pincha Walk, Dragon Squat, espacates e muito mais</strong>. Tudo que conquistei veio de disciplina, amor pelo movimento e pela liberdade do corpo.
                    </p>
                </div>
            </div>
        </section>

        <section class="pose-banner" id="yoga-pose-banner">
            <div class="centered-container">
                <h1 class="hover-effect">Supere-se!</h1>
                <p>Sem pressa, só progresso.</p>
            </div>
        </section>

        <section class="content-section" id="gallery">
            <h2>Galeria</h2>
            <div id="about-content">
                <div class="txt-content-section">
                    <p>Explore as progressões e evoluções de cada habilidade. Descubra os passos, poses intermediárias e dicas visuais que te guiam na jornada até dominar cada movimento.</p>
                    <p>Cada imagem reflete uma fase da minha evolução em cada pose — desde as primeiras variações até versões mais avançadas. Mostrar essa progressão ajuda a entender que toda habilidade é construída passo a passo.</p>

                </div>
                <div id="img-card" class="hover-effect">
                    <img src="src/images/forearm-manna-pose.jpg" alt="pose">
                </div>
            </div>
        </section>

        <section class="pose-banner" id="calisthenics-pose-banner">
            <div class="centered-container">
                <p>Veja mais na minha galeria de poses</p>
                <a href="src/pages/gallery.html"><button class="hover-effect">Ir para Galeria</button></a>
            </div>
        </section>
    </main>

    <footer>
        <div>
            <p>&copy; 2025 Abel Lucas. Todos os direitos reservados.</p>
            <div id="contacts">
                <a href="https://www.instagram.com/abelarduu" target="_blank" class="hover-effect">
                    <img src="https://cdn.jsdelivr.net/npm/simple-icons@v11/icons/instagram.svg" alt="Instagram">
                </a>
                <a href="https://br.pinterest.com/abelarduu/" target="_blank" class="hover-effect">
                    <img src="https://cdn.jsdelivr.net/npm/simple-icons@v11/icons/pinterest.svg" alt="Pinterest">
                </a>
                <a href="https://www.linkedin.com/in/abel-lucas/" target="_blank" class="hover-effect">
                    <img src="https://cdn.jsdelivr.net/npm/simple-icons@v11/icons/linkedin.svg" alt="LinkedIn">
                </a>
                <a href="https://www.behance.net/abellucas1" target="_blank" class="hover-effect">
                    <img src="https://cdn.jsdelivr.net/npm/simple-icons@v11/icons/behance.svg" alt="Behance">
                </a>
                <a href="https://github.com/abelarduu" target="_blank" class="hover-effect">
                    <img src="https://cdn.jsdelivr.net/npm/simple-icons@v11/icons/github.svg" alt="GitHub">
                </a>
            </div>
        </div>
    </footer>
</body>
</html>