text and photo added

design.css

@@ -5,9 +5,22 @@ body{
 
 article{
     background-color: white;
-    height: 200px;    
+    border-radius: 15px;
+    padding: 1%;    
+    width: 80%;
+}
+
+p{
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  padding-left: 1%;
+  padding-right: 1%; 
 }
 
+li{
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+}
+
+
 table{
   background-color: white;
   padding: 10px;
@@ -35,6 +48,15 @@ th{
 
 }
 
+
+.photo {
+  border: 4px solid rgb(72, 70, 201);
+  float: right;
+  vertical-align: top;
+  width: 17%;
+  height: 20%;
+}
+
 .rowdiffer {
   background-color: rgb(195, 195, 236);
 }
@@ -44,7 +66,7 @@ th{
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
   background-color: white;
   border-radius: 15px;
-  padding: 20px;
+  padding: 1%;
   margin-left: auto;
   margin-right: auto;
   padding: 10px;
@@ -54,6 +76,13 @@ th{
   width: 98.5%;
 }
 
+.titletext {
+  color: rgb(72, 70, 201);
+  margin-bottom: 10px;
+  text-align: start;
+  padding: 1%;
+}
+
 .checked {
   color: rgb(255, 196, 0);
 }

theAuthor.html

@@ -16,8 +16,35 @@
             <a href="order.html">ORDER</a>
             <a href="aboutUs.html">ABOUT US</a>
         </nav>
-        
         <p class="voorbeeldparagraaf">Here we will talk about the author of the book: Dan Brown.</p>
+        
+        <img class="photo" alt="Dan Brown" src="https://upload.wikimedia.org/wikipedia/commons/3/30/Dan_Brown_November_2015.jpg" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/30/Dan_Brown_November_2015.jpg/330px-Dan_Brown_November_2015.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/30/Dan_Brown_November_2015.jpg/440px-Dan_Brown_November_2015.jpg 2x" data-file-width="600" data-file-height="800">
+       
+        <article>
+                <h1 class="titletext">Dan Brown</h1>
+        <p>Daniel Gerhard Brown (born June 22, 1964) is an American author most well known for his thriller novels, including the Robert Langdon stories, Angels & Demons (2000),
+            The Da Vinci Code (2003), The Lost Symbol (2009), Inferno (2013) and <a href="https://en.wikipedia.org/wiki/Origin_(Brown_novel)"><em>Origin</em></a> (2017).
+            His novels are treasure hunts set in a 24-hour period,[2] and feature the recurring themes of cryptography, keys, symbols, codes, art, and conspiracy theories.
+            His books have been translated into 57 languages, and as of 2012, sold over 200 million copies. Three of them, Angels & Demons (2000), The Da Vinci Code (2003) and Inferno (2013) have been adapted into films.
+            Brown's novels that feature the lead character, Langdon, also include historical themes and Christianity as motifs, and have generated controversy.
+        </p>
+        
+        <p>Brown states on his website that his books are not anti-Christian, though he is on a 'constant spiritual journey' himself, and says that his book The Da Vinci Code is simply
+            "an entertaining story that promotes spiritual discussion and debate" and suggests that the book may be used "as a positive catalyst for introspection and exploration of our faith".
+        </p>
+    
+        <h1 class="titletext">Bibliography</h1>
+        <ul><li>Angels & Demons (2000)</li>
+            <li>The Da Vinci Code (2003)</li>
+            <li>The Lost Symbol (2009)</li>
+            <li>Inferno (2013)</li>
+            <li>Origin (2017)</li>
+        </ul>
+        
+        </article>
+
+        <p><strong>Source: <a href="https://en.wikipedia.org/wiki/Dan_Brown">Wikipedia - Dan Brown</a></strong></p>
+
     </body>
 
 </html>
\ No newline at end of file