forked from CTK-WARRIOR/Developer-Portfolio-Template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
182 lines (160 loc) · 8.96 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
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
<!DOCTYPE html>
<head>
<title>Developer Portfolio</title>
<link rel="icon" href="https://cdn.discordapp.com/attachments/917919464786386944/1106876758126493746/favicon-resized.gif">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="stylesheet" href="./css/index.css">
<script src="https://kit.fontawesome.com/1c3b2e895a.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://unpkg.com/tippy.js@6/animations/scale.css" />
<link rel="stylesheet" href="https://unpkg.com/tippy.js@6/animations/scale.css" />
</head>
<body>
<!-- GRADIANT EFFECT ON TOP -->
<h1 id="main-heading" class="gradiant-effect"></h1>
<!-- MAIN DIVIDER WHICH CONTAINS ALL THE OTHER CATEGORY-->
<div id="main-box">
<!-- ABOUT ME SECTION -->
<div class="d-flex justify-content-center" id="about-me">
<div class="d-flex">
<div class="flex-shrink-0">
<!-- IMAGE OF THE PERSON-->
<img class="gradiant-effect"
src="https://cdn.discordapp.com/attachments/1113967794522959963/1135074261061615646/JakePFP.gif"
alt="image">
</div>
<div class="flex-grow-1 ms-5 name-heading">
<!-- NAME OF THE PERSON -->
<h1>JakeRuCodes</h1>
<!-- ABOUT IT/THEM -->
<p class="gray-text">JakeRuCodes is a highly skilled and experienced developer who has been working with various programming languages since 2013. As the proud owner of Stream Legends Discord server, he has established himself as a prominent figure in the world of online gaming and community building. His dedication to crafting engaging and interactive experiences has led him to create a range of successful projects, all of which reflect his passion for technology and innovation. With a keen eye for detail and a commitment to excellence, JakeRuCodes has become a go-to developer for clients seeking top-quality software solutions.</p>
</div>
</div>
</div>
<h1 class="gradiant-effect" id="second-heading">SKILLS</h1>
<br>
<!-- SKILLS OR TECH HE KNOWS -->
<div class="d-flex justify-content-center align-content-between flex-wrap" id="skills">
<i class="fab fa-react skills-icon" data-tippy-content="React Native"></i>
<i class="fab fa-vuejs skills-icon" data-tippy-content="Vuejs"></i>
<i class="fab fa-node skills-icon" data-tippy-content="Node.js"></i>
<i class="fab fa-html5 skills-icon" data-tippy-content="HTML"></i>
<i class="fab fa-js-square skills-icon" data-tippy-content="JavaScript"></i>
<i class="fab fa-discord skills-icon" data-tippy-content="Discord Bot Developer"></i>
</div>
<h1 class="gradiant-effect" id="second-heading">SOCIALS</h1>
<br>
<!-- SOCIALS -->
<div class="d-flex justify-content-center align-content-between flex-wrap" id="skills">
<i class="fab fa-github skills-icon fa-3x" data-tippy-content="JakeRuCodes" aria-hidden="true"></i>
<i class="fab fa-twitter skills-icon fa-3x" data-tippy-content="JakeRuCodes" aria-hidden="true"></i>
<i class="fab fa-twitch skills-icon fa-3x" data-tippy-content="JakeRuu" aria-hidden="true"></i>
<i class="fab fa-youtube skills-icon fa-3x" data-tippy-content="JakeRu" aria-hidden="true"></i>
<i class="fab fa-steam skills-icon fa-3x" data-tippy-content="JakeRuSteam" aria-hidden="true"></i>
<i class="fab fa-discord skills-icon fa-3x" data-tippy-content="JakeRuCodes#9137" aria-hidden="true"></i>
</div>
<div class="container-xxl gradiant-effect" style=" max-width: 1034px;" id="third-heading">
<h1>PROJECTS</h1>
</div>
<!-- PROJECT THAT HE OWNS -->
<div class="container-xxl" style="max-width: 1034px;" id="projects">
<div class="row row-cols-1 row-cols-md-3 g-4">
<div class="col">
<div class="card mb-3 h-100" style="max-width: 18rem;">
<div class="card-body">
<h5 class="card-title">Kratos Hub</h5>
<p class="card-text">A script hub for Roblox, for now it will be a private script. (Works similar to Synapse X/V3)</p>
</div>
</div>
</div>
<div class="col">
<div class="card mb-3 h-100" style="max-width: 18rem;">
<div class="card-body">
<h5 class="card-title">Kratos Injector</h5>
<p class="card-text">This has been a surprise for quite some time. Kratos Injector is a private KD Mapper/Injector for UE4/UE5/UNITY.</p>
</div>
</div>
</div>
<div class="col">
<div class="card mb-3 h-100" style="max-width: 18rem;">
<div class="card-body">
<h5 class="card-title">Kratos Bot</h5>
<p class="card-text">A publicly hosted Moderation/Utility/Fun bot for Discord. (Features functions similar to : Tatsumaki/Dyno)</p>
</div>
</div>
</div>
<div class="col">
<div class="card mb-3 h-100" style="max-width: 18rem;">
<div class="card-body">
<h5 class="card-title">Kratos Logger</h5>
<p class="card-text">A special project I have been working on since 2015, I will release more info in the Discord soon.</p>
</div>
</div>
</div>
<div class="col">
<div class="card mb-3 h-100" style="max-width: 18rem;">
<div class="card-body">
<h5 class="card-title">Kratos Loader</h5>
<p class="card-text">A private/paid loader to execute cheats for some of your favorite games! (Made by Jake)</p>
</div>
</div>
</div>
<div class="col">
<div class="card mb-3 h-100" style="max-width: 18rem;">
<div class="card-body">
<h5 class="card-title">Kratosware Website</h5>
<p class="card-text">I'm currently working on a website to keep you all updated on the latest news about Kratosware products.</p>
</div>
</div>
</div>
</div>
</div>
<div class="container-xxl gradiant-effect" style=" max-width: 1034px;" id="fourth-heading">
<h1>CONTACT ME</h1>
</div>
<div class="container-xxl" style="max-width: 1034px;" id="contact-me">
<form>
<div class="mb-3">
<label for="exampleInputEmail1" class="form-label">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
<div id="emailHelp" class="form-text">We'll never share your email with anyone.</div>
</div>
<div class="mb-3">
<label for="exampleFormControlTextarea1" class="form-label">Content</label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
</div>
<button type="submit" class="btn btn-primary" style="color: white">SEND MESSAGE</button>
</form>
</div>
</div>
<br>
<script src="https://unpkg.com/@popperjs/core@2/dist/umd/popper.min.js"></script>
<script src="https://unpkg.com/tippy.js@6/dist/tippy-bundle.umd.js"></script>
<script>
document.addEventListener('contextmenu', event=> event.preventDefault());
document.onkeydown = function(e) {
if(event.keyCode == 123) {
return false;
}
if(e.ctrlKey && e.shiftKey && e.keyCode == 'I'.charCodeAt(0)){
return false;
}
if(e.ctrlKey && e.shiftKey && e.keyCode == 'J'.charCodeAt(0)){
return false;
}
if(e.ctrlKey && e.keyCode == 'U'.charCodeAt(0)){
return false;
}
}
tippy('[data-tippy-content]', {
arrow: false,
inertia: true,
animation: 'scale',
theme: 'gradiant',
placement: 'bottom',
});
</script>
</body>
</html>