NEWS
<!DOCTYPE html>
<html>
<head>
<title>Competitive Programming</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<header>
<h1>Competitive Programming</h1>
</header>
<main>
<section class="row-alt">
<div class="container">
<h2>Upcoming Competitions</h2>
<ul>
<li>
<h3>CodeFest 2023</h3>
<p>Date: May 1, 2023</p>
</li>
<li>
<h3>Programming Olympics 2023</h3>
<p>Date: June 15, 2023</p>
</li>
<li>
<h3>Hackathon 2023</h3>
<p>Date: August 1, 2023</p>
</li>
</ul>
</div>
HTML CODE
body {
background-image: url('https://source.unsplash.com/random/1920x1080/?nature,technology');
background-size: cover;
font-family: Arial, sans-serif;
color: #333;
margin: 0;
padding: 0;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 2rem;
}
.heading {
font-size: 2.5rem;
font-weight: bold;
text-align: center;
padding: 2rem 0;
background-color: rgba(255, 255, 255, 0.8);
margin: 0;
}
.results {
list-style: none;
padding: 0;
display: flex;
justify-content: center;
margin-top: 2rem;
}
.specific {
margin-right: 1rem;
background-color: #007bff;
color: #fff;
padding: 0.5rem 1rem;
border-radius: 0.25rem;
}
.results li {
margin-right: 1rem;
background-color: #007bff;
color: #fff;
padding: 0.5rem 1rem;
border-radius: 0.25rem;
}
CSS CODE
function showTime() {
document.getElementById('currentTime').innerHTML = new Date().toUTCString();
}
showTime();
setInterval(function () {
showTime();
}, 1000);
JAVASCRIPT CODE
Comments
Post a Comment