Homepage/index.html at main · aslakaaj/Homepage · 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
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html lang="en">
    <head>
        <!-- Google tag (gtag.js) -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-GEB8LFMRQ3"></script>
        <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'G-GEB8LFMRQ3');
        </script>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <title>Aslak Aarflot Jønsson</title>
        <meta name="description" content="I'm a web developer, and this is my portfolio">
        <meta name="keywords" content="Jønsson Tekniske">

        <link rel="icon" href="Images/Icons/heart-icon.png">
        <link rel="stylesheet" href="main.css"/>
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
        <script type="text/javascript" src="script.js"></script>
    </head>

    <body>
        <nav>
            <ul id="navbar">
                <li id="home"><a href="index.html"><h3>Aslak Jønsson</h3></a></li>
                <li id="getInTouch"><h3>Stalk me!</h3></li>
            </ul>
        </nav>

        <header>
            <section class="header-section">
                <div class="about" id="divAbout">
                    <img class="header-content" id="rotating-img" src="Images/me.jpg" alt="Picture of me" height="200" width="200"/>
                    <div class="header-content">
                        <h1>Godag, I'm Aslak, developer</h1>
                        <p>Let me introduce myself! <span id="intro-name">My name is Aslak Aarflot Jønsson</span>, and based
                            in Norway. I'm a student who freelance in my freetime
                            <br>
                            <br>
                            Love everything from building websites for small businesses, to making computer games.
                            In total, I have 2 years of web and game development experience, and 2 years of experience in customer service
                            as a store employee.
                            <br>
                            <br>
                            I do own a <a href="https://www.fiverr.com/aslakjonsson" class="linkUnderline">Fiverr-profile</a> with <span class="fiveStar"></span> reviews. To contact me, please feel free to use some of my social channels, or the contact
                            form at the bottom of the page.

                        </p>
                        <div class="bottom-header">
                            <h3 id="skip-to-contact"><span>Get in touch</span></h3>
                            <div class="social-icons">
                                <a href="https://github.com/aslakaaj" target="_blank"><img src="Images/Icons/git-icon.png" alt="Link to my GitHub"></a>
                                <a href="https://twitter.com/aarflot_j" target="_blank"><img src="Images/Icons/twitter-icon.png" alt="Link to my Twitter profile"></a>
                                <a href="https://stackoverflow.com/users/16556370/aslak-aarflot-j%c3%b8nsson?tab=profile" target="_blank"><img src="Images/Icons/stackoverflow-icon.png" alt="Link to my Stackoverflow"></a>
                                <a href="https://www.fiverr.com/aslakjonsson" target="_blank"><img src="Images/Icons/fiverr-icon.png" alt="Link to my Fiverr profile"></a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </header>
        <section id="works-section" class="works-section">
            <div id="tandoori" class="works-div-left works-block">
                <div class="works-container" onclick="focusOnWork('tandoori', 'tandoori-des')">
                    <div class="works-img w-tandoori"></div>
                </div>
                <!-- <img src="Images/tandoori.webp" alt="Image of foods from Tandoori Mix"> -->
                <div id="tandoori-des" class="works-description">
                    <a href="https://www.tandoorimix.no/"><h1 class="works-title">Tandoori Mix Ørsta</h1></a>
                    <p>DESIGN, WEB DEVELOPMENT</p>
                    <p class="works-description-content">
                        I developed a website for a local business in my area. This site displays their menu and who they are.
                        It also includes an order form.
                    </p>
                </div>
            </div>
        </section>
        <section class="content-section">
            <h2 class="skill-title">-- 🛠️ --</h2>
            <div class="skills">
                <div class="skill-container" id="skill-container">
                    <h2>👨‍💻 Programming Languages</h2>
                    <ul>
                        <li>HTML & CSS</li>
                        <li>Javascript</li>
                        <li>Python</li>
                        <li>C#</li>
                        <li>Unity3D</li>
                    </ul>
                </div>
                <div class="skill-container" id="skill-container">
                    <h2>🔥 Experience</h2>
                    <ul>
                        <li>2 Years of customer service</li>
                        <li>5 Star rating on Fiverr</li>
                        <li>2 Years of programming experience</li>
                    </ul>
                </div>
                <div class="skill-container" id="skill-container">
                    <h2>💡 Other Skills</h2>
                    <ul>
                        <li>Native Norwegian Speaker</li>
                        <li>Fluent English Speaker</li>
                        <li>Partly German Speaker and Writer</li>
                    </ul>
                </div>
            </div>
        </section>
        <section class="stalk-section" id="stalk-section">
            <div class="stalk-info">
                <h2>You wanna <span class="hook-up">hook up</span> get in touch?</h2>
                <p> When you are ready to take the next step, or you have any
                    questions, just fill out the form and I'll
                    answer you in no time!
                </p>
            </div>
            <div class="stalk-container">
                <form action="https://formspree.io/f/mknygoep" method="post">
                    <input class="stalk-input" name="Name" type="text" placeholder="Your Full Name..." required>
                    <input class="stalk-input" name="E-Mail" type="email" placeholder="E-Mail Address..." required>
                    <textarea id="stalk-txtArea" name="Message" placeholder="Your message..."></textarea>
                    <div class="stalk-buttons">
                        <button type="submit">Submit</button>
                        <button type="reset">Reset</button>
                    </div>
                </form>
            </div>
        </section>
        <footer>
            <div class="social-icons">
                <a href="https://github.com/aslakaaj" target="_blank"><img src="Images/Icons/git-icon.png" alt="Link to my GitHub"></a>
                <a href="https://twitter.com/aarflot_j" target="_blank"><img src="Images/Icons/twitter-icon.png" alt="Link to my Twitter profile"></a>
                <a href="https://stackoverflow.com/users/16556370/aslak-aarflot-j%c3%b8nsson?tab=profile" target="_blank"><img src="Images/Icons/stackoverflow-icon.png" alt="Link to my Stackoverflow"></a>
                <a href="https://www.fiverr.com/aslakjonsson" target="_blank"><img src="Images/Icons/fiverr-icon.png" alt="Link to my Fiverr profile"></a>
            </div>
            <p>COPYRIGHT ASLAK AARFLOT JØNSSON</p>
        </footer>
    </body>
</html>