dancimanc.github.io/munkaim.html at master · dancimanc/dancimanc.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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Józsa Dániel Portfóliója</title>
    <link rel="stylesheet" href="css/stylemunka.css">
</head>

<body>
    <div class="kontener">
        <header>
            <nav>
                <a href="#" class="hide-desktop">
                <img src="images/iconmenu.svg" alt="menü" class="menu" id="menu">
                </a>
                <ul class="show-desktop hide-mobile lecci" id="nav">
                    <li id="exit" class="exit-button hide-desktop"><img src="images/vissza.svg" alt="exit" class="exit"></li>
                    <li><a href="index.html">Kezdőlap</a></li>
                    <li><a href="rolam.html">Rólam</a></li>
                    <li><a href="szabadidom.html">Szabadidőm</a></li>
                    <li><a href="munkaim.html">Munkáim</a></li>
                </ul>
            </nav>
            <img src="images/mogi.png" alt="mogi" class="mogilogo">
        </header>

        <section>
            <img src="images/muegyetem_logo_nagy.png" alt="BME logo" class="bme">
            <h1>Munkáim</h1>
        </section>
    </div>

    <div class="kontszines">
        <div class="kontener">
            <ul>
                <li><p>Kávéörlő állítótárcsája(3D nyomtatás) és tamper(esztergálás)</p></li>
                <li><img src="images/allitotarcsa.jpg" alt="Állítótárcsa" class="tarcsa">
                <img src="images/tamper.jpg" alt="Tamper" class="tamper"></li>
            </ul>
        </div>
    </div>

    <div class="izekontener">
        <div class="kontener">
            <figure>
            <blockquote>"A mennyország egy tündérmese azoknak, akik félnek a sötéttől."</blockquote>
                <figcaption>-  Stephen Hawking</figcaption>
            </figure>
        </div>
    </div>

    <footer>
        <div class="footer-kontener">
            <div class="kontener">
             <div class="also">
              <p class="bal">E-mail: jozsa.dani@gmail.com<br>Tel.: +36304895732</p>
              <p class="nev">Józsa Dániel</p>
              <p class=jobb>Facebook: Józsa Dániel<br>Instagram: jozsa_dani</p>
             </div>
            </div>
        </div>
    </footer>

    <script>

        var menu = document.getElementById('menu');
        var nav = document.getElementById('nav');
        var exit = document.getElementById('exit');

        menu.addEventListener('click', function(e){
            nav.classList.toggle('hide-mobile');
            e.preventDefault();
        });

        exit.addEventListener('click', function(e){
            nav.classList.add('hide-mobile');
            e.preventDefault();
        });


    </script>


</body>
</html>