Skip to content

Commit 492d3a9

Browse files
committed
add ebook landing page setup
1 parent 69aa9ca commit 492d3a9

File tree

2 files changed

+47
-1
lines changed

2 files changed

+47
-1
lines changed

README.md

Lines changed: 22 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,11 @@
11
# CSS Frameworks
22

3-
This repo is made of 3 projects:
3+
This repo is made of 4 projects:
44

55
1. [**Food Ninja**](#food): A recipe website to understand Tailwind CSS basics.
66
2. [**Ninja Coffee**](#coffee): A product page to understand Bulma basics.
77
3. [**Photo Ninja**](#photo): A photography portfolio website to learn Materialize basics.
8+
4. [**Ebook Landing Page**](#ebook): A responsive landing page with Bootstrap 5.
89

910
[See all projects on CodePen](https://codepen.io/collection/ZMMZPM?grid_type=grid&sort_by=item_created_at)
1011

@@ -90,3 +91,23 @@ A photography portfolio website to learn Materialize basics.
9091
- adding a footer and enabling smooth scroll with scrollspy.
9192

9293
Based on [Materialize Tutorial](https://www.youtube.com/playlist?list=PL4cUxeGkcC9gGrbtvASEZSlFEYBnPkmff) by Shaun Pelling - The Net Ninja (2018).
94+
95+
## <a name="ebook"></a>4) Ebook Landing Page - Bootstrap 5
96+
97+
A responsive landing page with Bootstrap 5.
98+
99+
<!-- [See Demo on CodePen]() -->
100+
101+
[See ebook-landing-page folder](https://github.com/solygambas/html-css-frameworks/tree/master/ebook-landing-page)
102+
103+
<!-- <p align="center">
104+
<a href="https://github.com/solygambas/html-css-frameworks/tree/master/ebook-landing-page">
105+
<img src="ebook-landing-page/screenshot.jpg">
106+
</a>
107+
</p> -->
108+
109+
### Features
110+
111+
-
112+
113+
Based on [Bootstrap 5 Crash Course Tutorial](https://www.youtube.com/list=PL4cUxeGkcC9joIM91nLzd_qaH_AimmdAR) by Shaun Pelling - The Net Ninja (2021).

ebook-landing-page/index.html

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<link
8+
href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
9+
rel="stylesheet"
10+
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
11+
crossorigin="anonymous"
12+
/>
13+
<title>Net Ninja Pro - the Book</title>
14+
</head>
15+
<body>
16+
<h1>Net Ninja Pro - the Book</h1>
17+
<!-- https://i.ibb.co/z5bBS9w/ebook-cover.png
18+
https://i.ibb.co/59bPR5W/kindle.png -->
19+
<script
20+
src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
21+
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
22+
crossorigin="anonymous"
23+
></script>
24+
</body>
25+
</html>

0 commit comments

Comments
 (0)