<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="styles.css"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> <title>Anastasija's Converter</title> </head> <body> <h1>😍😻😻😻😍 Hey Baby 😍😻😻😻😍</h1> <h2>Wanna convert some sssssexy numbersss?</h2> <h2>Mmmmmmmmmm...........</h2> <h2>Ok..</h2> <div class="feet"> <p>Feet</p> <input type="text" id="footinput"> <p class="footstuff">Meters: <span class="feetstuff" id="footmeters"></span></p> <p class="footstuff">Centimeters: <span class="feetstuff" id="footcentimeters"></span></p> </div> <div class="inches"> <p>Inches</p> <input type="text" id="inchinput"> <p class="inchstuff">Meters: <span class="inchstuff" id="inchmeters"></span></p> <p class="inchstuff">Centimeters: <span class="inchstuff" id="inchcentimeters"></span></p> </div> <script src="script.js"></script> </body> </html>