ithar14.github.io/index.html at master · ithar14/ithar14.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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!--customize the display of the page or of the surrounding UI-->
    <meta name="theme-color" content="#F7F7F2" />
    <!--<meta name="robots" content="noindex" />-->

    <title>ithar K.</title>
    <meta name="description" content="Personal Portfolio" />
    <meta name="keywords"
        content="portfolio site, professional site, graphic design, UI, student portfolio, physics, digital artist, art, portraiture" />
    <!--icon-->
    <link rel="icon" type="image/png" href="img/icon.png">
    <link rel="apple-touch-icon" type="image/png" href="img/icon.png">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link href="css/style.css" rel="stylesheet" />
</head>

<body>

    <noscript>You need to enable JavaScript to run this app.</noscript>

    <div id="main">

        <div class="anim1"><span>❖</span><span>❖</span></div>

        <section id="menu">
            <input type="radio" id="homebtn" name="homebth"><label for="homebtn" id="homelabel" onclick="home();">
                home</label>

            <input type="radio" id="projectbtn" name="projectbtn"><label for="projectbtn" id="projectlabel"
                onclick="projects();" style="color:#0029284A;"> projects</label>

            <label><a href="https://drive.google.com/file/d/19Kr_85AeAJ392YOlk7RvbPM5RqzRSTYC/view?usp=sharing"
                    style="color:#0029284A;">resume</a></label>
        </section>

        <section id="home" class="intro">

            <span class="hello">hello</span>
            <span class="world">World!</span>
            <span class="user">this is ithar's</span>
            <span class="folio">Portfolio</span>
            <span class="bio">learning by experimenting through fun hacks</span>
            <div class="socials">

                <ul>
                    <li><a href="https://codepen.io/ithar" class="fa fa-codepen" target="_blank"></a></li>
                    <li style="padding-left: 40px;padding-right: 40px;"><a href="https://github.com/ithar14"
                            class="fa fa-github" target="_blank"></a></li>
                    <li><a href="https://www.linkedin.com/in/ithark/" class="fa fa-linkedin" target="_blank"></a></li>
                </ul>
            </div>


        </section>

        <section id="projects">
            <div class="category">
                <input type="checkbox" id="art" name="art" checked><label for="art" id="artchbxlabel" onclick="artpr()">
                    art</label><b style="color:#ED6A5A;">↴</b>
                <span>&</span>
                <input type="checkbox" id="dev" name="dev" checked><label for="dev" id="devchbxlabel" onclick="devpr()">
                    dev</label><b style="color:#ED6A5A;">↴</b>
            </div>

        </section>
    </div>

    <div id="cursor">
        <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 61 61" fill="none">
            <circle cx="30.5" cy="30.5" r="30.5" fill="#ED6A5A" />
        </svg>
    </div>

    <!--  custom script -->
    <script src="js/main.js"></script>

</body>


</html>