<!doctype html> <html class="no-js" lang=""> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>Will you be my valentine ?</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="src/colors.css" /> <link rel="stylesheet" type="text/css" href="src/style.css" /> </head> <body> <style> .yes { background-color: #4CAF50; border: none; color: white; padding: 15px 15px; text-align: center; text-decoration: none; display: inline-block; font-size: 113px; margin: 4px 4px; cursor: pointer; } .no { background-color: #f44336; border: none; color: white; padding: 15px 15px; text-align: center; text-decoration: none; display: inline-block; font-size: 10px; margin: 4px 4px; cursor: pointer; } .answers { text-align: center; margin-top: 50px; } a { color: white; text-decoration: none; padding: 10px 20px; border-radius: 5px; } </style> <h1>Will you be my valentine ? </h1> <h2>Quick game, one of these two is the Yes option and the other is the No option</h2> <div class="answers"> <img src="src/chibi.gif" alt="heart" class="heart" width="200px" height="200px"> <br/> <div class="yes"> <a href="yes.html">Yes</a> </div> <div class="yes"> <a href="yes.html">Yes</a> </div> </div> </body> </html>