Projects / Harjotus2 / Home.html
Home.html
Raw 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Miika Napari</title>
    <link rel="stylesheet" href="Styles.css">
</head>
<body>

    <div class="header" id="Home">
       <nav id="menu"><a href="#Home">Home</a>
        <a href="#Projects">Projects</a>
        <a href="#Experience">Experience</a>
        <a href="#About">About</a>
        <a href="#Contact">Contact</a></nav>
    </div>

<div class="Home_page">
    <p>Hello, I'm</p>
    <h1>Miika Napari</h1>

    <div class="info">
        <br>
        <p>First year student at Jamk University of Applied Sciences</p>
        <br>
        <p>Interested in cloud computing and cyber security</p>
        <br>
        <p>In love with technology and climbing</p>
    </div>
</div>

 <div class="Projects" >
    <br id="Projects">
<p>Projects</p>
<br>
<div class="grid">
    <div class="item item-4">
    <p>4</p>
    </div>
    <div class="item item-5">
    <p>5</p>
    </div>
    <div class="item item-6">
    <p>6</p>
    </div>
    <div class="item item-7">
    <p>7</p>
    </div>
    
 </div>
</div>
 <div class="Experience" >

    <br id="Experience">
<p>Experience</p>
<br>
<div class="container">
<div class="item item-1">
    <h2>Education</h2>
    <br>
    <h4>Helsingin Rudolf Steiner School</h4>
    <p>Comprehensive and upper secondary school 2007-2021</p>
    <br>
    <h4>JAMK University of Applied Sciences</h4>
    <p>Bachelor's degree 2023-2027(in progress)</p>
    <br>
    <h4>Other:</h4>

    <p>-Hygiene proficiency certificate 2016</p>
    <p>-Driver's license 2020</p>
    <p>-Military service 2022</p>


</div>
<div class="item item-2">
    <h2>Work Experience</h2> 
    <br>
    <h4>Caverion Oyj</h4>
    <p>work practice program weeks 12 & 41 in 2016</p>
    <p>Gategorizing old hardware in excel & Copying files to cloud</p>
    <br>
    <h4>Espoon seurakuntayhtymä</h4>
       <p>Summer employee July 2018 and July & August in 2019 </p>
       <p>Landscaping and gardening work</p>
       <br>
    <h4>Kesko Oyj</h4>
    <p>Logistics worker 13.09.2021-31.08.2023</p>
    <p>Preparing out going shipments</p>

</div>
</div>
 </div>

 <div class="About" >

    <br id="About">
<p>About</p>
<br>
<div class="text">
    <p>lots of text here</p>
    <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras congue, nulla eget auctor porta, ligula nisi pretium purus, sed scelerisque purus orci nec mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac lorem luctus, consectetur nulla ut, lobortis libero. Aliquam maximus euismod mi quis cursus. Etiam euismod dolor ut volutpat auctor. Mauris eu dui eu eros ullamcorper tempus. Vestibulum pharetra urna ac mauris volutpat, sed viverra massa lobortis. Ut ac sagittis velit, sit amet hendrerit arcu. Etiam turpis risus, sollicitudin ut luctus vel, tempor a dui. Cras quis euismod ante. Aenean non fermentum mauris.
        Proin vestibulum porta scelerisque. Sed sagittis est quam, ut semper lorem scelerisque ut. Donec nisi nibh, vehicula nec nisl sed, vulputate cursus elit. Nullam tempor feugiat velit eu ultrices. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nullam accumsan urna nunc, sed tincidunt libero viverra nec. Nullam ac ullamcorper sem, vitae semper ex.
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur elit nibh, pulvinar et mollis quis, molestie mollis tellus. Quisque tortor mauris, fringilla eget volutpat ac, rhoncus non enim. Integer ex ipsum, tristique sed lacinia vel, faucibus at nibh. Ut dapibus congue turpis vitae malesuada. Phasellus vulputate tincidunt lorem, sed sollicitudin massa tincidunt id. Etiam accumsan purus consectetur, suscipit leo non, tempor ex. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque id viverra diam. Nulla ut velit vel leo egestas vehicula eu non lacus. Ut nec turpis libero. Duis viverra dui non dui pellentesque, at pharetra dolor lobortis. Sed sit amet risus dui. Quisque lobortis metus eget ante tincidunt, nec imperdiet odio tincidunt. Cras tristique mi metus, vel pulvinar augue tincidunt vel.
        Fusce suscipit odio id libero rutrum dapibus. Pellentesque blandit maximus fringilla. Vivamus id tincidunt nibh, id molestie odio. Donec pretium est tellus, viverra varius ante congue sit amet. Etiam nec imperdiet leo. Nulla sit amet arcu erat. Nulla sit amet fermentum magna, ac sodales justo. Ut ac imperdiet nisi.
        In vehicula ex velit, nec lobortis massa pulvinar non. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce vehicula mauris vitae turpis dapibus, eget bibendum sapien gravida. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vitae risus magna. Nam turpis nisi, congue in ornare a, dignissim ut sapien. Sed sit amet placerat elit, imperdiet tincidunt risus. Donec in turpis in risus condimentum varius. Aenean sodales non nibh sit amet iaculis. Sed quis finibus eros, sit amet aliquam est. </p>
</div>
 </div>

 <div class="Contact" >
    <br>
    <br id="Contact">
<p>Contact</p>
<br>
<div class="text">
    <Address><p>miika.napari@gmail.com</p>
        <a href="https://www.linkedin.com/in/miika-napari-5a895628a/">Linked in</a>
</Address>
</div>
 </div>

<script>
var navbar = document.getElementById("menu");

window.onscroll = function(){
    if (window.pageYOffset >= menu.offsetTop){
        menu.classList.add("sticky");
    }
    else{
        menu.classList.remove("sticky");
    }
}

</script>


</body>
</html>
Powered by GitFront