-
-
Notifications
You must be signed in to change notification settings - Fork 31
/
index.html
148 lines (145 loc) · 10.9 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
<!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 Saizuo">
<meta property="og:image" content="https://i.imgur.com/OEh1e7t.gif" />
<meta name="theme-color" content="#2c94a4">
<meta name="keywords" content="Saizuo, NoError, CEO, Web Developer, Crypto, 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>Saizuo</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/lol.gif" alt="Logo"><span class="page-state pulse">Loading</span>
<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.gg/fDSE73FEAQ" 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/c/NoErrorStudios" 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/Saizuo" 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/r/Progammingmood/" target="_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.linkedin.com/in/vikas-jha-842b0b219/" target="_blank" rel="noopener"><i class="fa fa-linkedin fa-2x"></i><span>Linkedin</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 Greetings, I'm <a href="https://github.com/Saizuo" target="_blank" rel="noopener">Saizuo</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 cat videos on YouTube, I like to pretend to work on projects, hang out with people who barely tolerate me, read books (mostly for the pictures), go on adventures (to the fridge and back), and daydream about new ideas that I will likely never act on.</p>
<p>Despite my general cluelessness, I've always been curious about the world. As a kid, I loved taking things apart and pretending to know how to put them back together. While my endeavors in coding and the stock market have been underwhelming at best, I'm confident that my boundless enthusiasm and lack of expertise will carry me to new heights (or maybe just to the nearest bar).</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>
</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://noerror.studio/" target="_blank"> <img src="img/ljp.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://novacosmos.live" target="_blank"> <img src="img/pxArt (1).png"><span class="name">Nova-Cosmos</span><span class="language two no-left-margin">Startup</span><span class="language two">Network</span></a>
</div>
<div class="work-item">
<a class="work-link-1" href="https://novahosting.host" target="_blank"> <img src="img/pxArt (2).png"><span class="name">Nova Hosting</span><span class="language two no-left-margin">Company</span><span class="language two">Hosting</span></a>
</div>
<div class="work-item">
<a class="work-link-1" href=" https://thermalhosting.com/" target="_blank"> <img src="img/pxArt (3).png"><span class="name">Thermal Hosting</span><span class="language two no-left-margin">Company</span><span class="language two">Hosting</span></a>
</div>
<div class="work-item">
<a class="work-link-1" href="https://squirpaint.gq" target="_blank"> <img src="img/squirtpaint.png"><span class="name">Squirt Paint</span><span class="language two no-left-margin">Website</span><span class="language two">Github</span></a>
</div>
<div class="work-item">
<a class="work-link-1" href="https://mashimaheros.gq" target="_blank"> <img src="img/mashima.png"><span class="name">Anime Website</span><span class="language two no-left-margin">Website</span><span class="language two">Anime</span></a>
</div>
<div class="work-item">
<a class="work-link-1" href="https://photonray.live" target="_blank"> <img src="img/Photonray.png"><span class="name">Photonray</span><span class="language two no-left-margin">Green Energy</span><span class="language two">Startup</span></a>
</div>
<div class="work-item">
<a class="work-link-1" href="https://mikuni.tech" target="_blank"> <img src="img/Mikuni and Etc.png"><span class="name">Mikuni and Etc</span><span class="language two no-left-margin">Discord</span><span class="language two">Bots</span></a>
</div>
<div class="work-item">
<a href="http://???.com" target="_blank"><img src="img/ll.png"><span class="name">???</span><span class="language one no-left-margin">???</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>