-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
132 lines (118 loc) · 7.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 lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MayneFrame</title>
<!-- imported fonts from google 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=Fira+Sans+Extra+Condensed&family=Libre+Baskerville&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="source/style.css" media="all">
</head>
<body class="Outline">
<header class="Top5">
<ul class="UnorderedList">
<li class="hLink"><a href="https://www.linkedin.com/in/tech-bp/" target="_blank" rel="noopener noreferrer">LinkedIn</a></li>
<li class="hLink"><a href="https://github.com/BrianP490" target="_blank" rel="noopener noreferrer">GitHub Page</a></li>
<li class="hLink"><a href="./projects.html">Projects</a></li>
<li class="hLink"><a href="./contact.html">Contact Me</a></li>
</ul>
</header>
<main class="inside-Outline">
<div class="DescDiv">
<h1 class="Description">About Me - Brian
Perez</h1>
</div>
<div class="Headshot">
<img id="Picture" src="images\Headshot.jpg" alt="Brian's profile picture">
</div>
<div class="Bio">
<h3>Bio</h3>
<p>"Hello World", my name is Brian, and here's a couple of things about me. I am an aspiring computer
scientist who loves working with computers and the internet.
My passion resides in learning the capabilities of coding and its applications in the world. I hope to be a
professional in the field of computer science and make a positive difference
in the world. My current coding languages include working with C++, Python, and JavaScript to create computer software, websites, and applications.</p>
<h4>Hometown</h4>
<p>Fallbrook CA, United States</p>
<h4>Education</h4>
<p>High School: Fallbrook Union High School (GED) <br>University: California State University, San Marcos (Bachelor's Degree in Computer Science)</p>
<h4>Hobbies</h4>
<p>Learning<br>Reading<br>Exercising<br>Gaming<br>Investing</p>
</div>
<div class="Goals">
<h2 class="QTitle">Top 6 Goals</h2>
<section class="Block">
<div class="blockGoal">
<ul class="inLine">Live <strong>Boldly</strong> </ul>
<ul class="inLine">Start a career in Computer Science, Software Engineer, or Cyber Security </ul>
<ul class="inLine">Retire my parents </ul>
</div>
<div class="blockGoal">
<ul class="inLine">Focus on one thing and be good at it</ul>
<ul class="inLine">Act less for others reaction's and approval and focus on being true to myself </ul>
<ul class="inLine">Be financially stable and prosperous</ul>
</div>
</section>
</div>
<div class="Favorites">
<h2 class="QTitle">Favorites</h2>
<section class="FavoritesContainer">
<ul class="Content">
<li class="listItem"><strong>Color</strong>: Blue</li>
<li class="listItem"><strong>Pokemon</strong>: Salamence</li>
<li class="listItem"><strong>Video Game</strong>: Black Ops II</li>
<li class="listItem"><strong>Movie</strong>: Goodfellas</li>
</ul>
</section>
</div>
<div class="Quotes">
<h2 class="QTitle">Quotes I Live By:</h2>
<div class="blockQuote">
<ul class="inLine">"Stand up straight with your shoulders back." </ul>
<ul class="inLine">"Compare yourself to who you were yesterday, not who someone else is today." </ul>
<ul class="inLine">"Pet a cat when you encounter one in the street." - <cite> <a href="https://youtu.be/ApC0faRYabI" target="_blank" rel="noopener noreferrer">12 Rules for Life</a>, Jordan Peterson (2018).</cite></ul>
</div>
<div class="blockQuote">
<ul class="inLine">"You either die a hero, or you live long enough to see yourself become the villain." - <cite> <a href="https://youtu.be/8WfRcnF4iZI" target="_blank" rel="noopener noreferrer">The Dark Knight (2008).</a></cite></ul>
</div>
<div class="blockQuote">
<ul class="inLine">"With great power, comes great responsibility." - <cite> <a href="https://en.wikipedia.org/wiki/Spider-Man_(2002_film)" target="_blank" rel="noopener noreferrer">Spider-Man (2002).</a></cite></ul>
</div>
<div class="blockQuote">
<ul class="inLine">"Remember kid, there's Heroes and there's Legends. Heroes get remembered, but Legends never die. Follow your heart, kid, and you'll never go wrong." - <cite> <a href="https://en.wikipedia.org/wiki/The_Sandlot" target="_blank" rel="noopener noreferrer">The Sandlot (1993).</a></cite></ul>
</div>
<div class="blockQuote">
<ul class="inLine">"Welcome to the <strong>Dojo</strong> baby; we leaving earth, the moon, the solar system; the <strong>Limps</strong> won't even know we were here!!!" - <cite> <a href="https://youtu.be/0nETkSaxNuo" target="_blank" rel="noopener noreferrer">TyKwonDoe (2021).</a></cite></ul>
</div>
<div class="blockQuote">
<ul class="inLine">"Buy low, Sell High" - <cite> <a href="https://youtu.be/KgH4rDtxqHg" target="_blank" rel="noopener noreferrer">Benjamin (2021).</a></cite></ul>
</div>
<div class="blockQuote">
<ul class="inLine">"Everyday, we become more of ourselves." - <cite> <a href="" target="_blank" rel="noopener noreferrer">Anonymous (2020).</a></cite></ul>
</div>
<div class="blockQuote">
<ul class="inLine">"You know, we always called each other goodfellas. Like you'd say to somebody: 'You're gonna like this guy, he's all right. He's a goodfella. He's one of us.' You understand? We were goodfellas, wiseguys." - <cite> <a href="https://en.wikipedia.org/wiki/Goodfellas" target="_blank" rel="noopener noreferrer">Goodfellas (1990).</a></cite></ul>
</div>
<div class="blockQuote">
<ul class="inLine">"If you fail to plan, you are planning to fail!" - <cite>Benjamin Franklin.</cite></ul>
</div>
<div class="blockQuote">
<ul class="inLine">"Every man dies, not every man lives" - <cite><a href="https://en.wikipedia.org/wiki/Braveheart" target="_blank" rel="noopener noreferrer">Braveheart (1995).</a> </cite></ul>
</div>
</div>
</main>
<footer class="Footer">
<ul class="bullets">
<li class="bulletPoint"><a href="./projects.html" target="_blank" rel="noopener noreferrer">Projects</a></li>
<!-- <li class="bulletPoint">email: <a href="mailto:briantech9@gmail.com">briantech9@gmail.com</a></li> -->
<li class="bulletPoint"><a href="https://www.instagram.com/briantech9/" target="_blank" rel="noopener noreferrer">Contact Me</a></li>
<li class="bulletPoint"><a href="#">In Progress - Last Updated: 6/6/22/a></li>
</ul>
</footer>
<script src="source/script.js"></script>
<noscript>Your web browser does not support JavaScript! To continue to site, download JavaScript and refresh page.</noscript>
</body>
</html>