-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
166 lines (157 loc) · 9.52 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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<!DOCTYPE HTML>
<!--
$$\ $$\ $$\ $$\
$$ | \__| \__| $$ |
$$ | $$\ $$$$$$\$$$$\ $$\ $$$$$$\ $$$$$$$\ $$$$$$\ $$$$$$\ $$$$$$\
$$ | $$ |$$ _$$ _$$\ $$ |\_$$ _| $$ _____| \____$$\ $$ __$$\ $$ __$$\
$$ | $$ |$$ / $$ / $$ |$$ | $$ | \$$$$$$\ $$$$$$$ |$$ | \__|$$$$$$$$ |
$$ | $$ |$$ | $$ | $$ |$$ | $$ |$$\ \____$$\ $$ __$$ |$$ | $$ ____|
$$$$$$$$\ $$ |$$ | $$ | $$ |$$ | \$$$$ |$$$$$$$ | \$$$$$$$ |$$ | \$$$$$$$\
\________|\__|\__| \__| \__|\__| \____/ \_______/ \_______|\__| \_______|
$$$$$$\ $$\
$$ __$$\ $$ |
$$ / \__|$$$$$$\ $$$$$$\ $$ | $$$$$$\ $$$$$$$\ $$$$$$\ $$$$$$\ $$$$$$$\
$$$$\ $$ __$$\ $$ __$$\ $$ | $$ __$$\ $$ _____|$$ __$$\ $$ __$$\ $$ _____|
$$ _| $$ / $$ |$$ | \__| $$ | $$ / $$ |\$$$$$$\ $$$$$$$$ |$$ | \__|\$$$$$$\
$$ | $$ | $$ |$$ | $$ | $$ | $$ | \____$$\ $$ ____|$$ | \____$$\
$$ | \$$$$$$ |$$ | $$$$$$$$\\$$$$$$ |$$$$$$$ |\$$$$$$$\ $$ | $$$$$$$ |
\__| \______/ \__| \________|\______/ \_______/ \_______|\__| \_______/
Adnan Chahbandar 2020
-->
<html>
<head>
<title>Adnan E. Chahbandar</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body>
<!-- Header -->
<header id="header" class="alt">
<div class="inner">
<h1>ADNAN E. CHAHBANDAR</h1>
<p>Technologist, Traveler, Lover of life</p>
</div>
</header>
<!-- Wrapper -->
<div id="wrapper">
<!-- Banner -->
<section id="intro" class="main">
<span class="Header"></span>
<span class="avatar"><img src="images/profile.jpg" alt=""></span>"></span>
<h2>About Me</h2>
<p>I am a technologist, maker and traveler who has worked in tech education since 2014. I believe we can create the future we believe in and offer consulting services for businesses looking to leverage technology.</p>
<ul class="icons">
<li><a href="https://www.linkedin.com/in/thespacemaker" class="icon fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a href="https://www.github.com/thespacemaker" class="icon fa-github"><span class="label">Github</span></a></li>
<!-- <li><a href="https://www.twitter.com/theadnanc" class="icon fa-twitter"><span class="label">Twitter</span></a></li> -->
<!-- <li><a href="https://www.facebook.com/theadnanc" class="icon fa-facebook"><span class="label">Facebook</span></a></li> -->
<li><a href="https://www.instagram.com/spacemaker" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="mailto:[email protected]" class="icon fa-envelope"><span class="label">Email</span></a></li>
<li><a href="tel:+18178238251" class="icon fa-phone"><span class="label">Phone</span></a></li>
</ul>
<ul class="actions">
<li><a href="#middle" class="button big">View my Projects</a></li>
</ul>
</section>
<!-- Items -->
<section id= "middle" class="main items">
<article class="item">
<header>
<a href="#"><img class="test" src="images/green.jpg" alt=""/></a>
<h3>4D Fun Inc. and Fun Universe</h3>
</header>
<p>Creating next generation performances with volumetric captures of artists, musicians, and dancers to distribute to the world in AR and VR experiences</p>
<ul class="actions">
<li><a href="https://4dfun.io" target="_blank" class="button">Learn More</a></li>
</ul>
</article>
<article class="item">
<header>
<a href="#"><img class="test" src="images/theodyssey.png" alt=""/></a>
<h3>The Odyssey</h3>
</header>
<p>The Odyssey is an AR experience which takes go-kart drivers on a race against one another while competing against virtual monsters and power-ups deployed around the track. Drivers wear a Magic Leap headset which allows them to see the augmented future in real time on the track in front of them!</p>
<ul class="actions">
<li><a href="https://www.bbc.com/news/av/technology-48845754/monsters-and-power-ups-in-new-go-kart-experience" target="_blank" class="button">Watch the Video</a></li>
</ul>
</article>
<article class="item">
<header>
<a href="#"><img class="test" target="_blank" src="images/first.JPG" alt="" /></a>
<h3>First Global</h3>
</header>
<p>In the summer of 2017 I took a team of five students to represent Morocco in the inaugural FIRST Global Robotics competition. We built a robot that collected and sorted balls using a series of polycord and zipties collectors</p>
<ul class="actions">
<li><a href="https://first.global/2017-nations/team-morocco/" class="button">More</a></li>
</ul>
</article>
<article class="item">
<header>
<a href="#"><img class="test" src="images/makerspace3.jpg" alt=""/></a>
<h3>The AST MakerSpace</h3>
</header>
<p>The AST MakerSpace was founded in 2016 at the American School of Tangier. It is part of a school-wide initiative to boost tech education in Tangier's broader community. From 3D printing to woodworking and digital design, the AST MakerSpace uses the most modern tool-sets to teach students how to build their own future in the 21st century.</p>
<ul class="actions">
<li><a href="https://www.youtube.com/watch?v=rYuaa9ke01Y" target="_blank" class="button">Watch the Video</a></li>
</ul>
</article>
<article class="item">
<header>
<a href="#"><img class="test" target="_blank" src="images/photos.jpg" alt="" /></a>
<h3>Photography</h3>
</header>
<p>Telling the world's story one photograph at a time</p>
<ul class="actions">
<li><a href="http://www.instagram.com/spacemaker" class="button">See My Life</a></li>
</ul>
</article>
<article class="item">
<header>
<a href="#"><img class="test" src="images/web.jpg" alt="" /></a>
<h3>Web Development</h3>
</header>
<p>From MySQL to Python to Node.js, I have been learning and working on the web since I was 14 years old. This website is only an example of what I enjoy building</p>
<ul class="actions">
<li><a href="https://github.com/thespacemaker" target="_blank" class="button">More</a></li>
</ul>
</article>
</section>
<!-- CTA -->
<section id="cta" class="main special">
<h2>Curriculum Vitae</h2>
<p>Aut inveniam viam aut faciam</p>
<ul class="actions">
<li><a href="https://docs.google.com/document/d/1Dwyw8BAKhmRMZhu1VlVcrk6SK4hXH7N9Bwcu2iYiH7U/edit?usp=sharing" class="button big">View my Resume</a></li>
</ul>
</section>
<!-- Main -->
<!--
<section id="main" class="main">
<header>
<h2>Lorem ipsum dolor</h2>
</header>
<p>Fusce malesuada efficitur venenatis. Pellentesque tempor leo sed massa hendrerit hendrerit. In sed feugiat est, eu congue elit. Ut porta magna vel felis sodales vulputate. Donec faucibus dapibus lacus non ornare. Etiam eget neque id metus gravida tristique ac quis erat. Aenean quis aliquet sem. Ut ut elementum sem. Suspendisse eleifend ut est non dapibus. Nulla porta, neque quis pretium sagittis, tortor lacus elementum metus, in imperdiet ante lorem vitae ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam eget neque id metus gravida tristique ac quis erat. Aenean quis aliquet sem. Ut ut elementum sem. Suspendisse eleifend ut est non dapibus. Nulla porta, neque quis pretium sagittis, tortor lacus elementum metus, in imperdiet ante lorem vitae ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</section>
-->
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="https://www.linkedin.com/in/thespacemaker" class="icon fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a href="https://www.github.com/thespacemaker" class="icon fa-github"><span class="label">Github</span></a></li>
<!-- <li><a href="https://www.twitter.com/theadnanc" class="icon fa-twitter"><span class="label">Twitter</span></a></li> -->
<!-- <li><a href="https://www.facebook.com/theadnanc" class="icon fa-facebook"><span class="label">Facebook</span></a></li> -->
<li><a href="https://www.instagram.com/spacemaker" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="mailto:[email protected]" class="icon fa-envelope"><span class="label">Email</span></a></li>
<li><a href="tel:+18178238251" class="icon fa-phone"><span class="label">Phone</span></a></li>
</ul>
<p class="copyright">© Made with <a href="#" class="icon fa-heart"><span class="label">Love</span></a> by <a href="https://instagram.com/spacemaker">spacemaker</a>.
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>