-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
153 lines (153 loc) · 9.2 KB
/
index.html
File metadata and controls
153 lines (153 loc) · 9.2 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Ralph McCloskey Resume</title>
<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link href="css/index.css" rel="stylesheet">
</head>
<body class="main-page">
<div class="container-fluid">
<header>
<div class="row row-cols-3">
<section class="col-3 emblem-left">
<a href="https://www.marines.com"><img class="emblem" src="Images/EGA_right.jpg" alt="USMC Emblem Right" height="210" width="192"/></a>
</section>
<section class="col-6">
<h1 class="name py-4">Ralph James McCloskey</h1>
</section>
<section class="col-3 emblem-right">
<a href="https://www.marines.com"><img class="emblem" src="Images/EGA_left.jpg" height="210" width="192" alt="USMC Emblem Left"></a>
</section>
</div>
<div class="narrative">
<h2 class="title">Front End Web Developer</h2>
<!--The id="age" is calculating the number of years I have held a job so the website will update automatically.-->
<p id="mtd">With over <span id="age"></span> years in a wide array of career fields I have had many
experiences that qualify me for many jobs. I have worked in landscaping, construction, and electronics
fields. I spent 23 years in the United States Marine Corps, Marine Corps Reserves, Air Force and Air
National Guard. For most of those years I was a vehicle mechanic, tow vehicle operator and aircraft
mechanic. I have been licensed to drive tactical vehicles ranging from the Jeep to tractor-trailers and
civilian vehicles up to and including 29 passenger buses. I have operated forklifts up to and including
a 10,000-pound all-terrain forklift and other special equipment required for the handling of cargo and
processing of aircraft. I have performed all tasks related to air travel including passenger check-in
and transportation, baggage handling, towing aircraft and directing aircraft to parking spots and even
piloting KC-135E and R model aircraft. My experience in the military has trained me for making
management decisions and supervising others. There is no vehicle I cannot operate and there is no job I
cannot perform with the proper training.</p>
</div>
<!--contact information-->
<div class="contact-links">
<section class="row">
<!-- Contact Me link connects to contact.html page, LinkedIn link connects to my LinkedIn page and My GitHub link connects to my GitHub page -->
<p class="col-md-3 contact"><i class="fa-solid fa-phone"></i><a class="context" href="contact.html">Contact Me</a></p>
<p class="col-md-3 contact"><i class="fa-brands fa-linkedin"></i><a class="context" href="https://www.linkedin.com/in/ralph-mccloskey-899680a4">LinkedIn</a></p>
<p class="col-md-3 contact"><i class="fa-brands fa-github"></i><a class="context" href="https://www.github.com/Rafagithub135">My GitHub Account</a></p>
<p class="col-md-3 contact"><i class="fa-solid fa-quote-left"></i><a class="context" href="quotes.html">Favorite Quotes</a><i class="fa-solid fa-quote-right"></i>" </p>
</section>
</div>
</header>
<!--Marine Corps colors hr dividers-->
<div class="row row-cols-2">
<section class="col-6 p-0">
<hr class="hr1">
</section>
<section class="col-6 p-0">
<hr class="hr2">
</section>
<!--resume content-->
<div class="col-12">
<h3 class="skills-title" id="skills">SKILLS AND ABILITIES</h3>
<!--Skills come in from variables on functions page-->
<section>
<div class="skills-container">
<div>
<div>
<ul id="skills-list1" class="skills"></ul>
</div>
<div>
<ul id="skills-list2" class="skills"></ul>
</div>
<div>
<ul id="skills-list3" class="skills"></ul>
</div>
<div>
<ul id="skills-list4" class="skills"></ul>
</div>
</div>
</div>
</section>
<hr class="sand">
</div>
<section class="col-md-6">
<div class="reference-links mt-0 row row-md-2">
<h3 class="ref-title"><a href="academic.html">ACADEMIC</a></h3>
<p class="link">To see where I've gone to school, <a href="academic.html">click here.</a></p>
<h3 class="ref-title"><a href="work_history.html">PROFESSIONAL EXPERIENCE</a></h3>
<p class="link">To see where I've worked, <a href="work_history.html">click here.</a></p>
</div>
</section>
<section class="col-md-6">
<div class="reference-links mt-0 row row-md-2">
<h3 class="ref-title"><a href="development_projects.html">DEVELOPMENT PROJECTS</a></h3>
<p class="link">To see development projects I've worked on, <a href="development_projects.html">click
here.</a></p>
<h3 class="ref-title"><a href="awards_decorations.html">AWARDS AND DECORATIONS</a></h3>
<p class="link">To see my awards, decorations and personal achievements, <a
href="awards_decorations.html">click here.</a></p>
</div>
</section>
<hr class="sand">
<section class="col-md-12 buttons mx-auto">
<div class="col-xs-6 d-flex justify-content-center">
<a href="https://www.marines.com"><img src="Images/usmcveteranpin.jpg" alt="United States Marine Corps Veteran" id="usmcvet"/></a>
</div>
<div class="col-xs-0">
<img src="#" alt="" class="space">
</div>
<div class="col-xs-6 d-flex justify-content-center">
<a href="https://www.airforce.com"><img
src="Images/air-force-veteran.jpg" alt="United States Air Force Veteran"/></a>
</div>
</section>
<div class="col-md-12 vettix ms-auto">
<p class="vtad">If you are in the military, or are a veteran, click here <i
class="fa-solid fa-arrow-right"></i></p><a href="https://www.vettix.org/ref/319690"> <img src="" alt="Tickets for Military and Veterans" id="vettix"></a>
<p class="vtad"><i class="fa-solid fa-arrow-left"></i> to sign up for free tickets to these types of
events.</p>
</div>
<div class="col-md-12 ms-auto">
<comment class="vttext">* - Images without words are examples of seating locations.</comment>
</div>
<!-- <div>-->
<!-- <form action="write" id="write">-->
<!-- <label for="input">Enter a phrase you would like to encode:</label>-->
<!-- <input type="text" id="input" name="input" placeholder="Enter here.">-->
<!-- </form>-->
<!-- </div>-->
</div>
</div>
<!-- <div class="quote">-->
<!-- <p>FAVORITE QUOTE: "You're only young once, but you can be immature forever." - Germaine Greer - Stated by Larry Andersen in the summer of 1989 (<a-->
<!-- href="https://sabr.org/bioproj/person/larry-andersen/">1</a>)</p>-->
<!-- </div>-->
<div class="no-hate">
<p>SAY NO TO HATE!</p>
</div>
<!-- hitwebcounter Code START <a href="https://www.hitwebcounter.com" target="_blank"></a>-->
<img src="https://hitwebcounter.com/counter/counter.php?page=8300263&style=0025&nbdigits=7&type=page&initCount=0"
title="Free Counter" Alt="web counter" class="counter"/>
</div>
<script src="js/functions.js"></script>
<script>document.getElementById("age").innerHTML = calculateAge(new Date())</script>
<script src="https://kit.fontawesome.com/68715d24c0.js" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.6.1.min.js"
integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ="
crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
</body>
</html>