-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
144 lines (132 loc) · 5.53 KB
/
about.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
<html>
<head>
<title>FradZGenius | Projects</title>
<!--ICON-->
<link
rel="apple-touch-icon"
sizes="180x180"
href="assets/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="assets/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="assets/favicon-16x16.png"
/>
<!--FONTS-->
<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=Roboto:wght@500&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700;800&display=swap"
rel="stylesheet"
/>
<meta name = "author" content = "Fred">
<meta name = "description" content = "FradZGenius - About Me">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--CSS-->
<link rel="stylesheet" href="style/essential.css" />
</head>
<body>
<div class = "wrapper">
<nav class = "navbar fixed">
<img src = "assets/logo.png" id = "logo" class = "logo noselect">
<ul class = "nav-items">
<li>
<a href = "index.html">Home</a>
</lix>
<li>
<a href = "projects.html">Projects</a>
</li>
<li>
<a href = "https://www.youtube.com/channel/UCxkhPyPBxjc_AfXWWrP_JGw" target = "_blank" rel = "noopener noreferrer">Youtube</a>
</li>
<li>
<a href = "about.html">About me</a>
</li>
</ul>
</nav>
<nav class = "mobile-navbar">
<ul class = "mobile-nav-items">
<li>
<a href = "index.html">Home</a>
</li>
<li>
<a href = "projects.html">Projects</a>
</li>
<li>
<a href = "https://www.youtube.com/channel/UCxkhPyPBxjc_AfXWWrP_JGw">YouTube</a>
</li>
<li>
<a href = "about.html">About Me</a>
</li>
</ul>
</nav>
<div class = "page-content">
<div class = "canvas-container">
<canvas class = "background-canvas" id = "background-canvas"></canvas>
</div>
<div class = "canvas-cover primary-cover">
<h1 class = "cover-header main">About Me</h1>
<p>
A little bit about myself
</p>
<div class = "showcase-container">
<div class = "showcase-card">
<h1 class = "card-title">
Who Am I?
</h1>
<p class = "card-text">
I am a freshman studying Computer Engineering at the University at Buffalo.
</p>
</div>
<div class = "showcase-card">
<h1 class = "card-title">
Interests
</h1>
<p class = "card-text">
Some of my interests include embedded systems, hardware, and engineering.
I also like to teach my skills to others. I have some videos on a <a class = "link-in-text" href = "https://www.youtube.com/channel/UCxkhPyPBxjc_AfXWWrP_JGw" target = "_blank" rel = "noopener noreferrer">YouTube channel</a>
teaching people how to build cool stuff.
</p>
</div>
<div class = "showcase-card">
<h1 class = "card-title">
Other Things I Like To Do
</h1>
<p class = "card-text">
I like to play banjo and guitar, ski, play badminton and work on personal projects.
</p>
</div>
<div class = "showcase-card">
<h1 class = "card-title">
Contact
</h1>
<p class = "card-text">
You can reach me via discord or email.
</p>
<p class = "card-text">
Discord: freddxyz
</p>
<p class = "card-text">
Email: [email protected]
</p>
</div>
</div>
</div>
</div>
</div>
<!--JS/background driver-->
<script src = "js/useful.js"></script>
<script src = "js/expanding-circle-canvas-driver.js"></script>
</body>
</html>