├── bootstrap1.html ├── bootstrap10.html ├── bootstrap11.html ├── bootstrap12.html ├── bootstrap13.html ├── bootstrap14.html ├── bootstrap15.html ├── bootstrap16.html ├── bootstrap17.html ├── bootstrap18.html ├── bootstrap19.html ├── bootstrap2.html ├── bootstrap20.html ├── bootstrap21.html ├── bootstrap3.html ├── bootstrap4.html ├── bootstrap5.html ├── bootstrap6.html ├── bootstrap7.html ├── bootstrap8.html ├── bootstrap9.html └── course-plan.txt /bootstrap1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | grid and container test 7 | 8 | 9 | 10 | 11 | 14 | 15 | 16 | 17 | 18 |
19 |
20 |
21 |

webdesign1

22 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum adipisci a non rerum fugiat laudantium eaque? Facilis officiis veniam, tenetur dolores minus nulla ex sunt, recusandae mollitia vitae quod perspiciatis.

23 |
24 |
25 |

webdesign2

26 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum adipisci a non rerum fugiat laudantium eaque? Facilis officiis veniam, tenetur dolores minus nulla ex sunt, recusandae mollitia vitae quod perspiciatis.

27 |
28 |
29 |

webdesign3

30 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum adipisci a non rerum fugiat laudantium eaque? Facilis officiis veniam, tenetur dolores minus nulla ex sunt, recusandae mollitia vitae quod perspiciatis.

31 |
32 |
33 |

webdesign4

34 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum adipisci a non rerum fugiat laudantium eaque? Facilis officiis veniam, tenetur dolores minus nulla ex sunt, recusandae mollitia vitae quod perspiciatis.

35 |
36 |
37 |
38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | -------------------------------------------------------------------------------- /bootstrap10.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Toggleable Dynamic tab 7 | 8 | 9 | 10 | 11 |
12 |
13 | 14 |
15 | 20 | 21 |
22 |

1. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Obcaecati quas deserunt nam reprehenderit rerum magni quos quod laudantium ducimus harum?

23 |

2. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Obcaecati quas deserunt nam reprehenderit rerum magni quos quod laudantium ducimus harum?

24 |

3. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Obcaecati quas deserunt nam reprehenderit rerum magni quos quod laudantium ducimus harum?

25 |
26 |
27 | 28 |
29 |
30 | 31 | 32 | 33 | 34 | 35 | -------------------------------------------------------------------------------- /bootstrap11.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Navbar 7 | 8 | 9 | 10 | 11 |
12 |
13 | 29 |
30 |
31 | 32 | 33 | 34 | 35 | 36 | -------------------------------------------------------------------------------- /bootstrap12.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Card 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 |
16 |
17 |

Tutorial

18 |
19 |
20 |
21 |
22 | card image 23 |
24 |

HSC ICT

25 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam, praesentium?

26 | Visit this playlist 27 |
28 |
29 |
30 |
31 |
32 | card image 33 |
34 |

HSC ICT

35 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam, praesentium?

36 | Visit this playlist 37 |
38 |
39 |
40 |
41 |
42 | card image 43 |
44 |

HSC ICT

45 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam, praesentium?

46 | Visit this playlist 47 |
48 | 49 |
50 |
51 |
52 |
53 | card image 54 |
55 |

HSC ICT

56 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam, praesentium?

57 | Visit this playlist 58 |
59 |
60 |
61 |
62 |
63 | 64 | 65 |
66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | -------------------------------------------------------------------------------- /bootstrap13.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Media objects 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 21 | 22 | 23 |
24 |
25 | 26 |
27 |
28 |

My Blogs

29 |
30 |
31 | 32 |
33 |
I love programming and teaching
34 |

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nobis veritatis corporis aliquid, aut quidem vitae repudiandae molestiae dolor quis quisquam.

35 |
36 |
37 |
38 |
39 |
I love programming and teaching
40 |

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nobis veritatis corporis aliquid, aut quidem vitae repudiandae molestiae dolor quis quisquam.

41 |
42 | 43 |
44 | 45 |
46 | 47 |
48 |
I love programming and teaching
49 |

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nobis veritatis corporis aliquid, aut quidem vitae repudiandae molestiae dolor quis quisquam.

50 |

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Error non ea officia, necessitatibus vero laboriosam sint quod tempora labore corrupti! Aut sit voluptatem autem nisi molestiae officia suscipit voluptatum consectetur harum qui, fuga, distinctio, libero velit ex doloremque obcaecati nemo? Nulla reiciendis vel quod expedita velit eveniet, aspernatur eaque aliquid odio atque ipsam dicta tempora provident harum, optio eius, quasi error rerum neque dolore ullam aliquam blanditiis. Fuga temporibus voluptas, non sed officiis mollitia ducimus. Quam, maiores? Dolorem voluptatem modi vitae quaerat eius nostrum, ab nobis officiis consequuntur obcaecati atque! Quae recusandae tenetur corporis laborum ducimus eius obcaecati iure veritatis.

51 |
52 |
53 |
54 | 55 |
56 | 57 |
58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | -------------------------------------------------------------------------------- /bootstrap14.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Table 7 | 8 | 9 | 10 | 11 | 12 | 18 | 19 | 24 | 25 | 26 |
27 |
28 | 29 |
30 |
31 |

Education

32 |
33 | 34 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 55 | 56 | 57 | 58 | 60 | 61 | 62 | 63 | 64 |
35 | My Education 36 |
QualificationInstitutionPassing YearGrade
SSCSingerKatch High School and College20063.44 / 5.00
HSC 54 | SingerKatch High School and College2008
BSc in CSE 59 | Leading University20173.92 / 4.00
65 |
66 | 67 |
68 |
69 | 74 | 75 | 76 | 77 | 78 | -------------------------------------------------------------------------------- /bootstrap15.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Form 7 | 8 | 9 | 10 | 11 | 12 | 18 | 19 | 27 | 28 | 29 |
30 |
31 |
32 |
33 |

Contact Me

34 |
35 |

User Registration

36 | 37 |
38 |
39 | 40 | 41 |
42 | 43 |
44 | 45 | 46 |
47 | your will remian private. we will not share with anyone 48 |
49 |
50 | 51 |
52 |
53 | 54 | 55 |
56 | 57 |
58 | 59 | 60 |
61 |
62 | 63 |
64 |
65 | 66 | 67 |
68 |
69 | 70 |
71 | 72 | 77 |
78 | 79 |
80 | 81 |
82 |
83 |
84 |
85 |
86 | 91 | 92 | 93 | -------------------------------------------------------------------------------- /bootstrap16.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Carousel 8 | 9 | 10 | 11 | 38 | 39 | 40 | 41 | 42 | 43 |
44 |
45 |
46 |

Feedback

47 |
48 |
49 | 50 |
51 |
52 | 84 |
85 |
86 |
87 |
88 | 89 | 90 | 91 | 92 | 93 | -------------------------------------------------------------------------------- /bootstrap17.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 14 | 15 | 16 |
17 |
18 |

Left div

19 |

20 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni harum 21 | veritatis, fuga voluptatibus iure incidunt reiciendis temporibus 22 | tenetur quidem voluptates. 23 |

24 |
25 | 26 |
27 |

right div

28 |

29 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni harum 30 | veritatis, fuga voluptatibus iure incidunt reiciendis temporibus 31 | tenetur quidem voluptates. 32 |

33 |
34 |
35 | 36 |
37 |

38 | Lorem ipsum, dolor sit amet consectetur adipisicing elit. Velit a dicta 39 | quibusdam illo dignissimos voluptas? Deserunt quae magni delectus 40 | placeat. 41 |

42 |
43 | 44 | 63 | 64 | 69 | 70 | 71 | -------------------------------------------------------------------------------- /bootstrap18.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 14 | 15 | 16 | 17 |

18 | Bootstrap5 video New 19 |

20 | 21 | 24 | 25 | 34 | 35 |
36 |
43 | 75% 44 |
45 |
46 | 47 | 48 | 53 | 54 | 55 | -------------------------------------------------------------------------------- /bootstrap19.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 14 | 15 | 16 | 17 | 18 | 30 | 31 | 32 | 33 |
34 | 37 |
38 | 39 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /bootstrap2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Color and spacing 7 | 8 | 9 | 10 | 11 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 |
22 |
I am div1
23 |

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Beatae, quas.

24 |
25 |
26 |
I am div2
27 |

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Beatae, quas.

28 | 29 |
30 |
31 |
I am div3
32 |

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Beatae, quas.

33 | 34 |
35 |
36 |
I am div4
37 |

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Beatae, quas.

38 | 39 |
40 | 41 | 42 |
43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | -------------------------------------------------------------------------------- /bootstrap20.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 14 | 15 | 16 |
21 |
22 |
23 |

card title1

24 |

25 | Lorem ipsum dolor sit amet consectetur, adipisicing elit. 26 |

27 |
28 |
29 |
30 |
31 |

card title2

32 |

33 | Lorem ipsum dolor sit amet consectetur, adipisicing elit. 34 |

35 |
36 |
37 |
38 |
39 |

card title3

40 |

41 | Lorem ipsum dolor sit amet consectetur, adipisicing elit. 42 |

43 |
44 |
45 |
46 | 47 | 52 | 53 | 54 | -------------------------------------------------------------------------------- /bootstrap21.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 14 | 15 | 16 | 17 | 25 | 26 | 27 | 53 | 54 | 59 | 60 | 61 | -------------------------------------------------------------------------------- /bootstrap3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | border and image 7 | 8 | 9 | 10 | 11 | 14 | 15 | 16 | 17 | 18 |
19 |
20 | 21 | 22 | 23 |
24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /bootstrap4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | text and font classes 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 |
25 |

Study With Anis

26 |
27 | 28 |
29 |
30 |
31 |

Services

32 |
33 |
34 |
35 | 36 |
Web designing
37 |

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eligendi sint quibusdam laborum magnam incidunt dolores earum optio molestias quis sapiente.

38 |
39 |
40 | 41 |
Web designing
42 |

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eligendi sint quibusdam laborum magnam incidunt dolores earum optio molestias quis sapiente.

43 |
44 |
45 | 46 |
Web designing
47 |

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eligendi sint quibusdam laborum magnam incidunt dolores earum optio molestias quis sapiente.

48 |
49 |
50 | 51 |
Web designing
52 |

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eligendi sint quibusdam laborum magnam incidunt dolores earum optio molestias quis sapiente.

53 |
54 |
55 |
56 |
57 | 60 | 61 |
62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | -------------------------------------------------------------------------------- /bootstrap5.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Jumbotron and alert test 7 | 8 | 14 | 15 | 16 |
17 |
18 | 19 |
20 | 21 | 29 | 30 |
31 |
32 |
33 | 38 | 39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /bootstrap6.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | blockquote and abbreviation test 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 |
17 | 18 |
19 |
20 |

Customer Review

21 |
22 |
23 |
24 |
25 | 26 |

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Amet est praesentium delectus et consequatur optio. In this website we can learn bs4

27 |
28 | Anisul Islam in Youtube 29 |
30 |
31 |
32 |
33 |
34 | 35 |

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Amet est praesentium delectus et consequatur optio. In this website we can learn bs4

36 |
37 | Anisul Islam in Youtube 38 |
39 |
40 |
41 |
42 |
43 | 44 |

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Amet est praesentium delectus et consequatur optio. In this website we can learn bs4

45 | 48 |
49 |
50 |
51 |
52 |
53 |
54 | 55 | 56 | 57 | 58 | 59 | 60 | -------------------------------------------------------------------------------- /bootstrap7.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | button and list 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 17 | 18 | 19 |
20 |
21 | 22 |
23 |
24 | 25 | 26 |
27 |
28 | 29 | 30 | 31 |
32 |
    33 |
  • Anisul Islam
    • 34 |
  • Rabeya Begum
    • 35 |
  • Abdul Mukit
    • 36 | Rahim 37 |
38 |
39 | 40 |
41 |
42 | 43 | 44 | 45 | 46 | 47 | -------------------------------------------------------------------------------- /bootstrap8.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Collapse and Pagination 7 | 8 | 9 | 10 | 11 | 12 | 18 | 19 | 22 | 23 | 24 |
25 |
26 | 27 | learn more 28 | 38 |
39 |

40 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Id dolorem sed 41 | quisquam repudiandae sequi voluptatibus, aperiam aliquam adipisci nam 42 | maiores quia unde necessitatibus veritatis eligendi in laboriosam, officia 43 | porro? Explicabo. 44 |

45 |
46 | 47 | 48 | 55 |
56 | 57 | 62 | 63 | 64 | 65 | -------------------------------------------------------------------------------- /bootstrap9.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Navs 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 19 | 20 | 21 | 22 |
23 |
24 |
25 |
26 |

Study With Anis

27 |
28 |
29 | 34 |
35 |
36 |
37 |
38 | 39 | 40 | 41 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /course-plan.txt: -------------------------------------------------------------------------------- 1 | 2 | Part-1 3 | ------------------------------ 4 | Introduction 5 | First web page with b4 6 | Grid + Container 7 | Utility Colors: bg- ,text-and Utility Spacing: Margin, Padding 8 | Utility Borders & sizing 9 | Utility Text: font- ,text- 10 | Utility Display 11 | Utility Positioning 12 | Images 13 | Jumbotron and Alert 14 | 15 | 16 | Part-2 17 | ------------------------------ 18 | Buttons, Button groups, Button modifiers 19 | Badges and Progress 20 | Cards 21 | Collapse 22 | Navs 23 | Navbar 24 | Pagination 25 | Icon and Tooltip 26 | List Group 27 | Carousel 28 | 29 | 30 | Part-3 31 | ------------------------------ 32 | Media Objects 33 | Modal 34 | Utility Flexbox 35 | Utility Misc 36 | Popover 37 | Tables 38 | Forms 39 | 40 | Part-4 41 | --------------------- 42 | Full Website Project 1 43 | Full website Project 2 44 | Full website Project 3 45 | 46 | 47 | 48 | 49 | --------------------------------------------------------------------------------