CV/index.html at master · Patryk1313/CV · 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
<!DOCTYPE html>

<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>Patryk Kowalik - About me</title>
    <!-- CSS -->
    <link rel="stylesheet" href="/css/untilities.css">
    <link rel="stylesheet" href="/css/aboutMe.css">
    <!-- FONT LINK IMPORT -->
    <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=Poppins&display=swap" rel="stylesheet">
    <!-- ICONS LINK -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.0/font/bootstrap-icons.css">
    <!-- ANOTHER LINKS -->
    <link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>

<body>
    <!-- Navbar -->
        <div class="navbar">
            <div class="container">
                <nav>
                    <button class="btnMenu btn" id="btnMenu">
                        <i class="bi bi-list"></i>
                    </button>
                    <ul class="nav-ul" id="nav-ul">
                        <li><a href="index.html"
                            class="active">ABOUT ME</a></li>
                        <li><a href="edukacja.html">EDUCATION</a></li>
                        <li><a href="umiejetnosci.html">SKILLS</a></li>
                        <li><a href="kontakt.html">CONTACT</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    <!-- Show My Self -->
        <section class="mySelf">
            <div class="container flex">
                <div>
                    <h4 class="sm">Hi, my name is Patryk, I am 20 years old and I would like to be...</h4>
                    <p class="lg text-center">Full Stack Developer</p>
                </div>
            </div>
        </section>
    <!-- About  Me-->
        <section class="aboutMe">
            <div class="container grid">
                <h2 class="text-center md">ABOUT ME</h2>
                <p class="text-center">

                    I've been interested in programming for a few years since I can remember, I was fascinated by how code works and how it can be used to create technology. I started my adventure like everyone with HTML and CSS, I was learning slowly with breaks, until now I can create my own website. I intend to learn new things all the time and improve the knowledge I have acquired. <a class="aboutMe-p-link" href="/umiejetnosci.html">You can find my tech stack here.</a> I am graduating from high school in a short time. I am looking for my first internship, practices that will expand my competences and implement it in the IT world. My next step will be to learn Back-end until I am what I always wanted to be - Full Stack Developer. If you are interested, contact me.
                    <br><br>
                    <a href="/kontakt.html" class="btn btn-dark">Contact</a>
                </p>
            </div>
        </section>
    <!-- Hobby -->
        <section class="hobby">
            <div class="container grid p2">
                <h2 class="text-center md">INTERESTS</h2>
                <div class="card">
                    <i class="bi bi-braces"></i>
                    <h4>Learning to program</h4>
                    <p>For several years my main interest has been programming. I am happy to spend every free moment expanding my knowledge in the field of Front-end and more.</p>
                </div>
                <div class="card">
                    <i class="bi bi-activity"></i>
                    <h4>Sport</h4>
                    <p>
                        Movement and taking care of health is something important to me, gym, cycling. Even sitting for a few hours in front of the computer with some exercise is an incredibly relaxing time for me.</p>
                </div>
                <div class="card">
                    <i class="bi bi-chat-dots"></i>
                    <h4>Integration</h4>
                    <p>Chatting, meeting friends and parties is one of my favorite ways to wake up.</p>
                </div>
                <div class="card">
                    <i class="bi bi-controller"></i>
                    <h4>Playing computer games</h4>
                    <p>Nowhere else can I get so caught up in the virtual world. I like FPS games, maybe we will play?</p>
                </div>
            </div>
        </section>
    <!-- Personal qualities -->
        <section class="personal-qual p5">
            <div class="container flex">
                <div>
                    <h2 class="text-center md py3">PERSONAL QUALITTIES</h2>
                </div>
                <div class="card">
                    Punctuality
                </div>
                <div class="card">
                    Involved
                </div>
                <div class="card">
                    Teamwork
                </div>
                <div class="card">
                    Responsibility
                </div>
                <div class="card">
                    A huge amount of willingness to work
                </div>
                <div class="card">
                    Helpfulness
                </div>
                <div class="card">
                    Emphasis on personal development
                </div>
                <div class="card">
                    Openness to change
                </div>
            </div>
        </section>
    <!-- Footer -->
        <footer class="footer py5">
            <div class="container grid grid-3">
                <div>
                    <h1>CV Patryk Kowalik</h1>
                    <p>Copyright &copy; 2022</p>
                </div>
                <nav>
                    <ul>
                        <li><a href="/index.htmL">ABOUT ME</a></li>
                        <li><a href="/edukacja.html">EDUCATION</a></li>
                        <li><a href="/umiejetnosci.html">SKILLS</a></li>
                        <li><a href="/kontakt.html">CONTACT</a></li>
                    </ul>
                </nav>
                <div class="social">
                    <a href="https://github.com/Patryk1313"><i class="bi bi-github"></i></a>
                    <a href="https://www.linkedin.com/in/patryk-kowalik-778937231/"><i class="bi bi-linkedin"></i></a>
                    <a href="https://www.instagram.com/patrykkowalik__/"><i class="bi bi-instagram"></i></a>
                </div>
            </div>
        </footer>
    <!-- Script -->
        <script src="/script.js"></script>
</body>
</html>