index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Political Compass</title>
    <link rel ="stylesheet" href="style.css"/>

</head>
<body>
  <div class= "container">
    <h1 class="title">Political Compass Project</h1>
        <h2 class="subHeader">What is this test?</h2>
  <!--Intro--> <p class = "paragraphs"> Inspired by the viral <a href="https://politicalcompass.org/test">Political Compass Test</a>, this
                  quiz aims to give you a graphical representation of your political ideology.<br>
                  This test was designed to be based on a fairly global overton window, but will inevitably have a western bias, particualry along the cultural axis.

                 </P>
        <h2 class="subHeader">How does it work?</h2>
                <p class = "paragraphs">
                 You will be presented with a series of questions on a vareity of political topics. Questions will target
                 your economic, cultural, and authoritarian/libertarian views. You can request to see your results at any time, but the more questions you take the more accurate the results will be. </p>
<!--Play-->
    <div>
        <a href="quiz.html"><button onclick="startButton()" class="playButton">Start</button></a>
    </div>
  </div>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Political Compass</title>
	<link rel ="stylesheet" href="style.css"/>

	</head>
	<body>
	<div class= "container">
	<h1 class="title">Political Compass Project</h1>
	<h2 class="subHeader">What is this test?</h2>
	<!--Intro--> <p class = "paragraphs"> Inspired by the viral <a href="https://politicalcompass.org/test">Political Compass Test</a>, this
	quiz aims to give you a graphical representation of your political ideology.<br>
	This test was designed to be based on a fairly global overton window, but will inevitably have a western bias, particualry along the cultural axis.

	</P>
	<h2 class="subHeader">How does it work?</h2>
	<p class = "paragraphs">
	You will be presented with a series of questions on a vareity of political topics. Questions will target
	your economic, cultural, and authoritarian/libertarian views. You can request to see your results at any time, but the more questions you take the more accurate the results will be. </p>
	<!--Play-->
	<div>
	<a href="quiz.html"><button onclick="startButton()" class="playButton">Start</button></a>
	</div>
	</div>
	</body>
	</html>