vilzku.github.io/about.html at master · Vilzku/vilzku.github.io · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Oxygen&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="css/main.css">
    <title>Ville Puolitaival – About Me</title>
</head>

<body class="overflow">

    <header>

        <!-- MENU BUTTON -->
        <div class="menu-btn">
            <div class="btn-line"></div>
            <div class="btn-line"></div>
            <div class="btn-line"></div>
        </div>

        <!-- MENU DRAWER -->
        <nav class="menu">
            <a href="index.html" class="home-button">
                <i class="fas fa-home"></i>
            </a>
            <a class="menu-left" href="#!">
                <div class="nav-item selected">‏‏‎ ‎ABOUT</div>
            </a>
            <a class="menu-right" href="work.html">
                <div class="nav-item">MY WORK</div>
            </a>
            <div class="menu-contact">
                <div class="contact">Contact</div>
                <p>
                    <a href="mailto:ville.puolitaival@gmail.com" target="_blank">ville.puolitaival@gmail.com</a><br>
                    <a href="tel:+3584578450660">+358 4578450660</a><br>
                </p>
            </div>
        </nav>

    </header>

    <!-- MAIN CONTENT -->
    <main id="about">

        <img src="img/leaning_bw.png" alt="" class="sideimg">

        <div class="content">

            <h1 class="title">About <span class="text-secondary">Me</span></h1>

            <div class="text-area">
                <p id="p1">
                    Hello there! I am a 21-year-old software engineering student from Lappeenranta. I am currently studying for my second year at LUT University. I have been interested in computers since I was 3 years old and have not been able to differentiate myself from them since then. As progressing through my studies, I am looking forward to improving my skillset by also gaining work experience simultaneously. My current interests are in Front-End -development.
                </p>

                <p id="p2">
                    By nature, I am very meticulous, and I always try to strive for the end goal and do not like to leave things hanging. I really like to build things – both physical and digital – and see the progress of my work; That's what inspires me the most in software engineering. I spend most of my time in front of computer screen, but my hobbies also include filmmaking and geocaching – in addition to computer games. My past work experience consists mainly of small video <a href="work.html">projects</a> that I have made for multiple parties as a part of the hobby, but I have also worked with sound and light technology and installed them for small events.
                </p>

                <p id="p3">
                    I am not entirely sure about my future but software engineering feels the right thing to me as there are so many options to reach for. I will get so easily excited about everything I stick my nose into. Currently my plan consists of continuing my studies with Master's degree and specializing probably in Mechatronics and Machine Automation, but you never know where I will end up.
                </p>


                <div class="call-to-action">
                    <h3 >Reach me</h3>
                    <hr>
                    <a href="mailto:ville.puolitaival@gmail.com" target="_blank">ville.puolitaival@gmail.com</a><br>
                    <a href="tel:+3584578450660">+358 4578450660</a><br>
                    <a href="villepuolitaival_cv.pdf" target="_blank"><i class="fas fa-download"></i> Download CV (finnish)</a>
                </div>


                <div id="education" class="info-box">
                    <h3>Education</h3>
                    <p>
                        <b>LUT University, Lappeenranta • 2019 – Current</b><br>
                        Bachelor of Software Engineering + Minor in Mechanical Engineering
                    </p>
                    <p>
                        <b>Tohmajärven Lukio, Tohmajärvi • 2015 – 2018</b><br>
                        Matriculation Examination, LLLEM
                    </p>
                </div>

                <div id="skills" class="info-box">
                    <h3>Skills</h3>
                    <p>
                        <b>Good</b><br>
                        HTML, CSS/SASS, JavaScript, React, Python, Java
                    </p>
                    <p>
                        <b>Fundamentals</b><br>
                        C, SQL, Windows, GNU/Linux, Android
                    </p>
                    <p>
                        <b>In addition</b><br>
                        Adobe Premiere & Photoshop, SolidWorks, Microsoft Office
                    </p>

                </div>

             </div>

        </div>

    </main>

    <footer>
        <ul class="icon-list">
            <li class="icon"><a href="https://github.com/Vilzku" target="_blank">
                <i class="fab fa-github fa-2x"></i>
            </a></li>
            <li class="icon"><a href="https://www.linkedin.com/in/ville-puolitaival-6749001a1/" target="_blank">
                <i class="fab fa-linkedin fa-2x"></i>
            </a></li>
            <li class="icon"><a href="https://www.facebook.com/villepuolitaival/" target="_blank">
                <i class="fab fa-facebook fa-2x"></i>
            </a></li>
            <li class="icon"><a href="https://www.youtube.com/villepuolitaival" target="_blank">
                <i class="fab fa-youtube fa-2x"></i>
            </a></li>
        </ul>
    </footer>

    <script src="js/main.js"></script>
</body>
</html>