-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathexperience.html
145 lines (134 loc) · 6.08 KB
/
experience.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
<!-- About Page -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About | Atharva Gupta</title>
<link rel="stylesheet" href="css/style.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=Roboto&family=Rubik&display=swap" rel="stylesheet">
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
<link rel="icon" href="icons/Black Elegant Modern Name Initials Monogram Logo.png">
</head>
<div class="container-nav">
<nav class="navbar navbar-expand-lg bg-white shadow-sm" style="border-bottom: 1px solid #e0e0e0;">
<div class="container-fluid">
<a class="navbar-brand d-flex align-items-center" href="#">
<h1 class="site-title">Atharva Gupta</h1>
</a>
<button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="experience.html">Experience</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html">Work</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="interest.html">Interests</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<style>
/* Apple-Like Navigation Bar Styling */
.site-title {
font-size: 1.8rem;
font-weight: 600;
margin: 0;
color: #333;
font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Arial, sans-serif;
}
.nav-link {
color: #333 !important;
font-weight: 500;
padding: 10px 15px;
transition: color 0.2s ease;
font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Arial, sans-serif;
}
.nav-link:hover {
color: #0071e3 !important; /* Apple blue color */
}
.navbar-toggler {
border: none;
}
.navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
/* Mobile Responsiveness */
@media (max-width: 768px) {
.navbar-nav {
text-align: center;
padding: 10px 0;
}
.navbar-nav .nav-item {
margin: 5px 0;
}
}
</style>
<br>
<br>
<div class="body-container">
<h1 style="font-size:4vw;">🚀</h1>
<div>
<h1 id="body-text-work">Crafting Tomorrow:</h1>
<h1 id="lower-text-work">Showcasing My Journey.</h1>
</div>
</div>
<br>
<br>
<div class="projects2" style="background-color: #f8f8f8;">
<h2 id="tag2-line">Innovation. Growth. Achievement.</h2>
<br>
<div class="card2">
<a href="projects.html#toyota"><h4 style = "color: #EB0A1E; font-size: 2.1vw;">Toyota</h4></a>
<p class="card2-text" style="text-align: center; font-size: 1.5vw;">Summer 2025 Systems Software Engineering intern</p>
</div>
<div class="card2">
<h4 style = "color: #CFB991; font-size: 2.1vw;">Purdue UTA</h4>
<p class="card2-text" style="text-align: center; font-size: 1.5vw;">Systems Programming TA + Git and Tools TA: Host Lab and Office Hours + Grading</p>
</div>
<div class="card2">
<h4 style = "color: #FF0000;font-size: 2.1vw; ">Raytheon</h4>
<p class="card2-text" style="text-align: center; font-size: 1.5vw;">Purdue research opportunity with Raytheon Technologies to develop an application that is advantageous to the company</p>
</div>
<div class="card2">
<h4 style = "color: #CFB991; font-size: 2.1vw;">Purdue Certifications</h4>
<p class="card2-text" style="text-align: center; font-size: 1.5vw;">Entrepreneurship and Innovation Certificate + Applications in Data Science + Software Engineering Concentration</p>
</div>
</div>
<a class="scroll-to-top rounded" href="#page-top" style="display: inline;">
<i class="fa fa-angle-up" aria-hidden="true"></i>
</a>
<hr>
<div class="container">
<footer class="d-flex flex-wrap justify-content-between py-3 my-4">
<div class="col-md-4 d-flex">
<a href="/" class="mb-3 me-2 mb-md-0 text-muted text-decoration-none lh-1">
</a>
<span class="mb-3 mb-md-0 text-muted" id="footer-style">Feel free to reach out to me on my linkedin for
interesting ideas or collaboration.</span>
</div>
<ul class="nav col-md-4 justify-content-end list-unstyled d-flex">
<li class="ms-3"><a href="https://github.com/Atharva404" target="_blank"><img src="icons/25231.png"
alt="Github icon" class="icon"></a></li>
<li class="ms-3"><a href="https://www.linkedin.com/in/atharva-gupta-7638b023b/" target="_blank"><img
src="icons/174857.png" alt="Linkedin icon" class="icon"></a></li>
</ul>
</footer>
</div>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
<script src="https://kit.fontawesome.com/a3fac38486.js" crossorigin="anonymous"></script>
</body>
</html>