-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
148 lines (148 loc) · 6.82 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
145
146
147
148
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
<script src="https://kit.fontawesome.com/a2ad5e0c09.js" crossorigin="anonymous"></script>
<title>Document</title>
</head>
<body>
<!-- NavBar -->
<nav id="navbar">
<div class="nav_social">
<a href="./index.html"><img src="/School/icons/icon_3.png" alt="astratto_logo"></a>
<ul class="nav_social_icons">
<li><a href="www.linkedin.com/in/brett-ferrante-111948152" class="linkdn"> <i class="fa-brands fa-linkedin"></i></a></li>
<li><a href="https://github.com/findthelorax" class="github"> <i class="fa-brands fa-github"></i></a></li>
</ul>
</div>
<ul class="navbar_menu">
<li>
<a href="./index.html" class="navbar_link"> Home </a>
</li>
<li>
<a href="./index.html#projects" class="navbar_link"> Projects </a>
</li>
<li>
<a href="./about.html" class="navbar_link"> About </a>
</li>
<li>
<a href="./index.html#contact" class="navbar_link"> Contact </a>
</li>
</ul>
</nav>
<div>
<button id="hamburger_menu">
<nav>
<ul class="mobile_menu">
<li>
<a href="./index.html" class="navbar_link"> Home </a>
</li>
<li>
<a href="./index.html#projects" class="navbar_link"> Projects </a>
</li>
<li>
<a href="./about.html" class="navbar_link"> About </a>
</li>
<li>
<a href="#contact" class="navbar_link"> Contact </a>
</li>
</ul>
</nav>
</button>
</div>
<section>
<!-- I was trying to target stats separately but don't think I got the syntax correct in css hence the " stats". -->
<div class="about_grid">
<div class="about_grid_items" id="about_pic"><img src="./resources/rpg_char_2.png" alt="Pixelated Redhead Bearded Man in a Suit"></div>
<div class="about_grid_items">
<h2>Brett </h2>
<br>
class: <br>
<h4>Developer</h4>
<br>
<br>
Weapon: Yo-Yo<br>
</div>
<div class="about_grid_items">
LVL <span> 13 </span> <br>
<br>
Exp. <br>
<h4>36518</h4>
<br>
<img class="yo-yo" src="./resources/yo-yo.png" alt="Yo-Yo">
</div>
<div class="about_grid_items stats">
Health: <br>
Mana: <br>
<br>
<h4> Skills: </h4>
<br>
Fire Poi <br>
Thumb Wrestling <br>
Irish Goodbye <br>
Snack Supply <br>
</div>
<div class="about_grid_items stats">
100/100 <br>
100/100 <br>
<br>
<div class="weaknesses">
<h4>Weaknesses: </h4>
<br>
Large Bugs <br>
Jellyfish <br>
Rye Bread <br>
Beets <br>
</div>
</div>
</div>
</section>
<div>
<h2 class="recog_header">A look into my life</h2>
</div>
<!-- <div class="recognitions">
<div class="recog_grid">
<div class="recog_grid_items">"Mountaineering"</div>
<div class="recog_grid_items">"EMT"</div>
<div class="recog_grid_items">"Eagle Scout"</div>
<div class="recog_grid_items">"Snowboarding"</div>
<div class="recog_grid_items">"Mountain Biking"</div>
<div class="recog_grid_items">"Ski Patrol"</div>
<div class="recog_grid_items">"Hiking"</div>
<div class="recog_grid_items">"Fatherhood"</div>
<div class="recog_grid_items">"Aquascaping"</div>
<div class="recog_grid_items">"Gaming"</div>
<div class="recog_grid_items">"PC Build"</div>
<div class="recog_grid_items">"Smart Home"</div>
<div class="recog_grid_items">"Unraid Server"</div>
<div class="recog_grid_items">"Dockers"</div>
<div class="recog_grid_items">"Don't Click Me"</div>
</div>
</div> -->
<div class="my_story">
<h2>My Story:</h2>
<p class="my_story_p"> I grew up ihn Northampton, Mass. Moved to Vermont to work as a Ski Patroller and fell in love with the beauty of the state. I moved to Arizona to explore and rock climb, then to Tennessee to get certified in Hang Gliding and eventually to Utah to Ski Patrol at a bigger mountain and work with avalanche mitigation as well as work with some amazing Chefs while there. I finally wanted to settle down and came back to Vermont, bought a house, had a son and went back to school. It's been quite a journey.
<a class="hire_btn"><span>Hire Me</span></a>
</p>
<img id="profile_img" src="./resources/me_and_dog.jpg" alt="Handsome Redhead">
</div>
<div class="background"></div>
</body>
<footer id="footer">
<div class="copyright">
<p>
<span class="c_symbol"> © </span> <script>document.write(new Date().getFullYear())</script> <span> Brett Ferrante </span>
</p>
</div>
<div class="footer_social_icons">
<ul class="nav_social_icons">
<li><a href="www.linkedin.com/in/brett-ferrante-111948152" class="linkdn"> <i class="fa-brands fa-linkedin"></i></a></li>
<li><a href="https://github.com/findthelorax" class="github"> <i class="fa-brands fa-github"></i></a></li>
<li><a href="" class="mail"> <i class="fa-solid fa-envelope"></i></a></li>
</ul>
</div>
</footer>
</html>