<!DOCTYPE html>
<html>
<head>
<title>New Year Timer</title>
<style>
body {
background-color: black;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
font-family: Arial, sans-serif;
}
.timer {
color: white;
font-size: 48px;
text-align: center;
}
.fireworks {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 1;
}
.firework {
position: absolute;
width: 10px;
height: 10px;
background-color: #ffcc00;
border-radius: 50%;
animation: fireworks 2s infinite;
}
@keyframes fireworks {
0% {
transform: translateY(0) rotate(0);
opacity: 1;
}
100% {
transform: translateY(-1000px) rotate(720deg);
opacity: 0;
}
}
</style>
</head>
<body>
<div class="timer">
<h1>Happy New Year!</h1>
<p id="countdown"></p>
</div>
<div class="fireworks">
<div class="firework" style="top: 50%; left: 50%;"></div>
<div class="firework" style="top: 30%; left: 40%;"></div>
<div class="firework" style="top: 70%; left: 60%;"></div>
<div class="firework" style="top: 80%; left: 20%;"></div>
<div class="firework" style="top: 20%; left: 80%;"></div>
</div>
<script>
// Countdown timer
var countdownElement = document.getElementById('countdown');
var countdownDate = new Date('January 1, 2024 00:00:00').getTime();
var countdown = setInterval(function() {
var now = new Date().getTime();
var distance = countdownDate - now;
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
countdownElement.innerHTML = days + 'd ' + hours + 'h ' + minutes + 'm ' + seconds + 's ';
if (distance < 0) {
clearInterval(countdown);
countdownElement.innerHTML = 'Happy New Year!';
}
}, 1000);
</script>
</body>
</html>
<html>
<head>
<title>New Year Timer</title>
<style>
body {
background-color: black;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
font-family: Arial, sans-serif;
}
.timer {
color: white;
font-size: 48px;
text-align: center;
}
.fireworks {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 1;
}
.firework {
position: absolute;
width: 10px;
height: 10px;
background-color: #ffcc00;
border-radius: 50%;
animation: fireworks 2s infinite;
}
@keyframes fireworks {
0% {
transform: translateY(0) rotate(0);
opacity: 1;
}
100% {
transform: translateY(-1000px) rotate(720deg);
opacity: 0;
}
}
</style>
</head>
<body>
<div class="timer">
<h1>Happy New Year!</h1>
<p id="countdown"></p>
</div>
<div class="fireworks">
<div class="firework" style="top: 50%; left: 50%;"></div>
<div class="firework" style="top: 30%; left: 40%;"></div>
<div class="firework" style="top: 70%; left: 60%;"></div>
<div class="firework" style="top: 80%; left: 20%;"></div>
<div class="firework" style="top: 20%; left: 80%;"></div>
</div>
<script>
// Countdown timer
var countdownElement = document.getElementById('countdown');
var countdownDate = new Date('January 1, 2024 00:00:00').getTime();
var countdown = setInterval(function() {
var now = new Date().getTime();
var distance = countdownDate - now;
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
countdownElement.innerHTML = days + 'd ' + hours + 'h ' + minutes + 'm ' + seconds + 's ';
if (distance < 0) {
clearInterval(countdown);
countdownElement.innerHTML = 'Happy New Year!';
}
}, 1000);
</script>
</body>
</html>
❤1
Forwarded from HTML-CSS-JS-QUIZ (Anuj Tripathi)
Full form of HTTP
Anonymous Quiz
82%
Hyper Text Transfer Protocol
7%
Hyper Text Transfer Protection
9%
Hyper Text Transfer Processor
2%
Hyper Text Transfer Phishing
❤1😁1
Html codes
https://t.me/html_codee?boost
Please share this link to telegram premium users
This media is not supported in your browser
VIEW IN TELEGRAM
Happy New Year 2024! May this coming year bring you joy, success, and countless blessings. Here's to new beginnings and exciting opportunities. Wishing you a wonderful year ahead filled with happiness and prosperity!
@Html_codee
@Html_codee
"Hello! How can I help you today? If you have any questions or need assistance, feel free to ask."
👍3
"Hello! How can I help you today? If you have any questions or need assistance, feel free to ask."
"Creating a website involves several steps, including planning, designing, coding, and testing. Here's a step-by-step guide to help you create your own website:\n\n1. Define your goal: Before you start building your website, it's important to know what you want to achieve with it. Determine the purpose of your website, whether it's to showcase your portfolio, sell products, or provide information.\n\n2. Choose a domain name: A domain name is the address of your website on the internet. Choose a unique and memorable domain name that reflects your website's purpose.\n\n3. Select a hosting provider: A hosting provider is a company that stores your website's files on their servers and makes them accessible to users on the internet. Research and choose a reliable hosting provider that meets your needs and budget.\n\n4. Design your website: Plan the layout and design of your website. You can either create your own design using HTML, CSS, and JavaScript, or use a website builder like WordPress, Wix, or Squarespace that provides templates and drag-and-drop functionality.\n\n5. Develop your website: Write the code for your website using HTML, CSS, and JavaScript, or use a website builder to customize a template. Make sure your website is responsive, meaning it works well on both desktop and mobile devices.\n\n6. Add content: Write the text, add images, videos, and other media to your website. Make sure your content is relevant, engaging, and informative for your target audience.\n\n7. Optimize for search engines: Use SEO (Search Engine Optimization) techniques to improve your website's visibility on search engines like Google. This includes using relevant keywords, creating high-quality content, and building backlinks.\n\n8. Test your website: Test your website on different devices and browsers to ensure it works correctly and is user-friendly. Fix any issues that arise during testing.\n\n9. Launch your website: Once your website is complete and tested, launch it by making it live on the internet. Submit your website to search engines and promote it on social media and other channels to attract visitors.\n\n10. Maintain and update your website: Regularly update your website with new content, fix any issues that arise, and make improvements to keep it relevant and engaging for your audience.\n\nCreating a website can be a complex process, but with the right tools and resources, you can build a professional-looking website that meets your goals."
👍2
"Hello! How can I help you today? If you have any questions or need assistance, feel free to ask."