jani-e.github.io/about.html at main · jani-e/jani-e.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
<!DOCTYPE html>
<html lang="FI">
    <head>
        <meta charset="UTF-8">
        <meta name="author" content="Jani Eriksson">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
        <link rel="stylesheet" href="CSS/styles.css">
        <link rel="icon" href="Images/favicon.ico" type="image/x-icon">
        <title>Jani - About</title>
    </head>
    <body>
        <!--Logo & navigation-->
        <nav class="navbar navbar-expand-lg fixed-top navbar-dark">
            <a class="navbar-brand" href="index.html">
                <img src="Images/logo.png" id="logo" width="32" height="32" class="d-inline-block align-top" alt="J" loading="lazy">
                Jani
            </a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggler" aria-controls="navbarToggler" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarToggler">
                <ul class="navbar-nav ml-auto float-right text-right">
                    <li class="nav-item"><a class="nav-link" href="index.html">Koti</a></li>
                    <li class="nav-item active"><a class="nav-link" href="about.html">Minä</a></li>
                    <li class="nav-item"><a class="nav-link" href="knowledge.html">Osaaminen</a></li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="invest2020.html" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Sijoitusblogit
                        </a>
                        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                            <a class="dropdown-item" href="invest2020.html">2020</a>
                            <a class="dropdown-item" href="invest2019.html">2019</a>
                        </div>
                    </li>
                </ul>
            </div>
        </nav>

        <!--Main content-->
        <main class="container">
            <div class="row">
                <div class="col"><h1>Tietoja</h1></div>
            </div>
            <div class="row">
                <div class="col"><h2>Kuka on Jani?</h2></div>
            </div>
            <div class="row">
                <div class="col-lg-8">
                    <p>Syksyllä 2020 aloittanut tradenomiopiskelija Laurean ammattikorkeakoulussa, joka opiskelee töiden ohella. Valmistunut vuonna 2010 ylioppilasmerkonomiksi Mercurian Kauppiaitten Kauppaoppilaitoksesta ja siinä samalla käynyt myös lukion opinnot Vantaan aikuislukiossa.</p>
                    <p>Merkonomiopinnot keskittyivät taloushallintoon, mutta työharjoitteluiden lisäksi kyseisen alan tehtäviä ei ole tullut tehtyä paljoakaan. Nykyisessä työssä kuitenkin on hieman taloushallintoon liittyviä tehtäviä, kuten ostolaskujen asiatarkastamista sekä tarvikkeiden tilaamista ja muiden tilauksien käsittelyä.</p>
                    <p>Jani on Suomesta kotoisin, mutta jostain ihmeen syystä kihlautui italialaisen kanssa. Online-videopelit ovat olleet aika kova harrastus useita kymmeniä vuosia ja sieltä myös kyseinen puolisokin lopulta löytyi.</p>
                    <p>Videopelien lisäksi muita harrastuksia ovat sijoittaminen ja kohtalainen kuntosalilla käynti. Elämään eksyy myös muu satunnainen liikunta sekä erilaiset turistinähtävyydet.</p>
                </div>
                <div class="col-lg-4 my-auto"><img src="Images/janigiulia.jpg" alt="Jani & Giulia" title="Jani & Giulia" class="imagestyle"></div>
            </div>
            <div class="row">
                <div class="col"><h2>Muut perheenjäsenet</h2></div>
            </div>
            <div class="row">
                <div class="col-lg-4">
                    <p>Perheestäni löytyy lisäksi myös kaksi pientä frettiä, jotka ovat myös hybridejä eli sisältävät fretin lisäksi hieman luonnossa esiintyvää villihilleriä. Lisätietoja freteistä löytyy <a href="https://frettiliitto.fi/" target="_blank" title="Suomen Frettiliitto ry">Suomen Frettiliitto ry:n sivuilta.</a></p>
                    <p>Herra, jolla on hattu päässä, on meidän Theo. Hän on ollut meidän seurassa vuodesta 2019 lähtien. Uros hybridifrettinä hän painaa noin 2,5 kiloa.</p>
                    <p>Nuorempi frettimme on nimeltään Lucy. Lucy tuli meille vuonna 2020. Naaras frettinä hän on Theoa paljon kevyempi eli painaa vain noin 1 kilon.</p>
                    <p>Freteillemme olemme perustaneet oman <a href="https://www.instagram.com/theothecatsnake/" target="_blank" title="Theothecatsnake -Instagram">Instagram</a> sivun.</p>
                </div>
                <div class="col-lg-4 my-auto">
                    <figure>
                        <img src="Images/theo.jpeg" alt="Theo" title="Theo" class="imagestyle">
                        <figcaption>Theo</figcaption>
                    </figure>
                </div>
                <div class="col-lg-4 my-auto">
                    <figure>
                        <img src="Images/lucy.jpeg" alt="Lucy" title="Lucy" class="imagestyle">
                        <figcaption>Lucy</figcaption>
                    </figure>
                </div>
            </div>
        </main>

        <!--footer-->
        <footer class="container-fluid">
            <div class="row">
                <div class="col-sm-6">
                    <img src="Images/logo.png" alt="J" id="footerlogo">
                </div>
                <div class="col-sm-3 footerbg">
                    <h4>Navigaatio</h4>
                    <ul class="nav flex-column">
                        <li><a href="index.html">Koti</a></li>
                        <li><a href="about.html">Minä</a></li>
                        <li><a href="knowledge.html">Osaaminen</a></li>
                        <li><a href="invest2020.html">Sijoitusblogit</a></li>
                    </ul>
                </div>
                <div class="col-sm-3 footerbg">
                    <h4>Lisätietoja</h4>
                    <ul class="nav flex-column">
                        <li><a href="mailto:jani@jani.com">Sähköposti</a></li>
                        <li><a href="https://www.facebook.com/jani.eriksson.9/" target="_blank">Facebook</a></li>
                        <li><a href="https://www.linkedin.com/in/jani-eriksson0/" target="_blank">LinkedIn</a></li>
                        <li><a href="https://github.com/jani-eriksson" target="_blank">Github</a></li>
                    </ul>
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <p id="copy">Copyright &copy; Jani Eriksson</p>
                </div>
            </div>
        </footer>
        <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
    </body>
</html>