-
Notifications
You must be signed in to change notification settings - Fork 0
/
Product.html
106 lines (92 loc) · 5.31 KB
/
Product.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>ARYAN KOHLI</title>
<meta content="" name="description">
<meta content="" name="keywords">
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
<style>
.card {
transition: transform 0.3s;
}
.card:hover {
transform: translateY(-10px);
}
.btn-primary {
transition: background-color 0.3s, color 0.3s;
}
.btn-primary:hover {
background-color: #333;
color: #fff;
}
</style>
</head>
<body>
<section id="topbar" class="d-flex align-items-center">
<div class="container d-flex justify-content-center justify-content-md-between">
<div class="contact-info d-flex align-items-center">
<i class="bi bi-envelope-fill"></i><a href="mailto:[email protected]">[email protected]</a>
<i class="bi bi-phone-fill phone-icon"></i>...
</div>
<div class="social-links d-none d-md-block">
<a href="https://www.instagram.com/aryankohli88/" target="_blank" class="instagram"><i class="bi bi-instagram"></i></a>
<a href="https://www.linkedin.com/in/aryan-kohli-00a594202/" target="_blank" class="linkedin"><i class="bi bi-linkedin"></i></i></a>
</div>
</div>
</section>
<header id="header" class="d-flex align-items-center">
<div class="container d-flex align-items-center justify-content-between">
<h1 class="logo"><a href="index.html">Aryan Kohli</a></h1>
<nav id="navbar" class="navbar">
<ul>
<li><a class="nav-link scrollto active" href="index.html">Home</a></li>
<li class = "nav-link scrollto"><a href="https://drive.google.com/drive/u/0/folders/15FxusvYOoIxXGTO2UwgGadU9v_HP7IKK" target="_blank"><span>My Resume</span> </a>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav><!-- .navbar -->
</div>
</header><!-- End Header -->
<div class="container mt-5">
<h1 class="text-center mb-4">My Product Decks</h1>
<div class="row">
<div class="hover-lift" >
<div class="card">
<div class="card-body">
<a href = "https://drive.google.com/file/d/1rx7ohzb8koeX0-LBXObwBgjJE8we3fC8/view?usp=drive_link" target="_blank">
<img src="/assets/img/Rapido.png" class="card-img-top" alt="Project 1" >
</a>
<h5 class="card-title"><br>Rapido Deck</h5>
<p style = "font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif" class="card-text">Case: "You are a product manager on the Growth team of the product you have chosen. The team has been given a mandate of reducing ride cancellations (can be initiated by the driver or the passenger). What would be the top initiative you would drive to achieve this desired outcome? Assume you have infinite tech bandwidth and you cannot change the current pricing. " </p>
<a href="https://drive.google.com/file/d/1rx7ohzb8koeX0-LBXObwBgjJE8we3fC8/view?usp=drive_link" target="_blank" class="btn btn-primary"> View Project</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="hover-lift" >
<div class="card">
<div class="card-body">
<a href = "https://drive.google.com/file/d/1I6H6gN3TGqN45HtImGB5mEFJUgiESFHx/view?usp=drive_link" target="_blank">
<img src="/assets/img/mygate.png" class="card-img-top" alt="Project 1">
</a>
<h5 class="card-title"><br>MyGate Deck</h5>
<p style = "font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif" class="card-text">Case: "You are a product manager on the Revenue Growth team of the product you have chosen. The team has been given a mandate of increasing the monthly revenue from the product. What would be the top initiative you would drive to achieve this desired outcome? Assume you have infinite tech bandwidth and you cannot change the current pricing. " </p>
<a href="https://drive.google.com/file/d/1I6H6gN3TGqN45HtImGB5mEFJUgiESFHx/view?usp=drive_link" target="_blank" class="btn btn-primary"> View Project</a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>