-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
120 lines (112 loc) · 6.03 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
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>Nikhil's Website</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content=" Nikhil's Personal website">
<meta name="keywords" content="nikhil, rane, nikerane, machine learning, deep learning, web development, robotics, ubuntu, c, c++, python, git" >
<meta property="og:title" content="Nikhil's Personal website" />
<meta property="og:type" content="website" />
<meta data-react-helmet="true" property="og:image" content="https://images.unsplash.com/photo-1589561253898-768105ca91a8?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1349&q=80" />
<meta data-react-helmet="true" property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="1349" />
<meta property="og:image:height" content="901" />
<meta property="og:url" content="https://nikerane.github.io" />
<link rel="stylesheet" href="./style.css">
<link rel="apple-touch-icon" href="https://img.icons8.com/emoji/48/000000/glasses-emoji.png">
<link rel="icon" type="image/x-icon" href="https://img.icons8.com/emoji/48/000000/sunglasses.png">
</head>
<body>
<header>
<nav>
<ul class="nav__links">
<li><a href="./index.html"> Home</a></li>
<li><a href="project.html"> Projects</a></li>
<li><a href="./extracurricular.html"> Extracurricular</a></li>
<li><a href="https://loving-wozniak-2f3c97.netlify.app/"> Contact</a></li>
</ul>
</nav>
</header>
<!-- partial:index.partial.html -->
<div class="card" data-state="#about">
<div class="card-header">
<div class="card-cover" style="background-image: url(./assets/images/User.jpg);"></div>
<img class="card-avatar" src="assets/images/User.jpg" alt="avatar">
<h1 class="card-fullname">Nikhil Rane</h1>
<h2 class="card-jobtitle">Mechatronics Engineer</h2>
</div>
<div class="card-main">
<div class="card-section is-active" id="about">
<div class="card-content">
<div class="card-subtitle"></div>
<p class="card-desc">I have created this website so that people can know more about me. For starters, I am an enthusiast in Robotics, Artificial Intelligence and Space
who is currently looking for a Challenging Internship.
</p>
</div>
<div class="card-social">
<a href="https://www.linkedin.com/in/nikhil-chandramohan-rane/"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" >
<path d="M23.994 24v-.001H24v-8.802c0-4.306-.927-7.623-5.961-7.623-2.42 0-4.044 1.328-4.707 2.587h-.07V7.976H8.489v16.023h4.97v-7.934c0-2.089.396-4.109 2.983-4.109 2.549 0 2.587 2.384 2.587 4.243V24zM.396 7.977h4.976V24H.396zM2.882 0C1.291 0 0 1.291 0 2.882s1.291 2.909 2.882 2.909 2.882-1.318 2.882-2.909A2.884 2.884 0 002.882 0z" /></svg></a>
</div>
</div>
<div class="card-section" id="experience">
<div class="card-content">
<div class="card-subtitle">WORK EXPERIENCE</div>
<div class="card-timeline">
<div class="card-item" data-year="2017">
<div class="card-item-title">Intern at <span>Theodar Bauer Haus</span></div>
<div class="card-item-desc">Worked as an Electrical and Mechanical Intern
on Lathe, and CNC machine. Also did soldering
and welding(basics)
</div>
</div>
<div class="card-item" data-year="2019">
<div class="card-item-title">Design Engineer and Marketing Manager at <span>HSRW Submarine Team</span></div>
<div class="card-item-desc">Developed new Hull system,
looked for sponsorship and worked on website content.
</div>
</div>
</div>
</div>
</div>
<div class="card-section" id="contact">
<div class="card-content">
<div class="card-subtitle">CONTACT</div>
<div class="card-contact-wrapper">
<div class="card-contact">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z" />
<circle cx="12" cy="10" r="3" /></svg>
Kleve, Germany
</div>
<div class="card-contact">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z" /></svg>+49 15259068638</div>
<div class="card-contact">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" />
<path d="M22 6l-10 7L2 6" /></svg>
</div>
<div>
<a href="https://loving-wozniak-2f3c97.netlify.app">
<button class="contact-me">LET'S WORK TOGETHER</button>
</a>
</div>
</div>
</div>
</div>
<div class="card-buttons">
<button data-section="#about" class="is-active">ABOUT</button>
<button data-section="#experience">EXPERIENCE</button>
<button data-section="#contact">CONTACT</button>
</div>
</div>
</div>
<div class="heading" data-target-resolver>
</div>
<!-- partial -->
<script src="./script.js"></script>
</body>
</html>