index.html.bak

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Seal of Gideon Ofnir</title>
	<script src="quizproject.js"></script>
	<link rel="stylesheet" type="text/css" href="quizproject.css">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="icon" type="image/x-icon" href="quizimages/favicon.ico">
    
	<link href='https://fonts.googleapis.com/css?family=Aclonica' rel='stylesheet'>
	<link href='https://fonts.googleapis.com/css?family=Akronim' rel='stylesheet'>
    <!-- <link rel="manifest" href="manifest.json"> -->
  
</head>
<body onload="setTimeout(timer, 3000);">

<div id="endscreen">

  <div id="restart">The seal remains... but was it pointless...?  You may try as many times as you like but be aware there may be no change.</div>
</div>

<div id="startbox">
<div id="startbutton" onclick="loadQuestion()">Attempt to break Seal</div>
</div>

<div id="lightbox" onclick="closeLightBox()">
   <div id="message">This is the message</div>
</div>

<h1>Elden Ring: Gideon Ofnir's Seal</h1>

<div class="grid-container">
  <div class="header">
    <div id="question">The Question</div>
  </div>
  
  <div class="left">
    <div>
    
     <div class="options" id="a" onclick="markIt('a')">A.</div>
	 <div class="options" id="b" onclick="markIt('b')">B.</div>
     <div class="options" id="c" onclick="markIt('c')">C.</div>
	 <div class="options" id="d" onclick="markIt('d')">D.</div>
	</div>
  </div> 

  
  <div class="right"> <img id="image" src="" alt=""></div>
  
  <div class="footer1">
    <img id="gif1" src="quizimages/dance.gif" alt="dancing plague doctor gif">
    <button id="hintbutton">Hint</button><p id="hint">Press 'Hint' for a Hint!</p>
</div>
  </div>
  
  <div class="footer2">
    <p>Score:  <span id="score"></span></p>
  </div>
</div>

</body>
</html>










