Create landing_page.html

adipai · Oct 16, 2023 · 33f9e37 · 33f9e37
1 parent 249a02e
commit 33f9e37
Showing 1 changed file with 48 additions and 0 deletions.
diff --git a/src/recommenderapp/templates/landing_page.html b/src/recommenderapp/templates/landing_page.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='stylesheet.css') }}">
+    <title>PopcornPicks🍿</title>
+    <script src="{{ url_for('static', filename='script.js') }}"></script>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" />
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous" />
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+  </head>
+
+  <body class="landing-page"> 
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark topNavBar fixed-top">
+      <div class="container-fluid">
+        <a class="navbar-brand" href="#">PopcornPicks🍿</a>
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+          <span class="navbar-toggler-icon"></span>
+        </button>
+      </div>
+    </nav>
+
+    <div class="container" style="margin-top: 60px;">
+      <div class="heading1">
+        <h2><center>🎬 PopcornPicks: Pick a Movie! 🎬</center></h2>
+        <p style="text-align: center; color: azure; font-size: 18px;"><br>
+        Discover personalized movie recommendations by selecting up to 5 of your favorite films.
+        <br> 
+        Create a watchlist and have it conveniently sent to your email.
+        <br>
+        Enjoy movies at your own pace, on your terms.
+        </p>
+        <a href="search_page.html" class="btn btn-primary mx-auto">Get Started!</a>
+
+        <p style="text-align: center; color: azure; font-size: 16px;"><br><br><br><br><br><br><br><br>
+        Made with ❤️ by <a href="https://github.com/adipai/PopcornPicks" target="_blank">PopcornPicks</a><br>
+        <a href="https://github.com/adipai/PopcornPicks/blob/master/LICENSE.md" target="_blank">MIT License Copyright (c) 2023 PopcornPicks</a>
+      </div>
+    </div>
+
+  </body>
+
+  <script src="https://code.jquery.com/jquery-3.5.1.min.js" crossorigin="anonymous"></script>
+  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" crossorigin="anonymous"></script>
+  <script src="{{ url_for('static', filename='script.js') }}"></script>
+</html>