<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AI for Marathi Teachers</title> <style> body { font-family: Arial, sans-serif; background-color: #000000; color: #ffffff; margin: 0; padding: 0; } .container { width: 90%; max-width: 1200px; margin: auto; overflow: hidden; } .header { background: #50b3a2; color: #ffffff; padding: 15px; text-align: center; text-transform: uppercase; border-bottom: #3e8e7e 3px solid; } .header h1 { margin: 0; font-size: 24px; animation: slideDown 1s ease-in-out; } @keyframes slideDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } .main { padding: 15px; background: #222222; color: #ffffff; animation: fadeIn 1.5s ease-in-out; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .course-syllabus h2 { color: #ff6f61; text-transform: uppercase; } .course-syllabus ul { list-style-type: none; padding: 0; } .course-syllabus ul li { background: #444444; margin: 10px 0; padding: 10px; border-left: #50b3a2 5px solid; animation: slideRight 1s ease-in-out; font-weight: bold; color: #ffcc00; } @keyframes slideRight { from { opacity: 0; transform: translateX(-20px); } to { opacity: 1; transform: translateX(0); } } .button { display: block; width: 200px; height: 40px; margin: 20px auto; background: #ff6f61; color: #ffffff; text-align: center; line-height: 40px; text-decoration: none; font-size: 16px; text-transform: uppercase; border-radius: 5px; transition: background 0.3s ease-in-out; } .button:hover { background: #ffcc00; color: #000000; } .image-container, .video-container { text-align: center; margin: 20px 0; } .video-container video { width: 100%; max-width: 600px; height: auto; } .testimonial { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin: 20px 0; } .testimonial img { border-radius: 50%; width: 100px; height: 100px; } @media (max-width: 768px) { .header h1 { font-size: 20px; } .button { width: 100%; } } .countdown { text-align: center; margin: 20px 0; } .time-box { display: inline-block; margin: 0 10px; } .time-box .number { font-size: 2em; display: block; } .time-box .label { font-size: 1em; } </style> </head> <body> <div class="container"> <header class="header"> <h1>AI for Marathi Teachers</h1> </header> <main class="main"> <section class="course-syllabus"> <h2>AI चा कोर्स बद्दल जाणून घ्या...</h2> <div class="image-container"> <img src="https://ictmaster.in/wp-content/uploads/2024/06/IMG-20240607-WA0040.jpg" alt="Course Image" width="100%"> </div> <div class="video-container"> <video controls> <source src="https://ictmaster.in/wp-content/uploads/2024/06/ai-course.mp4" type="video/mp4"> Your browser does not support the video tag. </video> </div> </section> <a href="https://pages.razorpay.com/pl_OIxLgUr1wRH7vi/view" class="button">Register Now</a> <ul> </header> <main class="main"> <section class="course-syllabus">                <h2>आपण काय शिकणार </h2> <title>आपण काय शिकणार ?</title> <li>AI in Educationचे महत्व</li> <li>Multimedia Content Creation</li> <li>AI पासून विडियो तयार करणे</li> <li>AI पासून इमेजेस तयार करणे</li> <li>AI पासून ऑडिओ तयार करणे</li> <li>Interactive Videos तयार करणे</li> <li>Mobile and Computersचे विविध प्लॅटफॉर्म</li> <li>Google चे AI</li> <li>मायक्रोसॉफ्ट चे AI</li> <li>Textआधारित विविध कंटेट तयार करणे</li> <li>Google Docs वर AI चा वापर</li> <li>Microsoft Word AI Tools</li> <li>AI for Language Translation and Grammar Checking</li> <li>Speech-to-Text and Text-to-Speech Tools</li> <li>AI for Personal Productivity</li> <li>Google Keep for Notes and Reminders</li> <li>AI for Communication</li> <li>Educational games तयार करणे</li> <li>AI Tools for Translation</li> <li>Advanced AI Tools in Education</li> <li>AI for Document Management</li> <li>AI in Personalized Learning (DreamBox, Knewton)</li> <li>Gamification in Teaching</li> <li>AI Tools for Gamifying Lessons (Classcraft, Quizlet)</li> <li>Future Trends and Developments</li> </ul> <section class="special-offer"> </header> <main class="main"> <section class="course-syllabus">                <h2>दिनांक 10 जून 2024 पर्यंत प्रवेश घेतल्यास Camtasia Video Editing कोर्स गिफ्ट मिळवा..</h2> <h2>Offer Rs 499/- only</h2> <div class="image-container"> <img src="https://ictmaster.in/wp-content/uploads/2021/11/2.png" alt="Course Image" width="100%"> </div> </section> <section class="countdown"> <h2>Countdown to June 9, 2024</h2> <div id="countdown"> <div class="time-box"> <span id="days" class="number"></span> <span class="label">Days</span> </div> <div class="time-box"> <span id="hours" class="number"></span> <span class="label">Hours</span> </div> <div class="time-box"> <span id="minutes" class="number"></span> <span class="label">Minutes</span> </div> <div class="time-box"> <span id="seconds" class="number"></span> <span class="label">Seconds</span> </div> </div> </section> <div class="testimonial"> <img src="https://ictmaster.in/wp-content/uploads/2024/06/WhatsApp-Image-2024-05-09-at-10.19.53-PM.jpeg"> <img src="https://ictmaster.in/wp-content/uploads/2024/06/WhatsApp-Image-2024-05-09-at-11.27.30-PM.jpeg"> <img src="https://ictmaster.in/wp-content/uploads/2024/06/WhatsApp-Image-2024-05-17-at-11.22.41-AM.jpeg"> <img src="https://ictmaster.in/wp-content/uploads/2024/06/WhatsApp-Image-2024-05-09-at-11.27.30-PM.jpeg"> </div> <footer class="header">                <h1>Ravindra Gurao (8668536263 / 9421366521)</h1> </footer> <div class="image-container"> <img src="https://ictmaster.in/wp-content/uploads/2021/12/IMG_0276-removebg-preview.png" alt="Ravindra Gurao Image" width="100%"> </div> </main>