-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
133 lines (124 loc) · 4.35 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
<!DOCTYPE html>
<html>
<head>
<!-- Google tag (gtag.js) -->
<!-- <script async src="https://www.googletagmanager.com/gtag/js?id=G-X3K4MZ7F59"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-X3K4MZ7F59');
</script> -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio</title>
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<div class="wrapper">
<span class="circle-large"></span>
<span class="circle-small"></span>
<div class="wrap" id="content-area">
<h1>Web developer<br>& Flutter enthusiast</h1>
Hi i am Shreyas sk!
<ul>
<li>- Passionate about crafting websites</li>
<li>- Currently exploring Rust programming</li>
</ul>
<a href="#" class="button">see my work >></a>
<footer>
<a href="#" class="link"><span>facebook</span></a> / <a href="https://github.com/shreyasskdev" class="link"><span>github</span></a> / <a href="#" class="link"><span>instagram</span></a>
</footer>
</div>
<div id="content-2" class="projects" style="display: none;">
<!-- <div class="projects"> -->
<a href="#" class="link"><<</a>
<ol>
<!-- one -->
<li>
<span>
<span>
<h3>1</h3>
<h5>School-erp mobile client</h5>
</span>
<p>The CHSS Chattanchal Mobile App,
built with React Native, streamlines
admissions and student management for
Chattanchal Higher Secondary School.
It simplifies administrative tasks,
provides real-time updates,
and enhances communication between teachers
and school authorities. This user-friendly app
represents the school's commitment
to leveraging technology for
improved educational experiences
and efficient school management.<br/>
<a href="https://github.com/shreyasskdev/chss-chattanchal-mobile-app"><span>https://github.com/shreyasskdev/chss-chattanchal-mobile-app</span></a>
</p>
</span>
<div class="image-container" style="background-image: url('./assets/school_erp_mobile_client.svg');"></div>
</li>
<!-- two -->
<li>
<span>
<span>
<h3>2</h3>
<h5>School-erp web client</h5>
</span>
<p>The CHSS Chattanchal Website,
developed using React JS, serves
as the digital face of Chattanchal
Higher Secondary School. It offers
a user-friendly platform for
students, parents, and the community
to access school information,
announcements, and resources. This
responsive website showcases the school's
achievements, and values, enhancing
communication and engagement.
<br/>
<a href="https://github.com/shreyasskdev/chss-chattanchal-website"><span>https://github.com/shreyasskdev/chss-chattanchal-website</span></a>
</p>
</span>
<div class="image-container" style="background-image: url('./assets/school_erp_web_client.svg');"></div>
</li>
<!-- three -->
<li>
<span>
<span>
<h3>3</h3>
<h5>App Vault</h5>
</span>
<p>Flutter-based digital vault app with encryption.
Securely store and organize personal photos and files.
Access your encrypted content safely on mobile devices.
<br/>
<a href="https://github.com/shreyasskdev/vault_app"><span>https://github.com/shreyasskdev/wallet</span></a>
</p>
</span>
<div class="image-container" style="background-image: url('./assets/wallet.svg');"></div>
</li>
<!-- four -->
<li>
<span>
<span>
<h3>4</h3>
<h5>2D physics engine</h5>
</span>
<p>Rust-based physics engine,
a playful project born from curiosity
and a love for simulation. This lighthearted
creation brings objects to life,
calculating collisions and interactions. <br/>
<a href="https://github.com/shreyasskdev/physics_engine_2D"><span>https://github.com/shreyasskdev/physics_engine_2D</span></a>
</p>
</span>
<div class="image-container" style="background-image: url('./assets/physics_engine.svg');"></div>
</li>
</ol>
</div>
<div class="ripple-wrap"><div class="ripple" style="display: block;"></div></div>
</div>
<script src="main.js"></script>
</body>
</html>