-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
201 lines (161 loc) · 8.12 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
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
<!DOCTYPE html>
<html lang="en" data-bs-theme="dark">
<head>
<meta charset="UTF-8">
<meta name="description" content="Code Crafting">
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="author" content="CKCarr">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="CKCarr.dev">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<title>CKCarr.dev</title>
<!--Font Awesome Icons-->
<script src="https://kit.fontawesome.com/6c6d5d6d3e.js" crossorigin="anonymous"></script>
<!--DEVICON icons-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/[email protected]/devicon.min.css">
<!--Google Fonts-->
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
<!--JQuery -->
<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<!--BootStrap-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<!--Bootstrap Icons -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
<!-- Animate.css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
<!-- Normalize CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/normalize.min.css">
<!--STYLES-->
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/global.css">
<link rel="stylesheet" href="css/navbar.css">
</head>
<body class="text-light ">
<!--HEADER - NAVBAR LOGO-->
<header class="header fixed-top">
<nav class="navbar fixed-top">
<a href="#" class="nav-logo">
<img id="logo" class="img img-fluid logo-img animate__animated animate__heartBeat animae__infinite"
src="images/ck-logo.png" alt="CKCarr.dev Logo">
</a>
<ul class="nav-menu">
<li class="nav-item mx-auto">
<a class="nav-link home-link" href="index.html">Home</a>
</li>
<li class="nav-item mx-auto">
<a class="nav-link about-link" href="about.html">About Me</a>
</li>
<li class="nav-item mx-auto">
<a class="nav-link project-link" href="projects.html">Projects</a>
</li>
<li class="nav-item mx-auto">
<a class="nav-link resume-link" href="CKResume.pdf" target="_blank">Resume</a>
</li>
<li class="nav-item mx-auto">
<a class="nav-link contact-link" href="contact.html">Contact Me</a>
</li>
</ul>
<div class="hamburger">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
</nav>
<div id="countdown" class="container">
<div id="countdown-container">
<h3 class="cd-header">Countdown to
Graduation
</h3>
</div>
</div>
</header>
<!--MAIN CONTENT-->
<main id="" class=" overflow-hidden">
<section class="about-me container my-5 overflow-hidden">
<h1 class="animate__animated animate__fadeInUp text-center m-5 ">Hello there, I'm
Crystal Carrillo!
Nice to meet you.</h1>
<article class="plan p-3 m-3 overflow-hidden">
<h3>Refactoring </h3>
<p class="p-3 m-3">
I wear many hats – wife, proud mother to four wonderful children, a dedicated caregiver to my
Grandma,
and a pet mom to two dogs and a cat. I've been a stay-at-home mother and caregiver in recent years
and
like many others life circumstances and the onset of the COVID-19 pandemic prompted me to reevaluate
my
path.
</p>
<p class="p-3 m-3">
The summer of 2022, my family and I relocated with the goal of giving our children a new environment
to
grow and graduate. Alongside pursuing a personal education journey for myself, a significant shift
from
my previous career goals. Heathcare to Technology – a big change, but one I'm excited to embrace.
</p>
</article>
<article class="transition p-3 m-3">
<h3>Transition to Tech</h3>
<p class="p-3 m-3">
My previous career spanned over 11 years in the healthcare field, where I played various roles from
a
nurse assistant to business office manager. Throughout this time, I witnessed technology's
increasing
role in healthcare, sparking my interest in the tech world. I began to explore the possibility of a
career change and started taking steps to make it happen.
</p>
<p class="p-3 m-3">
In revising plans and setting new goals, I gained a fresh perspective and renewed hope. I started
working on tutorials online and researching possibilities. I sought opportunities to transition into
a
tech-focused career and discovered Holberton School, a place where I can gain the skills I've always
dreamed of. In January, 2023 I placed another hat on my head – student.
</p>
</article>
<article class="future p-3 m-3">
<h3>My Future in Code</h3>
<p class="p-3 m-3">
I'm excited to embark on this journey of learning and personal growth. I know with curiosity, hard
work,
dedication, perseverance I will be equipped with the knowledge and skills to succeed in a rapidly
evolving tech landscape. I have a passion for problem-solving, a love for creativity in all its
forms,
and a readiness to embrace this exciting career change.
</p>
<p class="p-3 m-3">
As I dive into coding and technology, I look forward to becoming a valuable contributor to
meaningful
projects and
carving out a rewarding career path. Join me on this adventure as I explore the limitless
possibilities
that the world
of software development has to offer!
</p>
</article>
</section>
</main>
<!--FOOTER - SECTION 8 -->
<footer class="footer container-fluid ">
<div class="footer-content d-flex justify-content-around row">
<aside class="footer-icons text-center mt-4 ">
<a href="https://github.com/CKCarr">
<i class="bi bi-github"></i>
</a>
<a href="https://www.linkedin.com/in/crystal-carrillo/" class="">
<i class="bi bi-linkedin"></i>
</a>
</aside>
<address class="d-block text-center mt-4 ">
<p>Crystal Carrillo <br>Claremore, OK<br> (405)-456-9062</p>
</address>
</div>
<div class="copy">
<p class="text-center mb-sm-0 mt-">Copyright © 2024 CKCarr.dev <br> All Rights Reserved.</p>
</div>
</footer>
<!--scripts-->
<script src="scripts/countdown.js"></script>
<script src="scripts/form-submission.js"></script>
<script src="scripts/menu-toggle.js"></script>
</body>
</html>