refactor layout and improve link accessibility in index.html

This commit is contained in:
2025-02-24 11:04:15 -05:00
parent 25811cb790
commit de0d0e996a

View File

@@ -20,11 +20,12 @@
</style> </style>
</head> </head>
<body> <body>
<header class="text-center py-3"> <header class="text-center py-2">
<h1 style="color: var(--bs-secondary);">D@N Tech</h1> <h1 style="color: var(--bs-secondary);">D@N Tech</h1>
<p>Your partner in web development</p> <p>Your partner in web development</p>
<p><a href="https://dustin.coffee" target="_blank">Visit my main site</a></p> <p><a href="https://dustin.coffee" target="_blank" class="text-white">Visit my main site</a></p>
</header> </header>
<div class="d-flex flex-column min-vh-100" style="position: relative;">
<div class="container mt-4"> <div class="container mt-4">
<h2>About Us</h2> <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> <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>
@@ -49,7 +50,7 @@
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Pemu Counseling and Wellness</h5> <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> <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://pemucouselingandwellness.com" class="btn btn-primary">Learn More</a> <a href="https://pemucouselingandwellness.com" target="_blank" class="btn btn-primary">Learn More</a>
</div> </div>
</div> </div>
</div> </div>
@@ -59,7 +60,7 @@
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Kayla Newkirk</h5> <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> <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://kayla.hobokenchicken.com" class="btn btn-primary">Learn More</a> <a href="https://kayla.hobokenchicken.com" target="_blank" class="btn btn-primary">Learn More</a>
</div> </div>
</div> </div>
</div> </div>
@@ -69,7 +70,7 @@
<div class="card-body"> <div class="card-body">
<h5 class="card-title">4th & Goal</h5> <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> <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" class="btn btn-primary">Learn More</a> <a href="https://4th.hobokenchicken.com" target="_blank" class="btn btn-primary">Learn More</a>
</div> </div>
</div> </div>
</div> </div>
@@ -100,9 +101,9 @@
<h2>Contact Us</h2> <h2>Contact Us</h2>
<p>For inquiries, please email us at <a href="mailto:info@dustin.coffee">info@dustin.coffee</a></p> <p>For inquiries, please email us at <a href="mailto:info@dustin.coffee">info@dustin.coffee</a></p>
<p>View your invoices at <a href="https://invoice.dustin.coffee" target="_blank">invoice.dustin.coffee</a></p> <p>View your invoices at <a href="https://invoice.dustin.coffee/client" target="_blank">invoice.dustin.coffee</a></p>
</div> </div>
<footer class="bg-dark text-white text-center py-3 mt-4"> <footer class="bg-dark text-white text-center py-1 mt-5" style="position: static;">
<p>&copy; <span id="currentYear"></span> D@N Tech. All rights reserved.</p> <p>&copy; <span id="currentYear"></span> D@N Tech. All rights reserved.</p>
<p><a href="tos.php" class="text-white">Terms of Service</a> | <a href="privacy.html" class="text-white">Privacy Policy</a></p> <p><a href="tos.php" class="text-white">Terms of Service</a> | <a href="privacy.html" class="text-white">Privacy Policy</a></p>
</footer> </footer>
@@ -110,5 +111,6 @@
// Display the current year in the footer // Display the current year in the footer
document.getElementById('currentYear').textContent = new Date().getFullYear(); document.getElementById('currentYear').textContent = new Date().getFullYear();
</script> </script>
</div>
</body> </body>
</html> </html>