From 688da96f524b92d1beb40f4e0a7f35b8a7d0ea69 Mon Sep 17 00:00:00 2001
From: Christian Ajibodu <70984807+Christian-03@users.noreply.github.com>
Date: Sat, 6 Aug 2022 20:58:17 +0100
Subject: [PATCH] Implement Functionality of Documentation Screen for
 Authenticated Users #102

---
 FrontEnd/Pages/AuthLibrary.html | 110 ++++++++++++++++++++++++++++++++
 1 file changed, 110 insertions(+)
 create mode 100644 FrontEnd/Pages/AuthLibrary.html
diff --git a/FrontEnd/Pages/AuthLibrary.html b/FrontEnd/Pages/AuthLibrary.html
new file mode 100644
index 0000000..fa7e295
--- /dev/null
+++ b/FrontEnd/Pages/AuthLibrary.html
@@ -0,0 +1,110 @@
+<!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>AuthLibrary</title>
+    <!-- CSS -->
+    <link href="CSS/AuthLibrary.css" rel="stylesheet" type="text/css">
+    <!-- Lato Font -->
+    <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet'>
+</head>
+<body>
+    <div class="header">
+        <h1>Browse Authentication Libraries</h1>
+        <div class="search">
+            <form action="">
+                <input name="Languages" type="search" placeholder="Search">
+                <img id="searchicon" src="akar.png">
+            </form>
+        </div>
+    </div>
+    <div class="container">
+    <main>
+    <a href="passport.html"><section>
+        <div class="design"></div>
+        <div class="passport">
+            <div class="details">
+                <div class="image"><img src="Group.png" alt="passport"><h1>Passport</h1></div>
+                <div><p>Simple, unobtrusive authentication for Node.js</p></div>
+            </div>
+            <div class="comment">
+                <div class="download"><p><img src="dashicons_admin-comments.png">56</p></div>
+                <div class="download"><p><img src="arcticons_downloads.png">2.3k</p></div>
+            </div>
+        </div>
+    </section></a>
+    <a href="passport.html"><section>
+        <div class="design"></div>
+        <div class="passport2">
+            <div class="details">
+                <div class="image"><img src="image 18.png" alt="passport"><h1>JSON Web Tokens</h1></div>
+                <div><p>An open, industry standard RFC 7519 method for representing claims securely between two parties</p></div>
+            </div>
+            <div class="comment">
+                <div class="download"><p><img src="dashicons_admin-comments.png">56</p></div>
+                <div class="download"><p><img src="arcticons_downloads.png">2.3k</p></div>
+            </div>
+        </div>    
+    </section></a>
+    </main>
+    <main>
+        <a href="passport.html"><section>
+            <div class="design"></div>
+            <div class="passport">
+                <div class="details">
+                    <div class="image"><img src="Group.png" alt="passport"><h1>Passport</h1></div>
+                    <div><p>Simple, unobtrusive authentication for Node.js</p></div>
+                </div>
+                <div class="comment">
+                    <div class="download"><p><img src="dashicons_admin-comments.png">56</p></div>
+                    <div class="download"><p><img src="arcticons_downloads.png">2.3k</p></div>
+                </div>
+            </div>
+        </section></a>
+        <a href="passport.html"><section>
+            <div class="design"></div>
+            <div class="passport2">
+                <div class="details">
+                    <div class="image"><img src="image 18.png" alt="passport"><h1>JSON Web Tokens</h1></div>
+                    <div><p>An open, industry standard RFC 7519 method for representing claims securely between two parties</p></div>
+                </div>
+                <div class="comment">
+                    <div class="download"><p><img src="dashicons_admin-comments.png">56</p></div>
+                    <div class="download"><p><img src="arcticons_downloads.png">2.3k</p></div>
+                </div>
+            </div>    
+        </section></a>
+        </main>
+        <main>
+            <a href="passport.html"><section>
+                <div class="design"></div>
+                <div class="passport">
+                    <div class="details">
+                        <div class="image"><img src="Group.png" alt="passport"><h1>Passport</h1></div>
+                        <div><p>Simple, unobtrusive authentication for Node.js</p></div>
+                    </div>
+                    <div class="comment">
+                        <div class="download"><p><img src="dashicons_admin-comments.png">56</p></div>
+                        <div class="download"><p><img src="arcticons_downloads.png">2.3k</p></div>
+                    </div>
+                </div>
+            </section></a>
+            <a href="passport.html"><section>
+                <div class="design"></div>
+                <div class="passport2">
+                    <div class="details">
+                        <div class="image"><img src="image 18.png" alt="passport"><h1>JSON Web Tokens</h1></div>
+                        <div><p>An open, industry standard RFC 7519 method for representing claims securely between two parties</p></div>
+                    </div>
+                    <div class="comment">
+                        <div class="download"><p><img src="dashicons_admin-comments.png">56</p></div>
+                        <div class="download"><p><img src="arcticons_downloads.png">2.3k</p></div>
+                    </div>
+                </div>    
+            </section></a>
+        </main>        
+        </div>
+    </body>
+</html>
