-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
177 lines (172 loc) · 8.27 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<link rel="stylesheet" href="css/style.css">
<link rel="icon" href="favicon.ico" type="image/x-icon"/>
<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
<meta charset="utf-8">
<title>Ritik Kumar Srivastava | E-Portfolio</title>
</head>
<body>
<header class="main_h">
<div class="row">
<a class="logo" href="#"><b>CyberWake</b></a>
<div class="mobile-toggle">
<span></Span>
<span></span>
<span></span>
</div>
<nav>
<ul>
<li><a href="#about">About</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#projects">Projects</a></li>
</ul>
</nav>
</div>
</header>
<div class="hero_img">
<img src="img/titlebg.jpg" alt="Hero" width="100%" height="790px">
</div>
<div class="hero">
<h1>
<span>
<img src="img/profile.jpg" alt="Profile" id="profile_img">
<br>
Problem Solver | Developer | Photographer
</span>
<br>Ritik Kumar Srivastava<br><br>
<a href="https://www.facebook.com/Cyberwake"><img src="img/facebook.png" alt="Facebook" class="social_icon"></a>
<a href="https://github.com/CyberWake"><img src="img/github.png" alt="Github" class="social_icon"></a>
<a href="https://www.linkedin.com/in/cyberwake"><img src="img/linkedin.png" alt="LinkedIn" class="social_icon"></a>
<a href="https://twitter.com/ritikfbd"><img src="img/twitter.png" alt="Twitter" class="social_icon"></a>
<a href="https://www.instagram.com/ritik_kumar_srivastava/"><img src="img/instagram.png" alt="Instagram" class="social_icon"></a>
<br><br><br>
</h1>
</div>
<div class="row content">
<div class="card">
<h1 id="about">About</h1>
<hr>
<p>
Hi! And welcome to my e-Portfolio. My name as you must have read already is Ritik Kumar Srivastava. I'm a second year B.tech student of Computer Science and Engineering with Specialization in Artificial Intelligence and Machine Learning. I got fascinated
with the world of tech from my childhood, having worked or at least dabbled in Web Development, Android Development, Automation Apps, Photo Editing, Iot.
</p>
</div>
<div class="card">
<h1 id="skills">Skills</h1>
<hr>
<br>
<div class="avatar-container p-80">
<img src="img/c.jpg" alt="Programming in C" class="avatar" />
</div>
<div class="avatar-container p-85">
<img src="img/c++.png" alt="Programming C++" class="avatar" />
</div>
<div class="avatar-container p-80">
<img src="img/java.jpeg" alt="Programming in Java" class="avatar" />
</div>
<div class="avatar-container p-85">
<img src="img/python.jpg" alt="Programming in Python" class="avatar" />
</div>
<div class="avatar-container p-80">
<img src="img/html.png" alt="HTML" class="avatar" />
</div>
<div class="avatar-container p-70">
<img src="img/css.png" alt="CSS" class="avatar" />
</div>
<div class="avatar-container p-70">
<img src="img/django.jpeg" alt="Django" class="avatar" />
</div>
<div class="avatar-container p-65">
<img src="img/android.jpeg" alt="Android Development" class="avatar" />
</div>
<div class="avatar-container p-80">
<img src="img/dart.png" alt="Programming in Dart" class="avatar" />
</div>
<div class="avatar-container p-90">
<img src="img/flutter.png" alt="Cross Plateform Development" class="avatar" />
</div>
<div class="avatar-container p-85">
<img src="img/selenium.jpg" alt="Selenium" class="avatar" />
</div>
<div class="avatar-container p-75">
<img src="img/iot.jpeg" alt="IoT" class="avatar" />
</div>
<div class="avatar-container p-70">
<img src="img/cv.jpg" alt="Computer Vision" class="avatar" />
</div>
<div class="avatar-container p-65">
<img src="img/ml.png" alt="Machine Learning" class="avatar" />
</div>
<div class="avatar-container p-65">
<img src="img/photoshop.jpeg" alt="Photoshop" class="avatar" />
</div>
<br>
</div>
<div class="card">
<h1 id="projects">Projects</h1>
<hr>
<br>
<div class="project_card">
<div class="work_card">
<img src="img/autologinbot.png" alt="Auto Login Bot" style="width:100%">
<div class="container">
<h4><b>Auto Login Bot</b></h4>
<p>A script made using selenium web driver and python to try out a given list of user id's and passwords on any website.</p>
<p>
<a href="https://github.com/CyberWake/autologin_bot"><img src="img/github.png" alt="Github" class="social_icon"></a>
</p>
</div>
</div>
<div class="work_card">
<img src="img/chess.png" alt="Chess" style="width:100%">
<div class="container">
<h4><b>Chess</b></h4>
<p>A 2D game made using C++. With graphics libraries. It was great fun.</p>
<p>
<a href="https://github.com/CyberWake/C"><img src="img/github.png" alt="Github" class="social_icon"></a>
</p>
</div>
</div>
</div>
<div class="project_card">
<div class="work_card">
<img src="img/gym_workout_planner.png" alt="Chess" style="width:100%">
<div class="container">
<h4><b>Gym WorkOut Planner App</b></h4>
<p>A Flutter application to guide and help you in tracking your fitness. With the feature of getting your BMI and more.</p>
<p>
<a href="https://github.com/CyberWake/flutter_app"><img src="img/github.png" alt="Github" class="social_icon"></a>
</p>
</div>
</div>
<div class="work_card">
<img src="img/cyberwake_coin.png" alt="Chess" style="width:100%">
<div class="container">
<h4><b>CyberWake Coin App</b></h4>
<p>A Flutter application to learn implementing blockchain in mobile development and learn have it's future scope</p>
<p>
<a href="https://github.com/CyberWake/CyberWake_Coin"><img src="img/github.png" alt="Github" class="social_icon"></a>
</p>
</div>
</div>
</div>
<div class="project_card">
<div class="work_card">
<img src="img/rtrigger.png" alt="Chess" style="width:100%">
<div class="container">
<h4><b>Rtrigger App</b></h4>
<p>A Series of three linked e-commerce applications. where you can get from medicine order to food orders with the feature of liquor ordering as well. not only that you can have appointments for saloon and sanitizations as well.</p>
<p>
<a href="https://github.com/CyberWake/rtrigger"><img src="img/github.png" alt="Github" class="social_icon"></a>
</p>
</div>
</div>
</div>
</div>
</div>
</body>
<script src="js/jquery-3.4.1.js" charset="utf-8"></script>
<script src="js/script.js"></script>
</html>