-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
132 lines (127 loc) · 4.96 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
<!DOCTYPE html>
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Damion" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Rubik" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,600,700" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet'>
<link rel="stylesheet" href="./resources/css/reset.css">
<link rel="stylesheet" href="./resources/css/style.css">
<title>Harry Nel Projects</title>
</head>
<body>
<!-- Header -->
<header>
<div class="content">
<a href="https://harrymnel.github.io/ePortfolio" class="desktop logo">Harry Nel</a>
<nav class="desktop">
<ul>
<li><a href="https://harrymnel.github.io/ePortfolio">Eportfolio</a></li>
<li><a href="Harry Nel CV.pdf">CV</a></li>
<li><a href="https://harrymnel.github.io/">Interests and Hobbies</a></li>
</ul>
</nav>
<nav class="mobile">
<ul>
<li><a href="#"><img src="./resources/images/ic-logo.svg"></a></li>
<li><a href="#"><img src="./resources/images/ic-product-detail.svg"></a></li>
<li><a href="#"><img src="./resources/images/ic-about-us.svg"></a></li>
<li><a href="#" class="button">The Royal Trip</a></li>
</ul>
</nav>
</div>
</header>
<!-- Main Content -->
<div class="main-content">
<!-- Info Sectiom -->
<div id="info-section" class="banner">
<div id="info">
<div class="content center">
<div class="header">
<h2>Harry Nel</h2>
<h1>Projects</h1>
</div>
<div class="description">
<span>
A short description of the projects that showcase the skills that I have developed in my degree.
</span>
<div class="button">
<a href="https://github.com/NLXHAR001">Professional GitHub</a>
</div>
</div>
</div>
</div>
</div>
<!-- Features Section -->
<div id="features-section">
<div class="feature">
<div class ="feature1">
<div class="center">
<div class="content">
<h2>Honours Thesis</h2>
<h3>Bird call detecting sensor for migratory birds at wetlands</h3>
</div>
</div>
</div>
</div>
<div class="feature">
<div class="feature2">
<div class="center">
<div class="content">
<h2>Hardware Component of Thesis</h2>
<h3>Microphone and microcontroller selection to ensure system can operate in outdoor situations</h3>
</div>
</div>
</div>
</div>
<div class="feature">
<div class="feature3">
<div class="center">
<div class="content">
<h2>Software Component of Thesis</h2>
<h3>Machine learning algorithm adaption to specifications along with digital signal processing of recorded calls</h3>
</div>
</div>
</div>
</div>
</div>
<!-- Picture Section -->
<div id="picture-section">
<div class="content center">
<h2>Other Projects</h2>
<h3>Design project of camera trap to monitor eagle nests, line following robot design and implementation and C coding for STM32 boards</h3>
</div>
<div class="images-container">
<div class="image-container">
<img src="./resources/images/Picture-1.png" />
</div>
<div class="image-container">
<img src="./resources/images/Picture-2.jpeg" />
</div>
<div class="image-container">
<img src="./resources/images/Picture-3.jpeg" />
</div>
<div class="image-container extra">
<img src="./resources/images/Picture-4.png" />
</div>
</div>
</div>
<!-- Footer -->
<footer>
<div class="social">
<a href="https://www.instagram.com/thehappeningsofhazman/?hl=en"><ion-icon name="logo-instagram"></ion-icon></a>
<a href="https://www.facebook.com/harry.nel.526"><ion-icon name="logo-facebook"></ion-icon></a>
<a href="https://www.linkedin.com/in/harry-nel-a18a8423a/"><ion-icon name="logo-linkedin"></ion-icon></a>
<a href="mailto:harrymnel@gmail.com"><ion-icon name="mail-outline"></ion-icon></a>
</div>
<ul class="list-inline">
<li class="list-inline-item"><a href="harrymnel.github.io/ePortfolio">Eportfolio</a></li>
<li class="list-inline-item"><a href="harrymnel.github.io">Interests and Hobbies</a></li>
<li class="list-inline-item"><a href="https://github.com/harrymnel">Personal GitHub</a></li>
</ul>
<p class="copyright">Harry Nel © 2023</p>
</footer>
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
</body>
</html>