-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
134 lines (131 loc) · 8.36 KB
/
Copy pathindex.html
File metadata and controls
134 lines (131 loc) · 8.36 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Dakota McMullin | Portfolio & Resume</title>
<meta name="description" content="Portfolio of Dakota McMullin – Web Developer showcasing projects, resume, and contact info." />
<meta name="author" content="Dakota McMullin" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta name="description" content="" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="icon" type="image/x-icon" href="img/favicon.ico" />
</head>
<body>
<div id="fadein" class="position-fixed top-0 start-0 w-100 h-100 bg-white" style="animation: fadeinall 1s normal 0.3s both;"></div>
<header>
<nav class="navbar">
<div class="logo">Dakota McMullin</div>
<button class="hamburger" id="hamburger" aria-label="Toggle menu">☰</button>
<ul class="nav-links" id="nav-links">
<li><a href="#projects">Projects</a></li>
<li><a href="#resume">Resume</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<main>
<section id="hero" class="hero-section">
<div class="hero-container">
<div class="hero-content">
<h1>Hi, I’m <span class="highlight">Dakota McMullin</span></h1>
<h2>Front-End Web Developer</h2>
<!--<p>I build responsive, accessible websites that are fast and user-friendly.</p>--><br/>
<a href="#projects" class="btn-cta">View My Projects</a>
</div>
<div class="hero-image">
<img src="./img/headshot-pfp.png" alt="Dakota McMullin's photo" />
</div>
</div>
</section>
<section id="projects" class="projects-section">
<h2>Projects</h2>
<div class="projects-grid">
<!-- Project 1 -->
<div class="project-card">
<img src="img/flavorfinder.png" alt="Screenshot of Project 1" />
<h3>FlavorFinder</h3>
<p>A full-stack recipe app that lets users find meals based on ingredients they already have.</p>
<div class="project-links">
<a href="https://flavorfinder-y4pq.onrender.com/" target="_blank" class="btn-project">Live Demo</a>
<a href="https://github.com/koda-m/FlavorFinder" target="_blank" class="btn-project alt">Source Code</a>
</div>
</div>
<!-- Add more project-card divs below as needed -->
</div>
</section>
<section id="resume" class="resume-section">
<h2>Resume</h2>
<p>Here's a quick overview of my background. You can also <a href="DakotaMcMullin_FullResume2025.pdf" target="_blank" class="resume-link">download my full resume</a>.</p>
<div class="resume-summary">
<h3><i class="fas fa-briefcase"></i> Experience Highlights</h3>
<ul class="experience">
<li><strong>DealerOn</strong> – Implementation Specialist (2024 – 2025)</li>
<li><strong>Sky Systemz</strong> – Customer Support Specialist (2024)</li>
<li><strong>Microsoft (via EAW)</strong> – Case Manager & Support Roles (2022 – 2023)</li>
<li><strong>Northern Kentucky University</strong> – Web Developer Intern (Summer 2022)</li>
<li><strong>Blackboard Inc.</strong> – Technical Support Specialist (2019 – 2020)</li>
</ul>
<h3><i class="fa-solid fa-graduation-cap"></i> Education</h3>
<p class="education"><strong>Northern Kentucky University, 2023</strong> – Bachelor of Science, Business Information Systems</p>
<h3><i class="fa-solid fa-certificate"></i> Certifications</h3>
<ul class="certs">
<li>Project Management – Google</li>
<li>Web Development – Code:You</li>
<li>Responsive Web Design – freeCodeCamp</li>
<li>Microsoft 365 Fundamentals (MS-900) – Microsoft</li>
<li>Azure Fundamentals (AZ-900) – Microsoft</li>
</ul>
<h3><i class="fas fa-tools"></i> Skills</h3>
<ul class="skills">
<li><strong>Web Development & Design:</strong> Front-End Development, Responsive Design, HTML, CSS, JavaScript, Bootstrap, PHP, Git, Figma, Wireframing, Web/Software Testing, Quality Assurance, Content Management, WordPress</li>
<li><strong>Technical Support & IT Operations:</strong> Remote Software Support, Microsoft 365 Administration, Microsoft Office/365 Suite, Visio, Access, Azure, SharePoint, Windows OS, MacOS/iOS, DNS Management, Troubleshooting</li>
<li><strong>Collaboration, CRM, & Project Management Tools:</strong> Jira, HubSpot, Slack, Salesforce, ServiceNow. Microsoft Project</li>
<li><strong>Data Analysis:</strong> Tableau, Excel, SQL, R, Python</li>
</ul>
</div>
<div id="resume-download" class="resume-button">
<a href="DakotaMcMullin_FullResume2025.pdf" target="_blank" class="resume-button view"><i class="fa-solid fa-file-arrow-down"></i> View/Download Resume</a>
</div>
</section>
<section id="about" class="about-section">
<h2>About Me</h2>
<div class="about-content">
<p>Hi! I’m <strong>Dakota McMullin</strong>, a web developer and designer who loves turning ideas into responsive, accessible, and visually engaging websites. My background in IT operations and customer success means I not only build great digital products, but also know how to make them work seamlessly for the people who use them.</p>
<p>With a B.S. in Business Information Systems (specializing in Information Systems Auditing), I blend technical know-how with problem-solving skills, working with HTML, CSS, JavaScript, and responsive design to deliver projects that are both functional and beautiful. I also bring experience in Microsoft 365 administration, troubleshooting, and product support.</p>
<p>When I’m not coding, you’ll find me outdoors gardening, hiking, or exploring the Sheltowee Trace. I’m always open to new challenges and opportunities to grow in web development, customer success, or product support.</p>
</div>
</section>
<section id="contact" class="contact-section">
<h2>Get In Touch</h2>
<p>If you’d like to work together or just say hello, feel free to reach out!</p>
<div class="social-links">
<a href="https://linkedin.com/in/dakota-m" target="_blank" aria-label="LinkedIn">
<i class="fab fa-linkedin"></i>
</a>
<a href="https://github.com/koda-m" target="_blank" aria-label="GitHub">
<i class="fab fa-github"></i>
</a>
<a href="mailto:dakotajmcmullin@gmail.com" aria-label="Email">
<i class="fa-solid fa-envelope"></i>
</a>
</div>
</section>
</main>
<footer>
<small>© <script>document.write(new Date().getFullYear())</script> <a href="https://github.com/koda-m">Dakota McMullin</a>. All Rights Reserved. <a target="_blank" href="https://icons8.com/icon/PhZcqNXjSCWl/code">Code</a> icon by <a target="_blank" href="https://icons8.com">Icons8</a>.</small>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
<script type="text/javascript">
window.onload = function(){
setTimeout(function(){
document.getElementById("fadein").remove();
},1000);
};
</script>
<script src="js/script.js"></script>
</body>
</html>