ArthKate · October 4, 2020 12:37
diff --git a/gistfile1.txt b/gistfile1.txt
 <!DOCTYPE html>
 <html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>My favourite book</title>
  </head>
  <body>
    <!--Here is the main header section that everyone will peer at once they open this webpage-->
    <header>
      <h1>Jane Eyre</h1>
      <!--A link to the website where you can start reading the book for free.-->
      <a href="https://www.sparknotes.com/lit/janeeyre/full-text/chapter-i/">
        <!--Image of book cover of Jane Eyre, yes there loads of them out there-->
        <img
          src="./Jane_Eyre.jpg"
          alt="A cover photo of Jane Eyre standing besides Mr. Rochester"
          width="350"
          height="200"
        />
      </a>
      <p>By Charlotte Bronte</p>
    </header>
    <main>
      <h2>Study Guide</h2>
      <!--This enitre section contains navigation links that appear often on a site-->

      <nav class="main-menu"> <!--select the chapter of you would like to read-->
        <select name="chapters" id="chapters">
          <option value="">--Please choose a chapter--</option>
          <option value="1">Chapter I</option>
          <option value="2">Chapter II</option>
          <option value="3">Chapter III</option>
          <option value="4">Chapter IV</option>
          <option value="more">more...</option>
        </select>
        <ul>
          <li><a href="#">Themes</a></li>
          <li><a href="#">Characters</a></li>
          <li><a href="#">Reviews</a></li>
        </ul>
      </nav>
      <aside class="second-menu">
        <h2>Full Text</h2>
        <ul>
          <li><a href="#">Summary</a></li>
          <li><a href="#">Quotes</a></li>
          <li><a href="#">Discussions</a></li>
          </ul>
        </ul>
      </aside>
      <p>
        If you've enjoyed reading this book, share you details, review and
        subscribe for more.
      </p>
      <article>
        <!--This part of the page, is to allow absorbed users /readers interaction-->
        <form action="">
          <label for="name">Full Name</label>
          <input type="text" name="name" required /><br /><br />
          <label for="name">Email</label>
          <input type="text" name="Email" required /><br /><br />
          <label for="story">Make suggestions or comments to improve this website below</label><br><br>
          <textarea name="suggestions" id="suggestions" cols="30" rows="5"></textarea
          ><br /><br />
          <input type="submit" name="submit" value="subscribe" />
        </form>
        <br />
      </article>
      <address>
        <!--This is my contact info -->
        My email address:
        <a href="mailto:[email protected]">[email protected]</a
        ><br />
        Contact no... : <a href="tel:+256753158691">(+256-3) 158-691</a><br />
        If any suggestions, contact me on above mail address.
      </address>
    </main>
    <br />
    <hr />
    <footer>
      <p>&copy; Copyright 2020 by no body. All rights reversed.</p>
    </footer>
  </body>
 </html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>My favourite book</title>
	</head>
	<body>
	<!--Here is the main header section that everyone will peer at once they open this webpage-->
	<header>
	<h1>Jane Eyre</h1>
	<!--A link to the website where you can start reading the book for free.-->
	<a href="https://www.sparknotes.com/lit/janeeyre/full-text/chapter-i/">
	<!--Image of book cover of Jane Eyre, yes there loads of them out there-->
	<img
	src="./Jane_Eyre.jpg"
	alt="A cover photo of Jane Eyre standing besides Mr. Rochester"
	width="350"
	height="200"
	/>
	</a>
	<p>By Charlotte Bronte</p>
	</header>
	<main>
	<h2>Study Guide</h2>
	<!--This enitre section contains navigation links that appear often on a site-->

	<nav class="main-menu"> <!--select the chapter of you would like to read-->
	<select name="chapters" id="chapters">
	<option value="">--Please choose a chapter--</option>
	<option value="1">Chapter I</option>
	<option value="2">Chapter II</option>
	<option value="3">Chapter III</option>
	<option value="4">Chapter IV</option>
	<option value="more">more...</option>
	</select>
	<ul>
	<li><a href="#">Themes</a></li>
	<li><a href="#">Characters</a></li>
	<li><a href="#">Reviews</a></li>
	</ul>
	</nav>
	<aside class="second-menu">
	<h2>Full Text</h2>
	<ul>
	<li><a href="#">Summary</a></li>
	<li><a href="#">Quotes</a></li>
	<li><a href="#">Discussions</a></li>
	</ul>
	</ul>
	</aside>
	<p>
	If you've enjoyed reading this book, share you details, review and
	subscribe for more.
	</p>
	<article>
	<!--This part of the page, is to allow absorbed users /readers interaction-->
	<form action="">
	<label for="name">Full Name</label>
	<input type="text" name="name" required /><br /><br />
	<label for="name">Email</label>
	<input type="text" name="Email" required /><br /><br />
	<label for="story">Make suggestions or comments to improve this website below</label><br><br>
	<textarea name="suggestions" id="suggestions" cols="30" rows="5"></textarea
	><br /><br />
	<input type="submit" name="submit" value="subscribe" />
	</form>
	<br />
	</article>
	<address>
	<!--This is my contact info -->
	My email address:
	<a href="mailto:[email protected]">[email protected]</a
	><br />
	Contact no... : <a href="tel:+256753158691">(+256-3) 158-691</a><br />
	If any suggestions, contact me on above mail address.
	</address>
	</main>
	<br />
	<hr />
	<footer>
	<p>© Copyright 2020 by no body. All rights reversed.</p>
	</footer>
	</body>
	</html>