KevinTheSome.github.io/index.html at main · KevinTheSome/KevinTheSome.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
<!DOCTYPE html>
<html lang="en">
<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">
    <link rel="stylesheet" href="index.css">
    <script src="script.js" type="module" defer></script>
    <title>Portfolio</title>
</head>
<body>
    <nav class="TopNavBar">
       <a class="Link" href="#FactsSectione">About me</a>
       <a class="Link" href="#Projects">My Projects
        <a class="Link" href="#ContactMe">Contact me</a>
       </a>
       <a class="changeL" href="indexLV.html">Change to LV</a>
    </nav>

    <nav class="TopNavMobile">
        <input type="checkbox" class="MobileCheckbox" id="Toggel">
        <label for="Toggel"><img class="TopNavMobileOpenIcon" src="menu_FILL0_wght400_GRAD0_opsz48.svg"><img class="TopNavMobileCloseIcon" src="close_FILL0_wght400_GRAD0_opsz48.svg"></label>
        <ul class="UnderTopNavMobile">
            <a class="Link" href="#FactsSectione">About me</a>
            <a class="Link" href="#Projects">My Projects
             <a class="Link" href="#ContactMe">Contact me</a>
            </a>
            <a class="changeL" href="indexLV.html">Change to LV</a>
        </ul>
    </nav>

    <section>
        <div class="UpperTextwraper">
            <h1 class="UpperText">Hi, I'm Kevin.</h1>
        </div>
        <p class="CloseToUpper">I am Programmer that works with c++, php and website front and back end.</p>
    </section>

    <nav class="infoTextBar">                                  <!--Max 7 elements  -->
        <p class="infoText">29 contributions</p>
        <p class="infoText">Dosn't like the morning</p>
        <p class="infoText">A honest person</p>
        <p class="infoText">Enjoys a bit of trolling</p>
        <p class="infoText">Likes to experiment</p>
    </nav>

    <section id="FactsSectione" class="FactsSectione">
        <div class="Namediv">
            <div class="nameconteiner">
                <h2 class="Name">Kevins Markuss Kanalis</h2>
                <h5 class="UnderText">Learning Programmer</h5>
            </div>
            <P class="AboutMeText">I Am a 17 Years old, living in Latvia.
                I have been learning Programming for 3 Years now and hope to continue doing so.</P>
        </div>
        <div class="img">
            <a href="#ContactMe">
                <img class="ProfileImige" src="Me.jpg" alt="My face">
            </a>
        </div>
    </section>

    <section id="Projects" class="Projects">
        <p class="ProjectText ProjectText1">This Is my cpp password Generator. That can Generate Passwords and if you want to save them In a file.</p>
        <a class="ProjectImg1" href="https://github.com/KevinTheSome/CppPasswordGen" target="_blank">
            <img class="ProjectImg" src="ProjectImige/CppPaswordGen.jpg">
        </a>

        <p class="ProjectText ProjectText2">Its a cube what can change coler by changing RGB values under it. First is Red Then Blue and last Green.</p>
        <a class="ProjectImg2" href="RainbowCube.html" target="_blank">
            <img class="ProjectImg" src="ProjectImige/RainbowCube.jpg">
        </a>

        <p class="ProjectText ProjectText3">A very simple MSG bord works with JS Frontend PHP backend and JSON file for storage(DB). Not ment to use only proof of concept.</p>
        <a class="ProjectImg3" href="https://github.com/KevinTheSome/A-very-simple-MSG-bord" target="_blank">
            <img class="ProjectImg" src="ProjectImige/MSGBord.jpg">
        </a>
    </section>

    <footer>
        <div id="ContactMe" class="AboutMeInfo">
            <p>Contact Me</p>
            <p>Gmail: kevinskanalis@gmail.com</p>
            <p>Discord: KevinTheSome</p>
            <p>Phone: +371 26966244</p>
        </div>
    </footer>

</body>
</html>