-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
134 lines (131 loc) · 13.6 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Home - Brand</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&display=swap">
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="assets/css/untitled.css">
</head>
<body style="/*background: url("design.jpg");*/background-position: 0 -60px;">
<nav class="navbar navbar-light navbar-expand-md fixed-top navbar-shrink py-3" id="mainNav">
<div class="container"><a class="navbar-brand d-flex align-items-center" href="/"><span class="bs-icon-sm bs-icon-circle bs-icon-primary shadow d-flex justify-content-center align-items-center me-2 bs-icon" style="background: rgb(56,151,211);"><i class="fa fa-maxcdn"></i></span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-1" style="padding-right: 40px;margin-right: 0px;">
<ul class="navbar-nav mx-auto">
<li class="nav-item"><a class="nav-link active" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="about-me.html">About</a></li>
<li class="nav-item"><a class="nav-link" href="projects.html">Projects</a></li>
</ul>
</div>
</div>
</nav>
<header class="bg-primary-gradient pt-5" style="background: #F8FAFC;">
<div class="container pt-4 pt-xl-5">
<div class="row pt-5" style="padding-bottom: 40px;">
<div class="col-md-8 col-xl-6 text-center text-md-start mx-auto">
<div class="text-center">
<h1 style="color: black;"><strong>Hey There!</strong><br></h1>
<h1 class="fw-bold" style="font-size: 30px;">I'm Meelod. I'm a third year at Pomona College, intern at an AI startup, and engineer at The Farmlink Project.</h1>
</div>
</div>
<div class="col" style="text-align: center;border-top-left-radius: 0px;">
<div class="position-relative" style="display: flex;flex-wrap: wrap;justify-content: flex-end;"></div><img src="assets/img/110922_TransferStudent-9444.jpeg" style="width: 200px;border-radius: 145px;border-top-right-radius: 145px;border-bottom-right-radius: 145px;border-bottom-left-radius: 145px;">
</div>
</div>
</div>
</header>
<section class="py-5">
<div class="container text-center py-5" style="color: rgb(0,101,132);">
<div class="col-md-8 col-xl-6 text-center mx-auto">
<h1 style="color: black;font-size: 35px;"><strong>What I'm Currently Working On</strong><br></h1>
</div>
<p class="mb-4" style="font-size: 1.6rem;"></p>
<h3 class="fw-bold"></h3>
<div class="py-5 p-lg-5">
<div class="row row-cols-1 row-cols-md-2 mx-auto" style="max-width: 900px;">
<div class="col mb-5">
<div class="card shadow-sm">
<div class="card-body px-4 py-5 px-md-5">
<h5 class="fw-bold card-title" style="color: black;">Forward Edge AI</h5>
<p class="text-muted card-text mb-4"><strong>I'm currently an intern working on Gabriel, a mobile app that protects against phishing and robocalls</strong><br></p><a class="btn btn-primary shadow" role="button" data-bss-disabled-mobile="true" data-bss-hover-animate="pulse" style="background: linear-gradient(90deg, #00d2ff 0%, #3a7bd5);" href="https://www.forwardedge.ai/">Learn more</a>
</div>
</div>
</div>
<div class="col mb-5">
<div class="card shadow-sm">
<div class="card-body px-4 py-5 px-md-5">
<h5 class="fw-bold card-title" style="color: black;">The Farmlink Project</h5>
<p class="text-muted card-text mb-4"><strong>We're a non-profit organization that tackles food insecurities and waste in America</strong></p><a class="btn btn-primary shadow" role="button" data-bss-disabled-mobile="true" data-bss-hover-animate="pulse" style="background: linear-gradient(90deg, #00d2ff, #3a7bd5);" href="https://www.farmlinkproject.org/">Learn more</a>
</div>
</div>
</div>
<div class="col mb-4">
<div class="card shadow-sm">
<div class="card-body px-4 py-5 px-md-5">
<h5 class="fw-bold card-title" style="color: black;">The Caring Consultants</h5>
<p class="text-muted card-text mb-4"><strong>We're a platform that provides free mentorships for first-gen and nontraditional students</strong></p><a class="btn btn-primary shadow" role="button" data-bss-disabled-mobile="true" data-bss-hover-animate="pulse" style="background: linear-gradient(90deg, #00d2ff, #3a7bd5);" href="https://www.thecaringconsultants.com/">Learn more</a>
</div>
</div>
</div>
<div class="col mb-4">
<div class="card shadow-sm">
<div class="card-body px-4 py-5 px-md-5">
<h5 class="fw-bold card-title" style="color: black;">Kinetic Monte Carlo of Systems</h5>
<p class="text-muted card-text mb-4"><strong>It's an open-source program that is used to simulate the chemical kinetics of a system over time</strong></p><a class="btn btn-primary shadow" role="button" data-bss-disabled-mobile="true" data-bss-hover-animate="pulse" style="background: linear-gradient(90deg, #00d2ff, #3a7bd5);" href="https://kmcos.readthedocs.io/en/latest/">Learn more</a>
</div>
</div>
</div>
</div>
</div>
<div class="py-5 p-lg-5">
<div class="col-md-8 col-xl-6 text-center mx-auto">
<h1 style="color: black;font-size: 35px;"><strong>My Past Work</strong><br></h1>
<h3 class="fw-bold" style="font-size: 25px;color: black;">Where I've Worked at in The Past</h3>
</div><img class="m-3" src="assets/img/brands/nasa-logo-web-rgb.png" style="width: 180px;"><img class="m-3" src="assets/img/brands/ORNL-logo_1.png" style="width: 221px;">
</div>
</div>
</section>
<section></section>
<section></section>
<footer class="bg-primary-gradient" style="background: #F8FAFC;">
<div class="container py-4 py-lg-5">
<div class="text-muted d-flex justify-content-between align-items-center pt-3">
<p class="mb-0"><br>Copyright © 2022 Meelod Waheed<br><br></p>
<ul class="list-inline mb-0">
<a href="https://www.facebook.com/profile.php?id=100080904474890">
<li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-facebook" style="font-size: 28px;">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"></path>
</svg></li></a>
<a href="https://twitter.com/meelod_">
<li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-twitter" style="font-size: 28px;">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"></path>
</svg></li></a>
<a href="https://www.instagram.com/_meelod/">
<li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-instagram" style="font-size: 28px;">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"></path>
</svg></li></a>
<a href="https://www.linkedin.com/in/meelod/">
<li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin" style="font-size: 28px;">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"></path>
</svg></li></a>
<a href="mailto:[email protected]">
<li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-envelope" style="font-size: 28px;">
<path fill-rule="evenodd" d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z"></path>
</svg></li></a>
<a href="https://github.com/meelod">
<li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github" style="font-size: 28px;">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path>
</svg></li></a>
</ul>
</div>
</div>
</footer>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/bold-and-bright.js"></script>
</body>
</html>