-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
157 lines (154 loc) · 8.17 KB
/
index.html
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
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<meta name="description" content="Personal Portfolio Website Of Ninju">
<meta property="og:image" content="https://i.ibb.co/sqHH4mN/Cropped-Image.png" />
<meta name="theme-color" content="#000005">
<meta name="keywords"
content="Ninju", CEO, Web Developer, Node.js, Stock Broker, Freelance, Brisbane, Python, Apps, Javascript, Node, Saizuoo, Developer, Front End Developer, Back End Developer">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Ninju</title>
<link rel="icon" href="favicon.ico">
<link rel="stylesheet" href="css/styles.min.css">
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-118887921-1"></script>
<script src="js/scripts.min.js" async></script>
</head>
<body>
<main>
<div class="logo-overlay"></div><img class="tcf-logo" src="img/loading.gif" alt="Logo">
<div class="room"><img class="room-gif" src="img/room.gif" alt="Room"><svg class="monitor-svg" version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 600 400" style="enable-background:new 0 0 600 400;" xml:space="preserve">
<g class="monitor">
<rect class="st1" x="79.5" y="157.5" width="81" height="49"></rect>
</g>
</svg>
<div class="interactive-wrap">
<div class="monitor"></div>
</div>
</div>
<div class="screenGrid"></div>
<div class="screenGrid"></div>
<div class="screenGrid"></div>
<div class="screen desktop">
<div class="noise"></div>
<div class="monitor-edges"></div>
<div class="apps">
<div class="app-icon work"><i class="fa fa-folder fa-2x"></i><span>Work</span></div>
<div class="clearfix"></div>
<div class="app-icon about"><i class="fa fa-user-circle fa-2x"></i><span>About</span></div>
<div class="clearfix"></div>
<div class="app-icon contact"><a href="https://discord.com/users/743317832434974811" target="_blank"
rel="noopener"><i class="fa fa-envelope fa-2x"></i><span>Contact</span></a></div>
<div class="clearfix"></div>
<div class="app-icon trash"><i class="fa fa-trash fa-2x"></i><span>Trash</span></div>
<div class="clearfix">
</i><span></span></div>
</div>
<div class="apps social">
<div class="app-icon social"><a href="https://www.youtube.com/@Magnimont" target="_blank" rel="noopener"><i
class="fa fa-youtube fa-2x"></i><span>Youtube</span></a></div>
<div class="clearfix"></div>
<div class="app-icon social"><a href="https://github.com/nxxju" target="_blank" rel="noopener"><i
class="fa fa-github fa-2x"></i><span>Github</span></a></div>
<div class="clearfix"></div>
<div class="app-icon social"><a href="https://www.reddit.com/user/nxxju"_blank" rel="noopener"><i
class="fa fa-reddit fa-2x"></i><span>Reddit</span></a></div>
<div class="clearfix"></div>
<div class="app-icon social"><a href="https://www.instagram.com/nxxju.iyer/" target="_blank" rel="noopener"><i
class="fa fa-instagram fa-2x"></i><span>Instagram</span></a></div>
</div>
<div class="explorer-window trash-explorer" tabindex="0">
<div class="window-header">
<p class="window-title">Trash</p>
<div class="button-wrap close-explorer"><i class="fa fa-times"></i></div>
</div>
<div class="window-body trash-body">
<div class="clearfix"></div>
<div class="explorer-icon ie"><i class="fa fa-internet-explorer fa-2x"></i></div>
</div>
</div>
<div class="explorer-window about-explorer" tabindex="0">
<div class="window-header">
<p class="window-title">About</p>
<div class="button-wrap close-explorer"><i class="fa fa-times"></i></div>
</div>
<div class="window-body about-body">
<div class="clearfix"></div>
<p>Hey I'm <a href="https://github.com/nxxju" target="_blank" rel="noopener">Ninju</a>👋🏼,</p>
<p>I'm just your average Joe with a dabbling of coding knowledge and absolutely zero experience in stock trading. When I'm not scrolling through stupid reels on Instagram, I like to pretend to work on projects, hang out with people who barely tolerate me, manage discord servers, go on adventures (to the terrace and a gaming cafe), and daydream about new ideas that I will likely never act on because of laziness. Despite my general cluelessness.</p>
<p>So if you're looking for someone who is mediocre at everything and has a knack for making bad jokes, I'm your guy</p>
<p>Right now, I’m working on some exciting projects that I can’t wait to share with you.
</p>
</div>
</div>
<div class="explorer-window work-explorer" tabindex="0">
<div class="window-header">
<p class="window-title">Work</p>
<div class="button-wrap close-explorer"><i class="fa fa-times"></i></div>
</div>
<div class="window-body work-body">
<div class="work-item">
<a class="work-link-1" href="https://www.aurabot.fun" target="_blank"> <img src="img/ljp.png"><span
class="name">Aura</span><span class="language two no-left-margin">Music</span><span
class="language two">Bot</span></a>
</div>
<div class="work-item">
<a class="work-link-1" href="https://noerror.studio" target="_blank"> <img src="img/noerror.png"><span
class="name">Noerror Studios™</span><span class="language two no-left-margin">Startup</span><span
class="language two">Programming</span></a>
</div>
<div class="work-item">
<a class="work-link-1" href="https://magnimont.com" target="_blank"> <img src="img/Magnimont.png"><span
class="name">Magnimont</span><span class="language two no-left-margin">Startup</span><span
class="language two">Programming</span></a>
</div>
</div>
</div>
<div class="explorer-window contact-explorer" tabindex="0">
<div class="window-header">
<p class="window-title">Contact</p>
<div class="button-wrap close-explorer"><i class="fa fa-times"></i></div>
</div>
<div class="window-body contact-body">
<form>
<div class="to-from-field"><span>To</span><input type="text" value="[email protected]" readonly>
</div>
<div class="to-from-field"><span>From</span><input type="text" id="email" name="email"
placeholder="Enter your email here"></div><textarea rows="5" id="message" name="message"
placeholder="Enter your message here"></textarea><input class="honeypot" name="firstname" type="text"
id="firstname">
<div class="contact-submit">Send <i class="fa fa-send"></i></div>
</form>
<div class="thanks">
<h1>Thanks :)</h1>
<p>I'll be in touch!</p>
</div>
</div>
</div>
<div class="explorer-window awards-explorer" tabindex="0">
<div class="window-header">
<p class="window-title">Awards</p>
<div class="button-wrap close-explorer"><i class="fa fa-times"></i></div>
</div>
<div class="window-body awards-body">
<div class="award-item"><img src="img/cssda-special-kudos-white.png"><span class="name">CSS Design Awards -
Special Kudos</span></div>
<div class="award-item"><img src="img/best-ui-white.png"><span class="name">CSS Design Awards - Best UI
Design</span></div>
<div class="award-item"><img src="img/best-innovation-white.png"><span class="name">CSS Design Awards - Best
Innovation</span></div>
</div>
</div>
<div class="info">
<div>
<p class="time">10:54pm</p>
<p class="date">27/04/2017</p>
</div><i class="fa fa-power-off fa-2x shutdown info-icon"></i>
</div>
</div>
</main>
</body>
</html>