Skip to content

Commit

Permalink
Added files via Upload.
Browse files Browse the repository at this point in the history 
The beginning of the development of the website www.codedatadev.online, Its main objective is to showcase all my development work that I have made or worked on. 

Added index.html
Added home.html
Added contact.html
Added about.html
Added projects.html
Added styles.css
Added script.js
  • Loading branch information
@DustinMarshall1998
DustinMarshall1998 authored Dec 2, 2024
1 parent f2cff85 commit f0278dd
Show file tree
Hide file tree
Showing 7 changed files with 303 additions and 0 deletions.
34 changes: 34 additions & 0 deletions about.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Coming Soon</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="coming-soon-container">
<h1 class="title">Coming Soon</h1>
<p class="description">We’re working hard to bring you something amazing! Stay tuned for updates.</p>
<div class="countdown">
<div class="time-box">
<span id="days">00</span>
<p>Days</p>
</div>
<div class="time-box">
<span id="hours">00</span>
<p>Hours</p>
</div>
<div class="time-box">
<span id="minutes">00</span>
<p>Minutes</p>
</div>
<div class="time-box">
<span id="seconds">00</span>
<p>Seconds</p>
</div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>
34 changes: 34 additions & 0 deletions contact.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Coming Soon</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="coming-soon-container">
<h1 class="title">Coming Soon</h1>
<p class="description">We’re working hard to bring you something amazing! Stay tuned for updates.</p>
<div class="countdown">
<div class="time-box">
<span id="days">00</span>
<p>Days</p>
</div>
<div class="time-box">
<span id="hours">00</span>
<p>Hours</p>
</div>
<div class="time-box">
<span id="minutes">00</span>
<p>Minutes</p>
</div>
<div class="time-box">
<span id="seconds">00</span>
<p>Seconds</p>
</div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>
34 changes: 34 additions & 0 deletions home.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Coming Soon</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="coming-soon-container">
<h1 class="title">Coming Soon</h1>
<p class="description">We’re working hard to bring you something amazing! Stay tuned for updates.</p>
<div class="countdown">
<div class="time-box">
<span id="days">00</span>
<p>Days</p>
</div>
<div class="time-box">
<span id="hours">00</span>
<p>Hours</p>
</div>
<div class="time-box">
<span id="minutes">00</span>
<p>Minutes</p>
</div>
<div class="time-box">
<span id="seconds">00</span>
<p>Seconds</p>
</div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>
54 changes: 54 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Coming Soon</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="coming-soon-container">
<h1 class="title">Coming Soon</h1>
<p class="description">We’re working hard to bring you something amazing! Stay tuned for updates.</p>
<div class="countdown">
<div class="time-box">
<span id="days">00</span>
<p>Days</p>
</div>
<div class="time-box">
<span id="hours">00</span>
<p>Hours</p>
</div>
<div class="time-box">
<span id="minutes">00</span>
<p>Minutes</p>
</div>
<div class="time-box">
<span id="seconds">00</span>
<p>Seconds</p>
</div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>

<script>
// Tab Navigation Script
const tabLinks = document.querySelectorAll('.tab-link');
const tabContents = document.querySelectorAll('.tab-content');

tabLinks.forEach(link => {
link.addEventListener('click', () => {
// Remove active classes
tabLinks.forEach(btn => btn.classList.remove('active'));
tabContents.forEach(content => content.classList.remove('active'));

// Add active class to the current tab and content
link.classList.add('active');
document.getElementById(link.dataset.tab).classList.add('active');
});
});
</script>
</body>
</html>
34 changes: 34 additions & 0 deletions projects.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Coming Soon</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="coming-soon-container">
<h1 class="title">Coming Soon</h1>
<p class="description">We’re working hard to bring you something amazing! Stay tuned for updates.</p>
<div class="countdown">
<div class="time-box">
<span id="days">00</span>
<p>Days</p>
</div>
<div class="time-box">
<span id="hours">00</span>
<p>Hours</p>
</div>
<div class="time-box">
<span id="minutes">00</span>
<p>Minutes</p>
</div>
<div class="time-box">
<span id="seconds">00</span>
<p>Seconds</p>
</div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>
24 changes: 24 additions & 0 deletions script.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
const targetDate = new Date("2024-12-25T00:00:00").getTime(); // Change this date as needed

function updateCountdown() {
const now = new Date().getTime();
const distance = targetDate - now;

const days = Math.floor(distance / (1000 * 60 * 60 * 24));
const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((distance % (1000 * 60)) / 1000);

document.getElementById("days").textContent = days;
document.getElementById("hours").textContent = hours;
document.getElementById("minutes").textContent = minutes;
document.getElementById("seconds").textContent = seconds;

if (distance < 0) {
clearInterval(countdownInterval);
document.querySelector(".coming-soon-container").innerHTML = "<h1>We’re Live!</h1>";
}
}

const countdownInterval = setInterval(updateCountdown, 1000);
updateCountdown(); // Initial call
89 changes: 89 additions & 0 deletions styles.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,89 @@
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
background: linear-gradient(135deg, #4facfe, #00f2fe);
color: #fff;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
text-align: center;
}

.coming-soon-container {
max-width: 500px;
}

.title {
font-size: 3em;
margin-bottom: 0.5em;
}

.description {
font-size: 1.2em;
margin-bottom: 2em;
}

.countdown {
display: flex;
justify-content: center;
gap: 1em;
}

.time-box {
background: rgba(255, 255, 255, 0.2);
padding: 1em;
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.time-box span {
display: block;
font-size: 2em;
font-weight: bold;
}

.time-box p {
margin: 0;
font-size: 0.9em;
}
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
header {
background: #333;
color: #fff;
padding: 10px 20px;
text-align: center;
}
nav {
display: flex;
justify-content: center;
background: #444;
}
nav a {
color: #fff;
text-decoration: none;
padding: 10px 15px;
display: block;
}
nav a:hover {
background: #555;
}
.container {
padding: 20px;
}
.project-card {
border: 1px solid #ddd;
margin: 10px 0;
padding: 10px;
}
footer {
text-align: center;
padding: 10px 0;
background: #333;
color: #fff;
}

0 comments on commit f0278dd

Please sign in to comment.