add ebook landing page setup

solygambas · solygambas · commit 492d3a9762a5 · 2021-08-01T15:58:52.000+02:00
diff --git a/README.md b/README.md
@@ -1,10 +1,11 @@
 # CSS Frameworks
 
-This repo is made of 3 projects:
+This repo is made of 4 projects:
 
 1. [**Food Ninja**](#food): A recipe website to understand Tailwind CSS basics.
 2. [**Ninja Coffee**](#coffee): A product page to understand Bulma basics.
 3. [**Photo Ninja**](#photo): A photography portfolio website to learn Materialize basics.
+4. [**Ebook Landing Page**](#ebook): A responsive landing page with Bootstrap 5.
 
 [See all projects on CodePen](https://codepen.io/collection/ZMMZPM?grid_type=grid&sort_by=item_created_at)
 
@@ -90,3 +91,23 @@ A photography portfolio website to learn Materialize basics.
 - adding a footer and enabling smooth scroll with scrollspy.
 
 Based on [Materialize Tutorial](https://www.youtube.com/playlist?list=PL4cUxeGkcC9gGrbtvASEZSlFEYBnPkmff) by Shaun Pelling - The Net Ninja (2018).
+
+## <a name="ebook"></a>4) Ebook Landing Page - Bootstrap 5
+
+A responsive landing page with Bootstrap 5.
+
+<!-- [See Demo on CodePen]() -->
+
+[See ebook-landing-page folder](https://github.com/solygambas/html-css-frameworks/tree/master/ebook-landing-page)
+
+<!-- <p align="center">
+    <a href="https://github.com/solygambas/html-css-frameworks/tree/master/ebook-landing-page">
+        <img src="ebook-landing-page/screenshot.jpg">
+    </a>
+</p> -->
+
+### Features
+
+-
+
+Based on [Bootstrap 5 Crash Course Tutorial](https://www.youtube.com/list=PL4cUxeGkcC9joIM91nLzd_qaH_AimmdAR) by Shaun Pelling - The Net Ninja (2021).
diff --git a/ebook-landing-page/index.html b/ebook-landing-page/index.html
@@ -0,0 +1,25 @@
+<!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" />
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
+      crossorigin="anonymous"
+    />
+    <title>Net Ninja Pro - the Book</title>
+  </head>
+  <body>
+    <h1>Net Ninja Pro - the Book</h1>
+    <!-- https://i.ibb.co/z5bBS9w/ebook-cover.png
+https://i.ibb.co/59bPR5W/kindle.png -->
+    <script
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
+      integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
+      crossorigin="anonymous"
+    ></script>
+  </body>
+</html>
