-
Notifications
You must be signed in to change notification settings - Fork 0
/
page-about-me.php
124 lines (98 loc) · 15.7 KB
/
page-about-me.php
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
<?php
// template for displaying projects
// all other pages will default to page.php. These pages are useful in that the client cannot change the content on these pages. The content is hard-coded therefore un-editable.
//Please note that this is a wordpress construct of pages and that other 'pages' on your wordpress site may use a different template.
//@link https://developer.wordpress.org/themes/basics/template-hierarchy/
//@package clinton-gorda-theme
?>
<?php get_header(); ?>
<section class="about-me-container">
<h1>Hello there!</h1>
<div class="background-about-me"></div>
<div class="about-me-intro-flex-container">
<div class="about-me-intro-container">
<p>
My name is Clinton Gorda (Jewett is my legal name, I am in the process to changing it to Gorda, which is my married name 😄) and I am currently in my last semester at NAIT in the DMIT - Web Development and Design program. I just want to share a little bit about myself regarding previous work experience and the skills I have gained over the years. If you have any questions, don't hesitate! I would love to answer them as best as I can.
</p>
<p>
Throughout my plumbing career, as an employee and a small business owner of 5 years, I have faced many unique situations and these experiences have given me a wealth of skills and knowledge that allow me to excel in any situation. Although the two industries are different, I believe that many of the skills are transferable and relevant to both fields of work. What I may lack in Web Design work experience, I make up for in my ability to analyze a client’s needs, respond to ever-changing situations and keep clients happy in the process. I am devoted to becoming the best Web Designer I can be.
</p>
<a href="https://www.clinton-gorda.com/wp-content/uploads/2023/04/clintongorda-resume.pdf" target="_blank">Link to my resume</a>
<a href="https://github.com/cjewett1" target="_blank">Link to my GitHub</a>
<div class="contact-icons">
<a href = "mailto:clintondgorda@gmail.com"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 285"><path d="M299.85,105c0-10.8-5.55-20.25-14.1-25.5L150,0,14.25,79.5C5.7,84.75,0,94.2,0,105V255c0,16.5,13.5,30,30,30h240c16.5,0,30-13.5,30-30l-.15-150Zm-30,0v.15l-119.85,74.85L30,105,150,34.8l119.85,70.2ZM30,140.1v114.9h240l-.15-114.45-119.85,74.85L30,140.1Z" style="fill-rule:evenodd;"/></svg></a>
<a href="tel:+7802424053"><svg fill="#212025" viewBox="0 0 32.00 32.00" version="1.1" xmlns="http://www.w3.org/2000/svg" stroke="#212025" stroke-width="0.00032"><g stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="number"> <title>phone-call</title> <path d="M31.129 23.072c-0.118-0.743-0.365-1.409-0.719-2.004l0.014 0.026c-0.189-0.31-0.502-0.529-0.868-0.589l-0.007-0.001-8.969-1.424c-0.056-0.009-0.12-0.013-0.185-0.013-0.348 0-0.664 0.138-0.895 0.363l0-0c-0.605 0.609-1.094 1.334-1.429 2.14l-0.016 0.044c-3.506-1.573-6.252-4.319-7.785-7.729l-0.039-0.097c0.849-0.351 1.574-0.839 2.182-1.445l-0 0c0.226-0.226 0.366-0.539 0.366-0.885 0-0.069-0.006-0.137-0.017-0.204l0.001 0.007-1.423-8.97c-0.061-0.374-0.281-0.688-0.587-0.873l-0.006-0.003c-0.546-0.327-1.185-0.568-1.866-0.684l-0.033-0.005c-0.349-0.078-0.75-0.122-1.161-0.122-0.024 0-0.047 0-0.071 0l0.004-0h-0.010c-3.772 0.028-6.821 3.081-6.844 6.851v0.002c0.015 13.037 10.579 23.601 23.615 23.616h0.001c3.776-0.022 6.831-3.076 6.854-6.849v-0.002c0.001-0.029 0.001-0.063 0.001-0.098 0-0.373-0.039-0.737-0.114-1.088l0.006 0.034zM24.383 28.576c-11.657-0.013-21.103-9.459-21.116-21.115v-0.001c0.019-2.399 1.961-4.338 4.359-4.354h0.001c0.010-0 0.023-0 0.035-0 0.249 0 0.492 0.027 0.726 0.079l-0.022-0.004c0.233 0.039 0.438 0.093 0.635 0.163l-0.025-0.008 1.21 7.634c-0.516 0.379-1.135 0.651-1.807 0.768l-0.026 0.004c-0.591 0.107-1.033 0.618-1.033 1.232 0 0.146 0.025 0.286 0.071 0.416l-0.003-0.009c1.824 5.217 5.859 9.252 10.951 11.038l0.125 0.038c0.121 0.043 0.261 0.067 0.407 0.067 0.234 0 0.452-0.063 0.64-0.174l-0.006 0.003c0.311-0.184 0.532-0.492 0.597-0.854l0.001-0.008c0.121-0.698 0.393-1.317 0.78-1.846l-0.009 0.012 7.633 1.211c0.068 0.193 0.129 0.425 0.17 0.663l0.004 0.026c0.037 0.177 0.057 0.381 0.057 0.589 0 0.024-0 0.048-0.001 0.073l0-0.004c-0.013 2.4-1.954 4.343-4.352 4.359h-0.002zM18.063 6.136c-0.028-0.002-0.060-0.004-0.093-0.004-0.66 0-1.197 0.526-1.214 1.182l-0 0.002c-0.001 0.020-0.002 0.043-0.002 0.066 0 0.666 0.519 1.21 1.175 1.25l0.003 0c3.266 0.182 5.846 2.875 5.846 6.17 0 0.205-0.010 0.407-0.029 0.607l0.002-0.025c0 0.69 0.56 1.25 1.25 1.25s1.25-0.56 1.25-1.25v0c0.013-0.176 0.020-0.381 0.020-0.588 0-4.626-3.622-8.406-8.185-8.659l-0.022-0.001zM17.938 3.248c0.43 0.022 10.523 0.66 10.523 12.136 0 0.69 0.56 1.25 1.25 1.25s1.25-0.56 1.25-1.25v0c0.015-0.239 0.023-0.519 0.023-0.8 0-7.325-5.681-13.324-12.878-13.829l-0.044-0.002c-0.028-0.002-0.061-0.004-0.094-0.004-0.662 0-1.201 0.529-1.216 1.188l-0 0.001c-0.001 0.019-0.002 0.041-0.002 0.063 0 0.668 0.524 1.213 1.184 1.247l0.003 0z"></path> </g></svg></a>
</div>
</div>
<div class="about-me-image">
<?php if( get_field('about_me_image') ): ?>
<img alt="Headshot of Clinton Gorda" src="<?php the_field('about_me_image'); ?>" />
<?php endif; ?>
</div>
</div>
<div class="skills-container">
<p>The skills that I have gained throughout my time at NAIT and through side various projects.</p>
<div class="skills-svg-container">
<div class="php">
<svg viewBox="0 0 32.00 32.00" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" stroke="#00000" stroke-width="0.00032"><g stroke-width="0"><rect x="0" y="0" width="32.00" height="32.00" rx="16" fill="#a7a6ab"></rect></g><g id="php"> <path fill="#212025" d="M10.372 13.069h-3.967l-1.715 8.684h2.037l0.429-2.251h1.93c1.822 0.107 3.86-1.394 3.86-3.967 0-1.501-0.858-2.359-2.573-2.466zM8.871 17.894h-1.287l0.536-3.216h1.394c0.75 0 1.287 0.322 1.287 0.965-0.107 1.823-0.965 2.144-1.93 2.251zM17.555 13.069h-1.93l0.429-2.251h-2.037l-1.715 8.684h2.037l0.965-4.824h1.608c0.751 0 0.751 0.322 0.643 0.858l-0.75 3.967h2.144l0.75-4.396c0.214-1.072-0.429-1.93-2.144-2.037zM24.738 13.069h-3.967l-1.715 8.684h2.037l0.429-2.251h1.93c1.823 0.107 3.86-1.394 3.86-3.967 0-1.501-0.858-2.359-2.573-2.466zM23.237 17.894h-1.287l0.536-3.216h1.394c0.751 0 1.287 0.322 1.287 0.965-0.107 1.823-0.965 2.144-1.93 2.251z"></path> </g></svg>
</div>
<div class="javascript">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 754 754"><circle cx="377" cy="377" r="377" style="fill:#a7a6ab;"/><g><rect x="121" y="121" width="512" height="512" rx="76.8" ry="76.8" style="fill:#212025;"/><path d="M445,491c10,17,24,29,47,29,20,0,33-10,33-24,0-16-13-22-35-32l-12-5c-35-15-58-33-58-72,0-36,27-64,70-64,31,0,53,11,68,39l-37,24c-8-15-17-21-31-21s-23,9-23,21c0,14,9,20,30,29l12,5c41,18,64,35,64,76s-34,67-80,67-74-21-88-49l40-23Zm-170,4c8,13,14,25,31,25,16,0,26-6,26-30v-166h48v164c0,50-29,72-72,72-39,0-61-20-72-44l39-21Z" style="fill:#a7a6ab;"/></g></svg>
</div>
<div class="react">
<svg viewBox="-7.2 -7.2 62.40 62.40" xmlns="http://www.w3.org/2000/svg"><g stroke-width="0"><rect x="-7.2" y="-7.2" width="62.40" height="62.40" rx="31.2" fill="#a7a6ab"></rect></g><g id="react"> <title>react</title> <g id="Layer_2" data-name="Layer 2"> <g id="invisible_box" data-name="invisible box"> <rect width="48" height="48" fill="none"></rect> </g> <g id="Q3_icons" data-name="Q3 icons"> <g> <path d="M45.9,24c0-2.8-3-5.4-8-7.2l-.9-.3v-.4c1.1-5.5.3-9.6-2.2-11.1s-6.2-.1-10.2,3.4L24,9l-.2-.2h-.2C19.5,5,15.5,3.7,13,5.1s-3.2,5.3-2.2,10.4a4.4,4.4,0,0,1,.2,1l-1.1.4C5,18.6,2.1,21.2,2.1,24s3.2,5.6,8.2,7.4l.7.2a3.6,3.6,0,0,0-.2,1.1c-1,5-.1,8.8,2.2,10.2s6.5.1,10.5-3.4l.6-.5.8.8c2.8,2.4,5.6,3.7,7.8,3.7a4,4,0,0,0,2.2-.6c2.5-1.4,3.4-5.5,2.3-10.7V32a4.3,4.3,0,0,1-.1-.5h.3C42.7,29.6,45.9,26.9,45.9,24ZM43,24c0,1.2-2.2,3.3-6.5,4.7h-.2A36.7,36.7,0,0,0,34.4,24c.7-1.6,1.3-3.2,1.8-4.7l.8.2C41,20.9,43,22.8,43,24ZM26.8,37.6,26,37a43.1,43.1,0,0,0,3.2-4l5.1-.8c.1.2.1.4.2.5a17.5,17.5,0,0,1,.2,5.5h0a4.1,4.1,0,0,1-1.2,2.3C32.5,41.1,29.8,40.3,26.8,37.6Zm-1.3-4.4L24.1,35l-1.6-1.8Zm-13.7-14A31.9,31.9,0,0,0,13.7,24a33,33,0,0,0-1.9,4.9l-.6-.2a14.4,14.4,0,0,1-4.8-2.6A3.1,3.1,0,0,1,5,24c0-1.2,2-3.1,5.8-4.4Zm10.7-4.4L24,13.1l1.5,1.7h-3Zm11-7.3c1.1.6,1.7,3.6.8,8a.4.4,0,0,1-.1.3l-5-.8A43.1,43.1,0,0,0,26,11l.6-.5C29.8,7.7,32.4,6.9,33.5,7.5ZM16.8,18.1,16,19.4l-.7,1.3c-.3-.7-.5-1.4-.8-2.2ZM14.5,29.5c.3-.7.5-1.4.8-2.2l.7,1.3.8,1.3ZM31.2,24a33.7,33.7,0,0,1-1.7,3.2c-.6,1.1-1.3,2.1-1.9,3.1H20.4c-.7-1.1-1.4-2.1-1.9-3.1A31,31,0,0,1,16.8,24a24,24,0,0,1,1.7-3.2,30.5,30.5,0,0,1,1.9-3,43.3,43.3,0,0,1,7.2,0c.7,1,1.3,2,1.9,3A24,24,0,0,1,31.2,24Zm.8-4.6-.8-1.3,2.3.5a18,18,0,0,1-.8,2.1Zm-.8,10.5.8-1.3.7-1.4.9,2.3Zm-9.3-19H22l-3.2,4-5,.8c-.1-.3-.1-.5-.2-.8-.8-4.1-.2-6.9.8-7.4h0a1.3,1.3,0,0,1,.9-.2c1.4,0,3.8,1,6.5,3.4ZM13.6,33.2a2.9,2.9,0,0,1,.2-.9l5.1.7a33,33,0,0,0,3.2,4l-.2.2-.2.2A14.3,14.3,0,0,1,17,40.3a3.2,3.2,0,0,1-2.5.2C13.4,39.9,12.8,37.2,13.6,33.2Z" fill="#212025"></path> <path d="M24,19.6A4.4,4.4,0,1,0,28.3,24,4.4,4.4,0,0,0,24,19.6Z" fill="#212025"></path> </g> </g> </g> </g></svg>
</div>
<div class="html">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800"><g><path d="M400,0h0c220.91,0,400,179.09,400,400h0c0,220.91-179.09,400-400,400h0C179.09,800,0,620.91,0,400H0C0,179.09,179.09,0,400,0Z" style="fill:#a7a6ab;"/></g><g id="html"><path d="M636.64,131.09l-43.03,483.33-194.29,54.49-192.94-54.49-43.03-483.33h473.28Zm-88.07,98.79H251.43l15.8,179.5h205.75l-7.46,76.61-66.18,17.88-65.88-17.85-4.37-47.03h-58.79l7.39,93.41,121.68,33.61h1.31v-.34l120.71-33.28,16.81-182.86h-216.5l-5.04-60.84h226.55l5.38-58.82h0Z" style="fill:#212025;"/></g></svg>
</div>
<div class="adobe">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800"><g><path d="M400,0h0c220.91,0,400,179.09,400,400h0c0,220.91-179.09,400-400,400h0C179.09,800,0,620.91,0,400H0C0,179.09,179.09,0,400,0Z" style="fill:#a7a6ab;"/></g><g id="adobe"><path d="M284.04,283.08h.83c40.12,0,76.46,16.21,102.83,42.44h0c22.23,20.87,42.62,42.58,64.04,64.31,3.69,3.56,5.98,8.56,5.98,14.1,0,2.73-.56,5.35-1.58,7.71l.04-.13c-2.81,7.44-9.6,12.73-17.71,13.33h-.06c-.77,.1-1.65,.17-2.54,.17-5.5,0-10.46-2.38-13.9-6.15l-.02-.02c-20.42-20.42-40.79-40.54-60.92-61.19-15.4-15.92-35.71-26.98-58.48-30.79l-.62-.08c-5.58-1-12-1.58-18.54-1.58-60.42,0-109.4,48.98-109.4,109.4,0,51.69,35.85,95.02,84.06,106.44l.75,.15c9.08,1.81,19.52,2.83,30.21,2.83,3.08,0,6.15-.08,9.19-.25l-.42,.02c.23-.02,.48-.02,.75-.02,3.02,0,5.73,1.31,7.58,3.4h0c12.58,12.31,25.9,24.6,38.98,36.85,.77,.79,1.81,1.56,2.6,2.33-1.56,0-2.6,.25-3.65,.25h-59.88c-72.19-.02-132.6-50.4-148.02-117.9l-.19-1.02c-2.38-10.02-3.75-21.52-3.75-33.35,0-67.19,44.08-124.08,104.9-143.33l1.06-.29c13.65-4.48,29.35-7.25,45.67-7.65h.21l-.02,.02Zm198-69.33h1.69c55.42,0,105.08,24.69,138.56,63.69l.21,.25c28.29,32.58,45.52,75.42,45.52,122.27,0,8.69-.58,17.23-1.73,25.6l.1-.98c-10.94,78.19-68.81,140.31-143.83,157.4l-1.25,.25c-12.21,2.79-26.23,4.4-40.63,4.4-9.19,0-18.21-.65-27.04-1.92l1.02,.13c-29.65-3.46-56.25-14.19-78.67-30.38l.5,.33c-6.5-4.67-12.21-9.56-17.48-14.9l-.02-.02c-31.92-31.38-63.52-63-95.44-94.38-4.23-3.71-6.87-9.12-6.87-15.17,0-3.33,.81-6.5,2.25-9.27l-.06,.1c3.46-7.44,10.88-12.5,19.46-12.5,1.06,0,2.1,.08,3.12,.23l-.12-.02c5.48,.87,10.19,3.62,13.56,7.56l.02,.04c28.77,29,57.27,57.5,86.02,86.54,20.92,21.33,48.73,35.83,79.83,39.92l.69,.08c6.75,1.17,14.54,1.83,22.48,1.83,42.19,0,79.98-18.79,105.46-48.46l.15-.19c17.67-19.81,29.98-44.77,34.42-72.35l.1-.81c1.42-7.4,2.23-15.92,2.23-24.63,0-32.92-11.6-63.1-30.94-86.73l.19,.25c-26.6-34.1-67.73-55.83-113.92-55.83-28.96,0-55.94,8.54-78.52,23.25l.56-.33c-.56,.33-1.25,.52-1.98,.52-.52,0-1-.1-1.46-.27h.02c-10.6-7.94-22.6-15.33-35.23-21.63l-1.37-.62c-.21-.23-.37-.48-.52-.77v-.02c9.52-7.98,20.25-15.1,31.71-20.98l.98-.46c19.88-11,43.27-18.31,68.13-20.38l.63-.04c5.81-.44,11.62-.65,17.44-.63h.04Zm-9.6-44.08c-6.02,.52-12.29,1.04-18.29,1.81-27.37,3.13-52.31,10.79-74.98,22.29l1.25-.58c-24.75,12.27-45.9,27.75-64,46.23l-.04,.04c-.71,.83-1.77,1.37-2.94,1.37-.25,0-.5-.02-.75-.08h.02c-8.58-1.33-18.5-2.08-28.6-2.08-83.6,0-155.02,52.17-183.48,125.73l-.46,1.33c-6.52,16.4-10.81,35.35-12,55.19l-.02,.5c-.02,1.21-.21,2.38-.54,3.48l.02-.08v20.12c.52,5.23,1.31,10.21,1.81,15.44,2.77,22.56,9.23,43.04,18.79,61.69l-.48-1.04c20.85,42.06,55.23,74.79,97.31,93.08l1.25,.48c18.69,8.46,40.42,14,63.25,15.42l.52,.02c.79,0,1.56,.1,2.31,.27l-.06-.02h223.27c4.77-.44,9.42-.92,14.25-1.56,27.17-3.12,51.92-10.79,74.42-22.29l-1.23,.56c39.6-19.62,71.83-49,94.35-85.04l.56-.98c14.94-23.02,25.75-50.15,30.65-79.27l.17-1.25c1.29-8.85,2.08-18.02,3.15-26.92,.02-1.21,.21-2.38,.54-3.48l-.02,.08v-20.67c-.52-5.98-1.29-11.77-1.29-17.23-3.12-27.19-10.79-51.94-22.29-74.44l.56,1.23c-19.9-39.56-49.42-71.75-85.56-94.31l-.98-.56c-22.87-14.75-49.81-25.48-78.71-30.42l-1.27-.19c-9.42-1.56-18.56-2.33-27.98-3.38-1.31-.04-2.56-.23-3.77-.54l.13,.02-18.83,.02Z" style="fill:#212025;"/></g>
</svg>
</div>
</div>
</div>
<div class="interest-why-flex-container">
<div class="interests-container">
<div class="interests-flex-item">
<div class="about-me-image-three">
<?php if( get_field('about_me_image_three') ): ?>
<img alt="Marvin the cat. A brown tabby." src="<?php the_field('about_me_image_three'); ?>" />
<?php endif; ?>
<p>My cat Marvin. What a distinguished gentleman!</p>
</div>
<div class="interests-container-text">
<h2>When I'm not working, I am</h2>
<ul>
<li>Spending time with my beautiful wife and our three little hellions, err, I mean animals, which I love very much.</li>
<li>Watching one too many horror movies.</li>
<li>Spending my time in the kitchen, as I love to cook, especially for my wife.</li>
<li>Playing video games with my brother and close friends.</li>
<li>Discovering new and exciting music! I consider myself a fan of most music, but my favorites are pop and hip-hop.</li>
</ul>
</div>
</div>
</div>
<div class="why-container">
<div class="why-container-flex-item">
<div class="about-me-image-two">
<?php if( get_field('about_me_image_two') ): ?>
<img src="<?php the_field('about_me_image_two'); ?>" />
<?php endif; ?>
</div>
<div class="why-container-text">
<h2>Why Web Design and Development?</h2>
<p>
Unhappy with where I was, I decided to retake control of my life and pivot to a more sustainable and fulfilling career path. With a little trial and error, I discovered my love for Web Design and Development.
</p>
<p>
While i am happy that plumbing chapter of my career is now closed, I have gained many valuable lessons and gained numerous skills throughout the years that I will carry with me for the rest of my professional career.
</p>
<p>
I love to create and design things. I want to create things that are easy to navigate. I focus on layouts that are simple yet effective.
</p>
</div>
</div>
</div>
</div>
</section>
<?php get_footer(); ?>