-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
204 lines (177 loc) · 7.81 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
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
<!DOCTYPE HTML>
<html>
<head>
<title>Cloudzy | Portfolio</title>
<link rel="shortcut icon" href="/images/avatar.ico" type="image/x-icon">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&family=Roboto+Slab:wght@100;200;400;500;600;900&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css">
<!-- font-family: 'Montserrat', sans-serif;
font-family: 'Roboto Slab', serif; -->
</head>
<body class="is-preload">
<!-- Header -->
<header id="header">
<div class="inner">
<a href="index.html" class="image avatar"><img src="images/avatar.jpg" alt="error loading image" /> </a>
<h1><strong>Hey, My Name is Amit. <br /></strong>
I am a programmer. I live in Gujarat. <br />
but i call many places home. <br />
A palm reader in India once told me <br />
i will live the life of a magical gypsy and its important for the world that i tell the stories of the
many people i encounter on my journeys.
<br /> That's what i am doing..
</h1>
</div>
</header>
<!-- <div id="InfoBanner">
<span class="reversed reversedRight">
<span>
⚠
</span>
</span>
<span class="reversed reversedLeft">
Development in Progress !!
</span>
</div> -->
<!-- Main -->
<div id="main">
<!-- One -->
<section id="one">
<header class="major">
<!-- <h1 class="workinprogress"><strong class="underline-on-hover">CURRENTLY IN
DEVELOPMENT</strong></h1> -->
<h2><strong class="about underline-on-hover">About</strong></h2>
</header>
<p>Hi!! there,
I am "Amit Kumar Rossi"<i> a.k.a.</i> Cloudzy. I am a Student and a Developer with an effective
problem solving mindset passionated for programming, Gaming and about technology. Also Growing my skills
on
many other platforms like MySQL, SQL, Java, VsCode, Html, Css,
Python, C++, Github, Web Development etc. I've Developed some Discord Server and personal Discord Bots..
</p>
<ul class="actions">
<li><a href="https://xcloudzy.vercel.app/" target="_blank"
class="button-underline underline-on-hover">Checkout My Portfolio Made By Me</a>
</li>
</ul>
</section>
<!-- Two -->
<section id="two">
<h2 class="about underline-on-hover">Work Flow</h2>
<div class="row">
<article class="col-6 col-12-xsmall work-item">
<a href="images/fulls/01.png" class="image fit thumb"><img src="images/thumbs/01.png" alt="" /></a>
<h3 class="about-content underline-on-hover">Portfolio</h3>
<p>This is the temporary portfolio edited by me. rn working on custom portfolio. Just Wait :)</p>
</article>
<!-- <article class="col-6 col-12-xsmall work-item">
<a href="images/fulls/02.png" class="image fit thumb"><img src="images/thumbs/02.png" alt="" /></a>
<h3 class="underline-on-hover">Initial Page</h3>
<p>This is how Initializaion look like.</p>
</article>
<article class="col-6 col-12-xsmall work-item">
<a href="images/fulls/03.png " class="image fit thumb"><img src="images/thumbs/03.png" alt="" /></a>
<h3 class="underline-on-hover">Home Page</h3>
<p>Home Page visuals.</p>
</article> -->
<article class="col-6 col-12-xsmall work-item">
<a href="images/fulls/04.webp" class="image fit thumb"><img src="images/thumbs/04.png" alt="" /></a>
<h3 class="about-content underline-on-hover">Recent Favourite Show</h3>
<p>Legacies my fav show and character.</p>
</article>
<article class="col-6 col-12-xsmall work-item">
<a href="images/fulls/05.png" class="image fit thumb"><img src="images/thumbs/05.png" alt="" /></a>
<h3 class="about-content underline-on-hover">Gamer by passion</h3>
<p>I started playing game on pc since i was in elementary school.</p>
</article>
<article class="col-6 col-12-xsmall work-item">
<a href="images/fulls/06.jpg" class="image fit thumb"><img src="images/thumbs/06.png" alt="" /></a>
<h3 class="about-content underline-on-hover">Mobile Games</h3>
<p>I started playing games on mobile cuz my pc suck at running high end
graphics games :)</p>
</article>
</div>
</section>
<!-- Three -->
<section id="three">
<h2 class="about underline-on-hover">Get In Touch</h2>
<p>Want to get in touch? I'd love to hear from you. Here's how you can reach me.....</p>
<div class="row">
<div class="col-8 col-12-small">
<form action="https://formspree.io/f/xzboqnyj" method="POST">
<div class="row gtr-uniform gtr-50">
<div class="col-6 col-12-xsmall"><input type="text" name="name" id="name" placeholder="Name"
required /></div>
<div class="col-6 col-12-xsmall"><input type="email" name="email" id="email"
placeholder="Email" required /></div>
<div class="col-12"><textarea name="message" id="message" placeholder="Message" rows="4"
required></textarea></div>
</div>
<ul class="actions">
<li><input type="submit" value="Send Message" /></li>
</ul>
</form>
</div>
<div class="col-4 col-12-small">
<ul class="labeled-icons">
<li style="padding-left: 40px;">
<h3 class="icon solid fa-home"><span class="label">Address</span></h3>
901 S.G Highway.<br />
Ahmedabad, GJ 380041<br />
India
</li>
<!-- <li>
<h3 class="icon solid fa-mobile-alt"><span class="label">Phone</span></h3>
<a href="tel:000-000-0000" class="button-underline underline-on-hover"
style="display: inline;">000-000-0000</a>
</li> -->
<li>
<h3 class="icon solid fa-envelope"><span class="label">Email</span></h3>
<a href="mailto:[email protected]" class="button-underline underline-on-hover"
style="display: inline;">[email protected]</a>
</li>
</ul>
</div>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<ul class="icons">
<li><a href="https://twitter.com/deiggxd" target="_blank" class="icon"><span><i
class="uil uil-twitter" style="font-size: 1.75em;"></i></span></a></li>
<li><a href="https://www.instagram.com/kill.thecrowd/" target="_blank" class="icon"><span><i
class="uil uil-instagram" style="font-size: 1.75em;"></i></span></a></li>
<li><a href="https://github.com/Cloudzyyyyy" target="_blank" class="icon"><span><i
class="uil uil-github" style="font-size: 1.75em;"></i></span></a></li>
<li><a href="https://discord.com/invite/hMU7tNS" target="_blank" class="icon"><span><i
class="uil uil-discord" style="font-size: 1.75em;"></i></span></a></li>
<li><a href="https://bio.site/cloudzy" target="_blank" class="icon"><span><i class="uil uil-award"
style="font-size: 1.75em;"></i></span></a></li>
</ul>
<ul class="copyright">
<li class="cloudzy">© CLOUDZY</li>
<li><a href="https://allmylinks.com/cloudzy" target="_blank"
class="icon links underline-on-hover">ALLMYLINKS</a>
<!-- <span><i class="uil uil-window"></i></span> -->
</li>
</ul>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.poptrox.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>