my-linktree/index.html at main · DemetriuGabriel/my-linktree · 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
<!DOCTYPE html>
<html lang="en">
<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="syles.css">
    <link
      href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;700&display=swap"
      rel="stylesheet"
    />
    <script src="https://unpkg.com/feather-icons"></script>
    <title>Demetriu Gabriek</title>
</head>
<body>
    <div class="container">
        <div class="profile">
            <div class="link-profile">
                <img src="https://i.ibb.co/XbY3v5d/1666720685615.jpg" alt="foto-demetriu">
            </div>
            <h2>Demetriu Gabriel</h2>
            <h4 class="subtitle">Desenvolvedor Frontend</h4>
            <p>Redes Sociais✌🏼</p>
        </div>

        <div class="info-container">
            <div class="social-medias">
                <a href="https://github.com/DemetriuGabriel" class="link">
                    <i data-feather="github"></i>
                </a>

                <a href="https://www.linkedin.com/in/demetriu-gabriel/" class="link">
                    <i data-feather="linkedin"></i>
                </a>

                <a href="https://www.instagram.com/demetriu.gabriel/" class="link">
                    <i data-feather="instagram"></i>
                </a>
            </div>

            <div class="info-content">
                <div class="about-me">
                    <h2>
                        Hello, Friend. Meu nome é Demetriu Gabriel, tenho 20 anos e estou
                        iniciando na carreira como desenvolvedor frontend. Estudante da
                        Universidade Federal de Pernambuco (UFPE) no curso de sistemas de
                        informação no Centro de Informática (CIN). Pretendo seguir
                        carreira como frontend ou mobile. Meus maiores hoobies são
                        programar, musculação, esportes e jogos como COD, Valorant, Lol,
                        Xadrez...
                      </h2>
                </div>

                <div class="skills-container">
                    <h2 class="title">
                        Aqui estão algumas habilidades que estou aprendendo, tanto iniciante quanto com um pouco mais de experiência. 👇🏼
                    </h2>
                    <div class="skills-content">
                        <div class="flip-card">
                            <div class="flip-card-inner">
                                <div class="card flip-card-front">
                                    <h2>PYTHON</h2>
                                </div>

                                <div class="card flip-card-back">
                                    <h2>6 meses a 1 ano de experiência</h2>
                                </div>
                            </div>
                        </div>

                        <div class="flip-card">
                            <div class="flip-card-inner">
                                <div class="card flip-card-front">
                                    <h2>HTML</h2>
                                </div>

                                <div class="card flip-card-back">
                                    <h2>6 meses a 1 ano de experiência</h2>
                                </div>
                            </div>
                        </div>

                        <div class="flip-card">
                            <div class="flip-card-inner">
                                <div class="card flip-card-front">
                                    <h2>CSS</h2>
                                </div>

                                <div class="card flip-card-back">
                                    <h2>6 meses a 1 de experiência</h2>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="contact">
                <a href="https://github.com/DemetriuGabriel" class="link portifolio">
                    Link do portifólio
                </a>

                <a href="https://drive.google.com/file/d/197KbTvfL3em8xj_bvVzBQpnRhRYyKwc_/view?usp=sharing" class="link" id="setup-button">
                    💻 Meu Currículo
                </a>
            </div>
        </div>
    </div>

    <script>
        feather.replace();
      </script>
</body>
</html>