web-resume-1/index.html at main · Aarinmahala/web-resume-1 · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Roboto+Slab:700">
    <link rel="stylesheet" href="style.css">
    <script defer src="https://cdnjs.cloudflare.com/ajax/libs/mobile-detect/1.4.3/mobile-detect.min.js"></script>
    <script defer src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r72/three.min.js"></script>
    <script defer src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <script defer src="//malihu.github.io/custom-scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
    <script defer src="main.js"></script>
</head>
<body>
    <div class="wrapper">
        <canvas id="stars"></canvas>
        <canvas id="AarinMahala"></canvas>
        <div class="container">
            <div class="template color-yellow" data-template="home">
                <main>
                    <h1>
                        <span>A <mark>18 years</mark> old</span>
                        <span> Web designer</span>
                    </h1>
                    <div class="p">
                        <span>aarinmahala@gmail.com</span>
                        <span>9057191730</span>
                    </div>
                    <div class="links">
                        <a class="link color-yellow" href="https://www.linkedin.com/in/aarin-mahala-a48724274?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app" title="View my LINKEDIN" target="_blank">View my LINKEDIN</a>
                        <a class="link color-green" href="https://beta.yahiarefaiea.com/#secret" title="Tell me a secret" target="_blank">Tell me a secret</a>
                        <a class="link color-red" href="https://beta.yahiarefaiea.com/Yahia_Refaiea_Resume.pdf" title="Download my résumé" target="_blank">Download my résumé</a>
                    </div>
                </main>
                <footer>
                    <div class="links">
                        <a class="link small alt" href="https://www.instagram.com/aarinmahala._/?hl=en" title="Instagram (@aarinmahala._)" target="_blank">Instagram</a>
                        <a class="link small alt" href="https://x.com/AarinMahala?t=xoKVZz-7qAURq3OtV6BG7g&s=09" title="Twitter (@AarinMahala)" target="_blank">Twitter</a>
                        <a class="link small alt" href="http://codepen.io/YahiaRefaiea" title="Codepen (@AarinMahala)" target="_blank">Codepen</a>
                        <a class="link small alt" href="https://github.com/Aarinx" title="GitHub (@AarinMahala)" target="_blank">GitHub</a>
                    </div>
                </footer>
            </div>
            <div class="loading" id="identity" title="AarinMahala identity">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
            <a class="loading" id="signature" href="https://www.instagram.com/aarinmahala._/?hl=en" title="Go to home" target="_blank"></a>
        </div>
    </div>
</body>
</html>