jacobbennett.us/index.html at master · jac0bbennett/jacobbennett.us · 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
<head>
	<!-- Global site tag (gtag.js) - Google Analytics -->
	<script
		async
		src="https://www.googletagmanager.com/gtag/js?id=UA-59800017-4"
	></script>
	<script>
		window.dataLayer = window.dataLayer || [];
		function gtag() {
			dataLayer.push(arguments);
		}
		gtag("js", new Date());

		gtag("config", "UA-59800017-4");
	</script>
	<title>Jacob Bennett</title>
	<link rel="stylesheet" href="main.css" />
	<link rel="stylesheet" href="animate.css" />
	<link
		href="https://fonts.googleapis.com/icon?family=Material+Icons"
		rel="stylesheet"
	/>
	<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
	<meta
		name="viewport"
		content="width=device-width, initial-scale=1, shrink-to-fit=no"
	/>
</head>
<body>
	<div id="header-bg" class="animated fadeIn">
		<span class="animated fadeInDownBig delay-1s"></span>
		<span class="animated fadeInDownBig delay-1s"></span>
		<span class="animated fadeInRightBig delay-15s"></span>
		<span class="animated fadeInLeftBig delay-15s"></span>
		<span class="animated fadeInRightBig delay-15s"></span>
	</div>
	<div class="wrapper">
		<div id="nav" class="nav">
			<span class="small-name">Jacob Bennett</span>
			<div class="links">
				<a data-scroll href="#portfolio">Portfolio</a>
				<a data-scroll href="#skills">Skills</a>
				<a href="https://log.jacobbennett.us">Log</a>
			</div>
		</div>
		<div class="header">
			<h1 class="big-name animated flipInX delay-05s">Jacob Bennett</h1>
			<h2 class="tagline animated fadeInDown delay-1s">Yaakov</h2>
			<a class="cta-link" data-scroll href="#portfolio">
				<button class="cta animated fadeInDown delay-15s">
					<span class="icolab">Portfolio</span>
					<i style="font-size: 20px" class="material-icons"> arrow_downward </i>
				</button>
			</a>
		</div>
		<div id="portfolio" class="portfolio">
			<h1 class="section-header port-header animated fadeInRight delay-2s">
				Portfolio
			</h1>
			<div id="port-items" class="port-items"></div>
		</div>
		<div id="skills" class="skills">
			<h1 class="section-header skills-header">Skills</h1>
			<div class="skills-wrapper">
				<div class="skill-group" data-aos="fade-up" style="margin-top: 100px">
					<h2><b>Languages</b></h2>
					<ul>
						<li><h2>Typescript</h2></li>
						<li><h2>Javascript</h2></li>
						<li><h2>Python</h2></li>
						<li><h2>C#</h2></li>
						<li><h2>HTML</h2></li>
						<li><h2>CSS</h2></li>
						<li><h2>C++</h2></li>
					</ul>
				</div>
				<div class="skill-group" data-aos="fade-up" data-aos-delay="200">
					<h2><b>Frameworks</b></h2>
					<ul>
						<li><h2>React</h2></li>
						<li><h2>Vue</h2></li>
						<li><h2>Blazor</h2></li>
						<li><h2>Flask</h2></li>
					</ul>
				</div>
				<div
					class="skill-group"
					data-aos="fade-up"
					data-aos-delay="400"
					style="margin-top: -150px"
				>
					<h2><b>Tools</b></h2>
					<ul>
						<li><h2>Postgresql</h2></li>
						<li><h2>Git</h2></li>
						<li><h2>Linux</h2></li>
						<li><h2>Nginx</h2></li>
						<li><h2>AWS</h2></li>
						<li><h2>Azure</h2></li>
						<li><h2>Firebase</h2></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<script rel="preload" src="dist/main.js"></script>
</body>