-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
187 lines (187 loc) · 10.7 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
183
184
185
186
187
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CREATE</title>
<link rel="icon" type="image/x-icon" href="Resouces/favicon.ico">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/landing.css">
<link rel="stylesheet" href="css/navbar.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<script src="javascript/theme.js" defer></script>
<script src="javascript/skills.js" defer></script>
<script src="javascript/intersection.js" defer></script>
<script src="javascript/navbar.js" defer></script>
</head>
<body class="dark-color transition">
<header>
<div class="navbar top">
<img class="nav-item flex logo" onclick="window.open('https://youtu.be/dQw4w9WgXcQ');" src="Resouces/Logo.png">
<div class="flex nav-menu">
<div class="nav-item flex" id="theme-btn"><span class="material-icons">dark_mode</span></div>
<a class="nav-item flex" href="#contact">CONTACT</a>
<a class="nav-item flex" href="#skills">SKILLS</a>
<a class="nav-item flex" href="#about-me">ABOUT ME</a>
<a class="nav-item flex" href="#home">HOME</a>
<a href=""></a>
</div>
<div class="hamburger-container flex">
<div class="hamburger">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
</div>
</div>
</header>
<main>
<div class="front flex col" id="home">
<video autoplay loop muted plays-inline>
<source src="Resouces/Banner.mp4" type="video/mp4">
</video>
<h2>THIS IS</h2>
<h1>ALPHACUPCAKE10</h1>
<div class="button outline" onclick="location.href='https://alphacupcake10.vercel.app/'">NEWER PORTFOLIO</div>
</div>
<div class="container" id="about-me">
<h1 class="section-title animate">ABOUT ME</h1>
<div class="about-me flex">
<img src="Resouces/NewMe.jpg1" class="animate" style="z-index: 1;">
<div class="about-me-content flex col">
<h2 class="animate delay-1">HELLO I AM,</h2>
<h1 class="animate delay-2">LAKSHMAN</h1>
<h3 class="animate delay-3">A.K.A ALPHACUPCAKE10</h3>
<p class="animate delay-4">Currently working as a freelance artist, constantly interested in a challenge. I am a kind of person who likes to view things from a neutrally different and virtually inclined perspective.</p>
<div class="button accent" onclick="location.href='#contact';">CONTACT ME</div>
</div>
</div>
</div>
<div class="container" id="skills">
<h1 class="section-title animate">SKILLS</h1>
<div class="cards-container" id="skills-container">
</div>
</div>
<div class="container" id="experience">
<h1 class="section-title animate">EXPERIENCE</h1>
<div class="cards-container">
<div class="card h-32 animate" style="cursor: pointer;" onclick="window.open('https://www.fiverr.com/alphacupcake')">
<img src="Resouces/Image1.jpg" class="background"></img>
<div class="card-title">FIVERR</div>
<div class="card-subtitle">3D GRAPHICS ARTIST</div>
<div class="card-subtitle2">SEPT 2021 - PRESENT</div>
<div class="card-content">
<ul>
<li>Seller in the 3D Product Animations Sub Category.</li>
<li>Worked on 50+ individual Projects with 40+ different clients.</li>
<li>The trailers were covered in reputable online articles and reached 100k + views on YouTube</li>
</ul>
</div>
</div>
<div class="card h-32 animate right delay-2" style="cursor: pointer;" onclick="">
<img src="Resouces/Image2.jpg" class="background"></img>
<div class="card-title">TROPPOLO</div>
<div class="card-subtitle">UI | UX INTERN</div>
<div class="card-subtitle2">APRIL 2023 - JUNE 2023</div>
<div class="card-content">
<ul>
<li>Designed 14+ screens for the mobile app in Figma.</li>
<li>Devised an elaborate UX system for the specific needs of the Mobile App.</li>
</ul>
</div>
</div>
<div class="card h-32 animate right delay-2" style="cursor: pointer;" onclick="window.open('https://www.linkedin.com/company/foureightseven/')">
<img src="Resouces/Image4.jpg" class="background"></img>
<div class="card-title">STUDIO FOUREIGHTSEVEN</div>
<div class="card-subtitle">FRONTEND DEVELOPER</div>
<div class="card-subtitle2">AUG 2023 - OCT 2023</div>
<div class="card-content">
<ul>
<li>
Shopify Ecosystem, Shopify Liquid Templating, Shopify Ajax API,
Component Creation for Shopify Theme Editor
</li>
<li>
Brands I've worked with :
<br>
GetVitalPlus
<br>
YesYouCanDrinks
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container" id="my-work">
<h1 class="section-title animate">PROJECTS</h1>
<div class="cards-container">
<div class="card center shadow animate delay-3" style="cursor: pointer;" onclick="window.open('https://alphacupcake10.itch.io/diving-tempest-revamped')">
<img src="https://img.itch.zone/aW1nLzEzMzE2MTgyLnBuZw==/original/Myl26b.png" class="background"></img>
<div class="card-title">DIVING TEMPEST</div>
</div>
<div class="card center shadow animate delay-1" style="cursor: pointer;" onclick="window.open('https://buzzup-phi.vercel.app/')">
<img src="Resouces/Buzzup.jpg" class="background opacity-1"></img>
<!-- <div class="card-title">BUZZUP</div> -->
</div>
<div class="card center shadow animate right delay-2" style="cursor: pointer;" onclick="window.open('https://jivanam.pythonanywhere.com/')">
<img src="Resouces/Jivanam.jpg" class="background opacity-1"></img>
<!-- <div class="card-title">BUZZUP</div> -->
</div>
<div class="card center shadow animate delay-3" style="cursor: pointer;" onclick="window.open('https://alphacupcake10.github.io/ScrollThreeJS/')">
<img src="Resouces/Image4.jpg" class="background"></img>
<div class="card-title">THREE JS SCROLLING</div>
</div>
<div class="card center shadow animate right delay-4" style="cursor: pointer;" onclick="window.open('https://alphacupcake10.github.io/JS-Playground/')">
<img src="Resouces/Image6.jpg" class="background"></img>
<div class="card-title">JS PLAYGROUND</div>
</div>
</div>
</div>
<div class="container" id="contact">
<h1 class="section-title animate">CONTACT ME</h1>
<div class="cards-container">
<div class="card center shadow animate right delay-4" style="cursor: pointer;" onclick="window.open('https://www.linkedin.com/in/alphacupcake10/')">
<img src="Resouces/Image7.jpg" class="background"></img>
<div class="card-title">LINKEDIN</div>
</div>
<div class="card center shadow animate delay-4" style="cursor: pointer;" onclick="window.open('mailto:[email protected]')">
<img src="Resouces/Image6.jpg" class="background"></img>
<div class="card-title">MAIL ME</div>
</div>
<div class="card center shadow animate delay-4" style="cursor: pointer;" onclick="window.open('https://linktr.ee/AlphaCupcake10')">
<img src="Resouces/Image8.jpg" class="background"></img>
<div class="card-title">LINK TREE</div>
</div>
</div>
</div>
<div class="container" id="my-work">
<h1 class="section-title animate">CHECK OUT MY ARTWORK</h1>
<div class="cards-container">
<div class="card center shadow animate delay-1" style="cursor: pointer;" onclick="window.open('https://www.behance.net/AlphaCupcake10')">
<img src="Resouces/Image2.jpg" class="background"></img>
<div class="card-title">BEHANCE</div>
</div>
<div class="card center shadow animate right delay-2" style="cursor: pointer;" onclick="window.open('https://www.artstation.com/alphacupcake10')">
<img src="Resouces/Image3.jpg" class="background"></img>
<div class="card-title">ARTSTATION</div>
</div>
<div class="card center shadow animate delay-3" style="cursor: pointer;" onclick="window.open('https://www.instagram.com/alphacupcake10/')">
<img src="Resouces/Image4.jpg" class="background"></img>
<div class="card-title">INSTAGRAM</div>
</div>
<div class="card center shadow animate right delay-4" style="cursor: pointer;" onclick="window.open('https://www.youtube.com/alphacupcake10')">
<img src="Resouces/Image5.jpg" class="background"></img>
<div class="card-title">YOUTUBE</div>
</div>
</div>
</div>
</main>
<footer class="flex col accent-color" style="text-align: center;">
<p>Designed and Developed by AlphaCupcake10 © 2023</p>
<p class="subtext">PURE CSS | VANILLA JAVASCRIPT</p>
</footer>
</body>
</html>