208 lines
17 KiB
HTML
208 lines
17 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="d@n tech offers professional web development services including custom website development, responsive design, e-commerce solutions, SEO optimization, and website maintenance.">
|
|
<meta name="keywords" content="web development, custom websites, responsive design, e-commerce, SEO, website maintenance">
|
|
<meta name="author" content="Dustin Newkirk">
|
|
<link rel="canonical" href="https://dev.dustin.coffee/index.html">
|
|
<title>d@n tech - Web Development Services</title>
|
|
<meta property="og:title" content="d@n tech - Web Development Services">
|
|
<meta property="og:description" content="Professional web development services: custom sites, responsive design, e-commerce, SEO, maintenance. Portfolio showcase.">
|
|
<meta property="og:image" content="https://dev.dustin.coffee/assets/images/optimized/pcw.webp">
|
|
<meta property="og:url" content="https://dev.dustin.coffee">
|
|
<meta property="og:type" content="website">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:title" content="d@n tech - Web Development Services">
|
|
<meta name="twitter:description" content="Professional web development services: custom sites, responsive design, e-commerce, SEO, maintenance. Portfolio showcase.">
|
|
<meta name="twitter:image" content="https://dev.dustin.coffee/assets/images/optimized/pcw.webp">
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "ProfessionalService",
|
|
"name": "d@n tech",
|
|
"description": "Professional web development services including custom website development, responsive design, e-commerce solutions, SEO optimization, and website maintenance.",
|
|
"url": "https://dev.dustin.coffee",
|
|
"provider": {
|
|
"@type": "Person",
|
|
"name": "Dustin Newkirk"
|
|
},
|
|
"serviceType": "Web Development",
|
|
"areaServed": "Worldwide"
|
|
}
|
|
</script>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
|
<style>
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
</style>
|
|
<script type="module" crossorigin src="/assets/index-CgWb7O_-.js"></script>
|
|
<link rel="stylesheet" crossorigin href="/assets/index-DMIaFUaQ.css">
|
|
</head>
|
|
<body>
|
|
<!-- Scroll Progress Bar -->
|
|
<div class="scroll-progress" role="progressbar" aria-label="Page scroll progress" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
|
|
|
|
<!-- Particle Canvas -->
|
|
<canvas id="particles" aria-hidden="true"></canvas>
|
|
|
|
<header class="text-center py-1">
|
|
<h1>d@n tech</h1>
|
|
<p class="typewriter" data-text="Your partner in web development" aria-label="Your partner in web development"></p>
|
|
<p><a href="https://dustin.coffee" target="_blank" class="text-white">Visit my main site</a></p>
|
|
</header>
|
|
<div class="d-flex flex-column min-vh-100" style="position: relative;">
|
|
<div class="container mt-4">
|
|
<h2>About Us</h2>
|
|
<p>Welcome to d@n tech! We specialize in creating stunning and efficient websites for businesses of all sizes. Our team of experienced developers is dedicated to delivering high-quality web solutions that meet your unique needs.</p>
|
|
|
|
<h2>Services</h2>
|
|
<ul class="list-group skill-bars">
|
|
<li class="list-group-item skill-item" data-skill="95">
|
|
<span class="skill-name">Custom Website Development</span>
|
|
<div class="skill-bar-track">
|
|
<div class="skill-bar-fill" style="--skill-level: 95%;"></div>
|
|
</div>
|
|
</li>
|
|
<li class="list-group-item skill-item" data-skill="90">
|
|
<span class="skill-name">Responsive Design</span>
|
|
<div class="skill-bar-track">
|
|
<div class="skill-bar-fill" style="--skill-level: 90%;"></div>
|
|
</div>
|
|
</li>
|
|
<li class="list-group-item skill-item" data-skill="85">
|
|
<span class="skill-name">E-commerce Solutions</span>
|
|
<div class="skill-bar-track">
|
|
<div class="skill-bar-fill" style="--skill-level: 85%;"></div>
|
|
</div>
|
|
</li>
|
|
<li class="list-group-item skill-item" data-skill="92">
|
|
<span class="skill-name">SEO Optimization</span>
|
|
<div class="skill-bar-track">
|
|
<div class="skill-bar-fill" style="--skill-level: 92%;"></div>
|
|
</div>
|
|
</li>
|
|
<li class="list-group-item skill-item" data-skill="98">
|
|
<span class="skill-name">Website Maintenance</span>
|
|
<div class="skill-bar-track">
|
|
<div class="skill-bar-fill" style="--skill-level: 98%;"></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<div class="container mt-4">
|
|
<h2>Portfolio</h2>
|
|
<div class="row">
|
|
<div class="col-md-6 mb-2">
|
|
<div class="card">
|
|
<img srcset="/assets/pcw-400-BITl4qEE.webp 400w, /assets/pcw-800-DsVJRX-Y.webp 800w, /assets/pcw-CGUYeRaN.webp 1200w" sizes="(max-width: 768px) 100vw, 50vw" src="/assets/pcw-CGUYeRaN.webp" class="card-img-top" alt="Pemu Counseling and Wellness" loading="lazy">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Pemu Counseling and Wellness</h5>
|
|
<p class="card-text">Pemu Counseling and Wellness is a comprehensive mental health service provider offering personalized counseling and wellness programs to help individuals achieve their mental health goals.</p>
|
|
<a href="https://pemucounselingandwellness.com" target="_blank" class="btn btn-primary">Learn More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 mb-2">
|
|
<div class="card">
|
|
<img srcset="/assets/knphd-400-BKC5xx6m.webp 400w, /assets/knphd-800-C-3pFi20.webp 800w, /assets/knphd-O7XzWp2B.webp 1200w" sizes="(max-width: 768px) 100vw, 50vw" src="/assets/knphd-O7XzWp2B.webp" class="card-img-top" alt="Kayla Newkirk" loading="lazy">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Kayla Newkirk</h5>
|
|
<p class="card-text">Kayla Newkirk is a PhD candidate specializing in mental health counseling and supervision, dedicated to advancing the field through research and practice.</p>
|
|
<a href="https://kaylassafe.space" target="_blank" class="btn btn-primary">Learn More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 mb-2">
|
|
<div class="card">
|
|
<img srcset="data:image/webp;base64,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 400w, /assets/4th-800-0UtLw_o2.webp 800w, /assets/4th-8qKi-LhK.webp 1200w" sizes="(max-width: 768px) 100vw, 50vw" src="/assets/4th-8qKi-LhK.webp" class="card-img-top" alt="4th & Goal" loading="lazy">
|
|
<div class="card-body">
|
|
<h5 class="card-title">4th & Goal</h5>
|
|
<p class="card-text">4th & Goal is a hardcore band based out of Syracuse, NY, known for their intense performances and powerful music that resonates with fans across the state.</p>
|
|
<a href="https://4th.hobokenchicken.com" target="_blank" class="btn btn-primary">Learn More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 mb-2">
|
|
<div class="card">
|
|
<img srcset="/assets/pha-400-CXnsDuHV.webp 400w, /assets/pha-800-BePfxstH.webp 800w, /assets/pha-fSk2kxT2.webp 1200w" sizes="(max-width: 768px) 100vw, 50vw" src="/assets/pha-fSk2kxT2.webp" class="card-img-top" alt="Powerful Healing Arts" loading="lazy">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Powerful Healing Arts</h5>
|
|
<p class="card-text">Powerful Healing Arts is a sanctuary for women seeking to move beyond physical healing into deeper, energetic and spiritual transformation. Discover how shamanic wisdom and energy work can unlock new pathways to healing and personal growth.</p>
|
|
<a href="https://powerfulhealingarts.com" target="_blank" class="btn btn-primary">Learn More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 mb-2">
|
|
<div class="card">
|
|
<img srcset="/assets/dissertationpath-400-536vXNkR.webp 400w, /assets/dissertationpath-800-YoXTMufk.webp 800w, /assets/dissertationpath-vl3e54ot.webp 1200w" sizes="(max-width: 768px) 100vw, 50vw" src="/assets/dissertationpath-vl3e54ot.webp" class="card-img-top" alt="DissertationPath" loading="lazy">
|
|
<div class="card-body">
|
|
<h5 class="card-title">DissertationPath</h5>
|
|
<p class="card-text">DissertationPath is a comprehensive platform designed to help doctoral candidates navigate the dissertation process with expert guidance, resources, and mentorship to ensure academic success.</p>
|
|
<a href="https://dissertationpath.com" target="_blank" class="btn btn-primary">Learn More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container mt-4">
|
|
<h2>Testimonials</h2>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="card testimonial-card">
|
|
<div class="card-body">
|
|
<p class="card-text testimonial-excerpt">"It was a pleasure working with Dustin on my counseling practice website. Throughout the process, he was thoughtful, responsive, and truly understood my vision..."</p>
|
|
<p class="card-text testimonial-full">"It was a pleasure working with Dustin on my counseling practice website. Throughout the process, he was thoughtful, responsive, and truly understood my vision. In addition to bringing my ideas to life with a clean, professional design, he made the entire process enjoyable and easy. His attention to detail, creativity, and technical skills are excellent. As a result of Dustin's work, I now have a website that truly represents my practice. There is no better person to recommend than him!"</p>
|
|
<p class="card-text testimonial-author">- Margaret Pemu, Pemu Counseling and Wellness</p>
|
|
<button class="testimonial-toggle" aria-label="Read full testimonial">Read More</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="card testimonial-card">
|
|
<div class="card-body">
|
|
<p class="card-text testimonial-excerpt">"Working with Dustin at d@n tech was an absolute pleasure from start to finish. He is funny, engaging, and listens well. He offered grace for my lack of technical skill..."</p>
|
|
<p class="card-text testimonial-full">"Working with Dustin at d@n tech was an absolute pleasure from start to finish. He is funny, engaging, and listens well. He offered grace for my lack of technical skill and worked from simple examples provided, which translated into a functional and funky-professional website that represents my brand.
|
|
|
|
His patience and technical skills are truly impressive. Furthermore, he was responsive throughout the entire process, always open to feedback, and quick to implement changes. What I appreciated most was how he spent time working toward what I wanted and was supportive in my goals."</p>
|
|
<p class="card-text testimonial-author"> -Laura, Woman-Owned Small Business</p>
|
|
<button class="testimonial-toggle" aria-label="Read full testimonial">Read More</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="container mt-4">
|
|
<h2>Contact Us</h2>
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<p class="card-text">For inquiries, please email us at <a href="mailto:info@dustin.coffee">info@dustin.coffee</a></p>
|
|
<p class="card-text">View your invoices at <a href="https://invoice.dustin.coffee/client" target="_blank">invoice.dustin.coffee</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<footer class="bg-dark text-white text-center py-1 mt-5" >
|
|
<p>© <span id="currentYear"></span> d@n tech. All rights reserved.</p>
|
|
<p><a href="tos.html" class="text-white">Terms of Service</a> | <a href="privacy.html" class="text-white">Privacy Policy</a></p>
|
|
</footer>
|
|
<script>
|
|
// Display the current year in the footer
|
|
document.getElementById('currentYear').textContent = new Date().getFullYear();
|
|
</script>
|
|
</div>
|
|
</body>
|
|
</html>
|