YOU SAID:
<!DOCTYPE html> <html lang="en-us"> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Sword's Learning Website</title> <link rel="stylesheet" href="style.css"> <style> body { margin: 0; font-family: Arial, Helvetica, sans-serif; } .topnav { overflow: hidden; background-color: chocolate; } .topnav a { float: left; color: white; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 17px; } .topnav a:hover { background-color: sandybrown; color: #151e3d; } .topnav a.active { background-color: cadetblue; color: white; } body { background-color: #dfc880; } .firstheader { font-family: verdana; font-size: 30px; text-align: center; color: #d7722a; } .firstparagraph { font-family: sans-serif; text-align: center; } .secondparagraph { font-family: sans-serif; text-align: center; } .thirdparagraph { font-family: sans-serif; font-weight: bold; } .firstsetbutton { margin: 40px 15px 40px 15px; width: 100px; height: 100px; border-radius: 0 20px 0 20px; background-color: #EC943C; border: solid 5px chocolate; font-weight: bold; } .firstsetbutton:hover { border: 5px solid cadetblue; background-color: lightslategrey; color: #151e3d; } .special { font-family: sans-serif; font-weight: bold; } </style> </head> <div> <body> <div class="topnav"> <a class="active" href="#home">Home</a> <a href="#lessons">Lessons</a> <a href="#updates">Updates</a> <a href="#about">About</a> </div> <h1 class=firstheader>Let's Start Learning!</h1> <p class=firstparagraph>Free online lessons</p> <p class=secondparagraph>Study different topics such as <strong>Alphabets</strong>,<strong> Planets</strong>,<strong> Numbers</strong> and more!</p> <button class=firstsetbutton>Click here to see the list of lessons!</button> <button class=firstsetbutton>Click here to see upcoming updates!</button> <button class=firstsetbutton type="button" onclick="document.getElementById('demo').innerHTML = Date()"> Click here to display the date and time.</button> <p class=thirdparagraph id="demo"></p> <br> <span class=special>Coding 2023™</span> </div> </body> </html>
INTO JAPANESE
<!DOCTYPE html><html lang="en-us"><head><meta name="viewport" content="width=device-width, initial-scale=1"><title>ソードの学習サイト</title><link rel="stylesheet" href="style.css"><style> body { margin: 0; font-family: Arial, Helvetica, sans-serif; } .topnav { overflow: hidden; background-color: chocolate; } .topnav a { fl
BACK INTO ENGLISH
<!DOCTYPE html><html lang="en-us"><head><meta name="viewport" content="width=device-width, initial-scale=1"><title>Sword learning site</title><link rel="stylesheet" href="style.css"><style> body { margin: 0; font-family: Arial, Helvetica, sans-serif; } .topnav { overflow: hidden; background-color: chocolate; } .topnav a { fl
INTO JAPANESE
<!DOCTYPE html><html lang="en-us"><head><meta name="viewport" content="width=device-width, initial-scale=1"><title>剣の学習サイト</title><link rel="stylesheet" href="style.css"><style> body { margin: 0; font-family: Arial, Helvetica, sans-serif; } .topnav { overflow: hidden; background-color: chocolate; } .topnav a { fl
BACK INTO ENGLISH
<!DOCTYPE html><html lang="en-us"><head><meta name="viewport" content="width=device-width, initial-scale=1"><title>Sword learning site</title><link rel="stylesheet" href="style.css"><style> body { margin: 0; font-family: Arial, Helvetica, sans-serif; } .topnav { overflow: hidden; background-color: chocolate; } .topnav a { fl
That's deep, man.
