index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>My test page</title>
  <link rel="stylesheet" href="styles/main.css">
  <link href="https://fonts.googleapis.com/css?family=Noto+Sans&display=swap" rel="stylesheet">
</head>
<body>
 <div id="container">
  <h1> is very cool very nice!</h1>
  <div id="imageContainer"><img src="images/maxresdefault.jpg" id="mainPicture" alt="Firefox Logo"></div>
  <script src="scripts/main.js"></script>
  <p class="editors-note"><strong>White hat hackers</strong> that is! Not the dreaded <i>black hat cracker</i>. White hat hackers help keep industries safe by hacking services (with explicitly written permission) in order to find security bugs; so the bad people cant use them to make them pay. White hat hackers do the following;</p>
  <ul>
    <li><strong>Find Security Flaws and Exploit them</strong></li>
    <li>Write About the Security Flaws Found and Hypothesizes on How Dangerous the Found Flaws Could Have Been.</li>
    <li>Use This Information to Inform the Public About Said Exploits.</li>
</ul>
<p class="editors-note">ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
   tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
   quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
   consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
   cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Here you can find the place where hackers organise talks for people who are interested in such subjects, where they talk about past experiences & projects in white hat cracking <a href="https://www.leedsbeckettsu.co.uk/groups/ethical-hacking--2">Leeds Beckett Hacking Society</a>! go and have a look.</p>
<button onclick="setUserName();" style="display: block; margin: 0px auto;">Change Username!</button>
</div>
</body>
</html>