-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
140 lines (134 loc) · 5.87 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
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Robby Wilcox - IT Professional</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<style>
/* Custom CSS for adding some color */
body {
background-color: #f4f4f4;
}
.navbar {
background-color: #343a40; /* Dark gray background for the navigation bar */
}
.navbar-dark .navbar-toggler-icon {
background-color: #fff; /* White color for the navigation toggle icon */
}
.navbar-dark .navbar-nav .nav-link {
color: #fff; /* White color for navigation links */
}
.navbar-dark .navbar-nav .nav-link:hover {
color: #17a2b8; /* Change color on hover */
}
</style>
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container">
<a class="navbar-brand" href="#">Robby Wilcox</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#experience">Experience</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#education">Education</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<section id="about" class="py-5">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="text-center">
<img src="portrait.jpg" alt="John Doe" class="img-fluid rounded-circle" width="200">
</div>
</div>
<div class="col-md-8">
<h2>About Me</h2>
<p>I am a highly skilled IT professional with a passion for solving complex problems and a track record of delivering top-notch solutions. My expertise includes:</p>
<ul>
<li>Server Administration</li>
<li>System Architecture</li>
<li>Process Automation</li>
<li>Software Development</li>
</ul>
</div>
</div>
</div>
</section>
<section id="experience" class="bg-light py-5">
<div class="container">
<h2>Experience</h2>
<div class="experience-item">
<h3>Coordinator of Enterprise Applications</h3>
<p>Barton Community College</p>
<p>May 2023 - Present</p>
<ul>
<li>Managed a team of network engineers.</li>
<li>Designed and implemented a secure and scalable network infrastructure.</li>
<li>Monitored and maintained network performance and security.</li>
</ul>
</div>
<div class="experience-item">
<h3>Systems Analyst</h3>
<p>Barton Community College</p>
<p>March 2021 - May 2023</p>
<ul>
<li>Developed and maintained client websites.</li>
<li>Designed responsive web interfaces.</li>
<li>Worked closely with clients to gather requirements and deliver tailored solutions.</li>
</ul>
</div>
</div>
</section>
<section id="education" class="py-5">
<div class="container">
<h2>Education</h2>
<div class="education-item">
<h3>Master of Science in Information Technology Management</h3>
<p>Western Governors University</p>
<p>Currently Enrolled</p>
</div>
<div class="education-item">
<h3>Bachelor of Science in Computer Science</h3>
<p>Fort Hays State University</p>
<p>Graduated: December 2019</p>
</div>
</div>
</section>
<section id="contact" class="bg-light py-5">
<div class="container">
<h2>Contact</h2>
<p>If you'd like to get in touch with me, please feel free to reach out via email or LinkedIn:</p>
<ul>
<li>Email: [email protected]</li>
<li>LinkedIn: <a href="https://www.linkedin.com/in/robbyw82" target="_blank">linkedin.com/in/robbyw82</a></li>
</ul>
</div>
</section>
<footer class="text-center py-3">
<p>© 2023 Robby Wilcox</p>
</footer>
<!-- Add Bootstrap JS and jQuery -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>