File tree Expand file tree Collapse file tree 2 files changed +47
-1
lines changed Expand file tree Collapse file tree 2 files changed +47
-1
lines changed Original file line number Diff line number Diff line change 1
1
# CSS Frameworks
2
2
3
- This repo is made of 3 projects:
3
+ This repo is made of 4 projects:
4
4
5
5
1 . [ ** Food Ninja** ] ( #food ) : A recipe website to understand Tailwind CSS basics.
6
6
2 . [ ** Ninja Coffee** ] ( #coffee ) : A product page to understand Bulma basics.
7
7
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.
8
9
9
10
[ See all projects on CodePen] ( https://codepen.io/collection/ZMMZPM?grid_type=grid&sort_by=item_created_at )
10
11
@@ -90,3 +91,23 @@ A photography portfolio website to learn Materialize basics.
90
91
- adding a footer and enabling smooth scroll with scrollspy.
91
92
92
93
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).
Original file line number Diff line number Diff line change
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 >
You can’t perform that action at this time.
0 commit comments