-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
115 lines (90 loc) · 6.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Arji Thaiyib</title>
<link rel="stylesheet" href="css/styles.css">
<link rel="icon" href="icons/circle rg favicon.ico">
<link rel="preconnect" href="https://fonts.googleapis.com">
<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=Fauna+One&family=Playfair+Display&display=swap" rel="stylesheet">
</head>
<body>
<div class="top-container">
<div class="title-page">
<h1>I'm Arji.</h1>
<img class="pfp" src="images/arji circle pfp.png" alt="Arji's Profile Picture">
<h2 class="subtitle">a <span class="occupation">Computer Engineering</span> student.</h2>
</div>
</div>
<hr>
<div class="middle-container">
<div class="profile">
<h2>Hey!</h2>
<p class="intro">My name is Arji Thaiyib. I'm currently a fourth year Computer Engineering student persuing a Bachelors degree at McMaster University. In my pastime I like to learn UI/UX design, web development and draw. I am currently actively looking for opportunities to showcase my interests, challenge myself and connect with others while doing so!</p>
</div>
<hr>
<div class="skills">
<h2>My Skills.</h2>
<div class="skill-row">
<img class="coding_icon" src="images/coding.gif" alt="">
<h3>Coding</h3>
<p>I have experience with coding in various languages (Java, Python, C++, etc.) for 5+ years. I have developed a variety of games and projects along the way, some of which are viewable in the <em><b>My Projects</b></em> section below.</p>
</div>
<div class="skill-row">
<img class="product_design_icon" src="images/product_design.gif" alt="">
<h3>Product Design & Development</h3>
<p>As an Engineering student I have worked in team settings to deliver products to clients and stakeholder given their needs. Some of the code and models associated with these projects can be found if you keep scrolling!</p>
</div>
</div>
<hr>
<div class="projects">
<h2 class="projects-title">My Projects.</h2>
<!-- <h3>
<a class="projects-link" href="projects.html">- VIEW PROJECTS -</a>
</h3> -->
<div class="project-scroller snaps-inline">
<div class="proj-element"><img class='proj-pic' src="images/entairtain.png" alt="entAIRtain - In-Flight UI"><h3 class="proj-title">entAIRtain: In-Flight UI</h3>
<p class="proj-desc"><a class="proj-link" href="https://devpost.com/software/entairtain-in-flight-ui?ref_content=user-portfolio&ref_feature=in_progress">Project Demo</a></p>
</div>
<div class="proj-element"><img class='proj-pic' src="images/spacial-mapping.png" alt="Spacial Mapping System"><h3 class="proj-title">Spacial Mapping System</h3>
<p class="proj-desc"><a class="proj-link" href="https://github.com/arjithaiyib/COMPENG-2DX4-Final-Project">Project Demo</a></p>
</div>
<div class="proj-element"><img class='proj-pic' src="images/pacemaker.png" alt="Pacemaker"><h3 class="proj-title">Pacemaker</h3>
<p class="proj-desc"><a class="proj-link" href="https://github.com/arsi1029/3K04-Pacemaker-Project">Code</a></p>
</div>
<div class="proj-element"><img class='proj-pic' src="images/recycling.png" alt="System for Sorting & Recycling Containers"><h3 class="proj-title">System for Sorting & Recyling Containers</h3>
<p class="proj-desc"><a class="proj-link" href="https://thaiyiba.wixsite.com/1p13portfolio/design-project-2-copy">Project Demo</a></p>
</div>
<div class="proj-element"><img class='proj-pic' src="images/surgical-tool.png" alt="System for Sterilizing Tools using Remote Sensing and Actuation"><h3 class="proj-title">Automated System for Sterilizing Surgical Tools</h3>
<p class="proj-desc"><a class="proj-link" href="https://thaiyiba.wixsite.com/1p13portfolio/design-project-2">Project Demo</a></p>
</div>
<div class="proj-element"><img class='proj-pic' src="images/turbine.png" alt="Mechanical Design of Turbine Blades in Renewable Wind Technology"><h3 class="proj-title">Mechanical Design of Turbine Blades</h3>
<p class="proj-desc"><a class="proj-link" href="https://thaiyiba.wixsite.com/1p13portfolio/design-project-1">Project Demo</a></p>
</div>
<div class="proj-element"><img class='proj-pic' src="images/handle.png" alt="Solution for Real-World Client with Autoimmune Disease"><h3 class="proj-title">Real World Solution for Client</h3>
<p class="proj-desc"><a class="proj-link" href="https://thaiyiba.wixsite.com/1p13portfolio/design-project-3-copy">Project Demo</a></p>
</div>
<div class="proj-element"><img class='proj-pic' src="images/pokemon-battle.png" alt="Pokemon Battle Simulator"><h3 class="proj-title">Pokemon Battle Simulator</h3>
<p class="proj-desc"><a class="proj-link" href="https://replit.com/@imRG/ICS4U1-Pokemon-Battle-Unit-Project?v=1">Project Demo</a></p>
</div>
</div>
</div>
<hr>
<div class="contact-me">
<h2>Like What You See?</h2>
<h3>Then What Are You Waiting For?</h3>
<p class="contact-message">I'm always on the lookout to make new connections. If you like any of the work I have done, have any questions, or just want to chat, feel free to send me a message!</p>
<a class="btn" href="mailto:arji.thaiyib@gmail.com">CONTACT ME</a>
</div>
</div>
<div class="bottom-container">
<a class="footer-link" href="https://www.linkedin.com/in/arji-ahamed-thaiyib-620a1a1b9/?originalSubdomain=ca">LinkedIn</a>
<!-- CHANGE THIS PART! -->
<a class="footer-link" href="https://drive.google.com/drive/folders/1tHyY5n0zT3zbSOtr27qwGchwM2fnYHYp?usp=sharing">Resumes</a>
<a class="footer-link" href="https://thaiyiba.wixsite.com/1p13portfolio">Engineering Projects</a>
<p class="copyright">© 2024 Arji Thaiyib.</p>
</div>
</body>
</html>