bhoke.github.io/index.html at master · bhoke/bhoke.github.io · GitHub

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
<!DOCTYPE HTML>
<!--
	Read Only by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>Berkan Höke</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
        <link rel="stylesheet" href="assets/css/main.css" />
	</head>
	<body>

		<!-- Header -->
			<section id="header">
				<header>
					<span class="image avatar"><img src="images/avatar.jpg" alt="" /></span>
					<h1 id="logo"><a href="#">Berkan Höke</a></h1>
				</header>
				<nav id="nav">
					<ul>
						<li><a href="#one" class="active">About</a></li>
						<li><a href="#two">My Expertise</a></li>
						<li><a href="#osp">Open Source Projects</a></li>
						<li><a href="#blog">Blog Posts</a></li>
					</ul>
				</nav>
				<footer>
					<ul class="icons">
						<li><a href="https://github.com/bhoke" class="fab fa-github"></a></li>
						<li><a href="mailto:berkanh@gmail.com" class="fas fa-envelope"></a></li>
						<li><a href="https://medium.com/@berkanh" class="fab fa-medium"></a></li>
					</ul>
				</footer>
			</section>

		<!-- Wrapper -->
			<div id="wrapper">

				<!-- Main -->
					<div id="main">

						<!-- One -->
							<section id="one">
								<div class="container">
									<header class="major">
										<h2>About</h2>
									</header>
									<p>
									</p>
								</div>
							</section>

						<!-- Two -->
							<section id="two">
								<div class="container">
									<h3>My Expertise</h3>
									<p> </p>
									<ul class="feature-icons">
										<li class="fas fa-eye">Computer Vision</li>
										<li class="fas fa-microchip">MLOps</li>
										<li class="fas fa-brain">Artificial Intelligence</li>
										<li class="fas fa-cloud">TinyML</li>
									</ul>
								</div>
							</section>

						<!-- Three -->
							<section id="three">
								<div class="container">
									<h3>Open Source Projects</h3>
									<!-- <p> </p> -->
									<div class="features">
										<article>
											<img src="images/tf.png" alt="" />
											<div class="inner">
												<h4><a href="https://github.com/bhoke/FOMO"> GitHub</a></h4>
												<p> Implementation of FOMO(Faster Objects, More Objects) from scratch by EdgeImpulse.</p>
											</div>
										</article>
										<article>
											<img src="images/python.png" alt="" />
											<div class="inner">
												<h4><a href="https://github.com/EmbeddedML/sklearn2c">Github</a></h4>
												<p>Library for converting scikit-learn models to C to use on embedded devices.</p>
											</div>
										</article>
									</div>
								</div>
							</section>
					</div>

			</div>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/jquery.scrollzer.min.js"></script>
			<script src="assets/js/jquery.scrolly.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>