-
Notifications
You must be signed in to change notification settings - Fork 0
/
team.html
159 lines (153 loc) · 8.25 KB
/
team.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Courses & Learnings</title>
<link rel="icon" href="images/title_logo.png" type="image/x-icon">
<meta name="description" content="Explore the courses and learnings of Saket Khopkar, including UI/UX design, Java programming, ethical hacking, game development, and more.">
<meta name="keywords" content="Saket Khopkar, courses, learnings, UI/UX design, Java programming, ethical hacking, game development, Python programming, blockchain, data science">
<link href="https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/a81368914c.js"></script>
<link rel="stylesheet" href="styles/nav-style.css">
<link rel="stylesheet" href="styles/team.css">
<link rel="stylesheet" href="styles/Root-HTML.css">
<link rel="stylesheet" href="styles/landing-page.css">
</head>
<body>
<nav>
<div class="logo">
<img src="images/New-Logo.PNG" alt="Saket Khopkar's Logo">
</div>
<div class="nav-container">
<ul class="nav-links">
<li><a href="index.html" aria-label="Home">Home</a></li>
<li><a href="online.html" aria-label="About Me">About Me</a></li>
<li><a href="team.html" aria-label="Knowledge Base">Knowledge Base</a></li>
<li><a href="articles.html" aria-label="Blog Posts">Blog Posts</a></li>
<li><a href="contact_form.html" aria-label="Contact">Contact</a></li>
</ul>
</div>
<div class="mobile-menu">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
</div>
</nav>
<section class="second-box">
<h1>I have knowledge of these things</h1>
<div class="profiles">
<div class="profile tooltip">
<a href="#">
<img src="images/learning-1.jfif" alt="Gained UI/UX Design Ability" class="profile-img">
<span class="tooltiptext">Gained UI/UX Design Ability</span>
</a>
<h3 class="user-name">Animation using Adobe Photoshop, Adobe After Effects and AutoDesk Maya</h3>
<h5>Date: September 2020</h5>
</div>
<div class="profile tooltip">
<a href="#">
<img src="images/learning-2.jfif" alt="Gained the ability to code in Java" class="profile-img">
<span class="tooltiptext">Gained the ability to code in Java</span>
</a>
<h3 class="user-name">Basic Java Programming Masterclass</h3>
<h5>Date: November 2020</h5>
</div>
<div class="profile tooltip">
<a href="#">
<img src="images/learning-3.jfif" alt="Gained insights about Linux OS and Raspberry Pi interfacing" class="profile-img">
<span class="tooltiptext">Gained insights about Linux OS and Raspberry Pi interfacing</span>
</a>
<h3 class="user-name">Basics of Raspberry Pi using Linux</h3>
<h5>Date: February 2018</h5>
</div>
<div class="profile tooltip">
<a href="turnjs4/samples/basic-2/index.html">
<img src="images/learning-4.jfif" alt="Learnt professional work etiquettes" class="profile-img">
<span class="tooltiptext">Learnt professional work etiquettes</span>
</a>
<h3 class="user-name">Corporate Readiness Training Program by Global Talent Track (GTT)</h3>
<h5>Date: February 2021</h5>
</div>
</div>
<div class="profiles">
<div class="profile tooltip">
<a href="#">
<img src="images/learning-5.jfif" alt="Gained knowledge about Kali Linux and its usage" class="profile-img">
<span class="tooltiptext">Gained knowledge about Kali Linux and its usage</span>
</a>
<h3 class="user-name">Basics of Ethical Hacking using Kali Linux</h3>
<h5>Date: September 2019</h5>
</div>
<div class="profile tooltip">
<a href="#">
<img src="images/learning-6.jfif" alt="Gained the ability to develop Games" class="profile-img">
<span class="tooltiptext">Gained the ability to develop Games</span>
</a>
<h3 class="user-name">Game Development using Unreal Engine</h3>
<h5>Date: December 2020</h5>
</div>
<div class="profile tooltip">
<a href="#">
<img src="images/learning-7.jfif" alt="Got to know more about Machine Learning Applications using Python" class="profile-img">
<span class="tooltiptext">Got to know more about Machine Learning Applications using Python</span>
</a>
<h3 class="user-name">Machine Learning Using Python</h3>
<h5>Date: March 2021</h5>
</div>
<div class="profile tooltip">
<a href="#">
<img src="images/learning-8.png" alt="Gained the ability to code in Python" class="profile-img">
<span class="tooltiptext">Gained the ability to code in Python</span>
</a>
<h3 class="user-name">Basics of Python Programming Language</h3>
<h5>Date: June 2020</h5>
</div>
</div>
<div class="profiles">
<div class="profile tooltip">
<a href="turnjs4/samples/Sustain-basic/index.html">
<img src="images/learning-10.jfif" alt="Learnt about preservance of electronic materials" class="profile-img">
<span class="tooltiptext">Learnt about preservance of electronic materials</span>
</a>
<h3 class="user-name">Sustainability of IT Systems</h3>
<h5>Date: October 2020</h5>
</div>
<div class="profile tooltip">
<a href="#">
<img src="images/learning-9.png" alt="Dived deep into learning Data Science using python" class="profile-img">
<span class="tooltiptext">Dived deep into learning Data Science using python</span>
</a>
<h3 class="user-name">Data Science using Python</h3>
<h5>Date: June 2020</h5>
</div>
<div class="profile tooltip">
<a href="turnjs4/samples/basic/index.html">
<img src="images/learning-11.jfif" alt="Learnt about Blockchain and its basics" class="profile-img">
<span class="tooltiptext">Learnt about Blockchain and its basics</span>
</a>
<h3 class="user-name">Blockchain Basics</h3>
<h5>Date: July 2020</h5>
</div>
<div class="profile tooltip">
<a href="#">
<img src="images/learning-12.jfif" alt="Developed Mathematics skills helpful in cracking Aptitudes" class="profile-img">
<span class="tooltiptext">Developed Mathematics skills helpful in cracking Aptitudes</span>
</a>
<h3 class="user-name">Basics of Vedic Mathematics</h3>
<h5>Date: September 2020</h5>
</div>
</div>
</section>
<footer>
<div class="footer-section">
<p>Connect with me:</p>
<a href="https://www.linkedin.com/in/saket-khopkar-336684198/" target="_blank" aria-label="LinkedIn Profile"><i class="fab fa-linkedin"></i></a>
<a href="https://github.com/saketkhopkar" target="_blank" aria-label="GitHub Profile"><i class="fab fa-github"></i></a>
<p>© 2021 <a href="https://www.linkedin.com/in/saket-khopkar-336684198/" target="_blank" rel="noopener noreferrer">Saket Khopkar</a></p>
<p>Developed and Maintained by Saket Khopkar</p>
</div>
</footer>
<script src="scripts/nav.js"></script>
</body>
</html>