-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
114 lines (111 loc) · 6.29 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
<!DOCTYPE html>
<html>
<head>
<title>Abeda Alam</title>
<!-- Meta -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Abeda Alam">
<meta name="description" content="Abeda Alam's Personal Website. Front-End Web Developer. ">
<meta name="keywords" content="Abeda,Alam,Freelancer,HTML,CSS,JavaScript,PHP,SQL">
<meta name="author" content="Abeda Alam">
<meta name="robots" content="index, follow" />
<!-- Open Graph -->
<meta property="og:title" content="Abeda Alam">
<meta property="og:type" content="website">
<meta property="og:image" content="//www.mxabi.com/assets/img/opengraph.png">
<meta property='og:url' content='//www.mxabi.com'>
<meta property="og:description" content="Abeda Alam's Personal Website. Web Developer, Graphic Designer, and Musician.">
<!-- Favicon -->
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="assets/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
<!-- Libraries -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Quicksand:100,200,300">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<img id="bg-pic" src="">
<div id="main"></div>
<div id="particles"></div>
<div id="title">
<h1>Abeda Alam</h1>
<h2 id="subtitle">Web Developer</h2>
<div id="navbar">
<span class="navlink" id="email"><a href="mailto:[email protected]?Subject=Hey%20Abi!" target="_newtab"><i class="fa fa-envelope-o" aria-hidden="true"></i></a></span>
<span class="navlink" id="github"><a href="http://www.github.com/mxabibuilds" target="_newtab"><i class="fa fa-github" aria-hidden="true"></i></a></span>
<span class="navlink" id="linkedin"><a href="http://www.linkedin.com/in/abedaalam" target="_newtab"><i class="fa fa-linkedin" aria-hidden="true"></i></a></span>
<span class="navlink" id="resume"><a href="#resumeModal" data-toggle="modal"><i class="fa fa-file-text-o" aria-hidden="true"></i></a></span>
<span class="navlink" id="tumblr"><a href="https://www.tumblr.com/codingandcrafting" target="_newtab"><i class="fa fa-tumblr" aria-hidden="true"></i></a></span>
<span class="navlink" id="linktree"><a href="https://www.linktr.ee/mxabi" target="_newtab"><i class="fa fa-link" aria-hidden="true"></i></a></span>
<span class="navlink" id="goodreads"><a href="https://www.goodreads.com/user/show/157249599-abeda-sultan" target="_newtab"><i class="fa-regular fa-book" aria-hidden="true"></i></a></span>
</div>
</div>
<div id="sidebarTab-left" class="sidebarTab">
<h5>SKILLS</h5>
<p id="arrow-left" class="arrow"></p>
</div>
<div id="sidebarTab-right" class="sidebarTab">
<h5>PORTFOLIO</h5>
<p id="arrow-right" class="arrow"></p>
</div>
<div id="sidebar-left" class="sidebar">
<h3>MY SKILLS</h3>
<div class="panel-group" id="accordion"></div>
</div>
<div id="sidebar-right" class="sidebar">
<h3>PORTFOLIO</h3>
</div>
<div class="modal fade" id="resumeModal" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h2 class="modal-title">MY RESUMÉ</h2>
</div>
<div class="modal-body">
<embed id="resume-display" src="assets/resume/Abeda_Alam_SWE_Resume_2023.pdf" type="application/pdf">
</div>
</div>
</div>
</div>
<div class="modal fade" id="calendarModal" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h2 class="modal-title">MY CALENDAR</h2>
<h5 style="margin: 10px 0">Want to grab a coffee or hop on the phone? Just <a href="mailto:[email protected]?Subject=Hey%20Abi!" target="_newtab">shoot me an email</a> with any of the times below.</h5>
</div>
<div class="modal-body" style="text-align: center;">
<iframe src="https://calendar.google.com/calendar/b/1/embed?showTitle=0&showPrint=0&mode=WEEK&height=600&wkst=1&bgcolor=%23ffffff&src=nalam%40andrew.cmu.edu&color=%230e61b9&src=andrew.cmu.edu_hjq4ept32mktd9dovoqb30af74%40group.calendar.google.com&color=%232F6309&src=andrew.cmu.edu_a2o4ph816md9jcf0a5n71tmmeo%40group.calendar.google.com&color=%23125A12&ctz=America%2FNew_York" style="border-width:0" width="100%" height="600" frameborder="0" scrolling="no"></iframe>
</div>
</div>
</div>
</div>
<!--Google Analytics-->
<script>
(function(i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function() {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-104695137-1', 'auto');
ga('send', 'pageview');
</script>
<!--Libraries-->
<script src="https://use.fontawesome.com/102d004b3a.js"></script>
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="assets/js/script.js"></script>
</body>
</html>