├── asets ├── fonts │ ├── whitneybold.woff │ ├── whitneybook.woff │ ├── whitneylight.woff │ ├── whitneymedium.woff │ └── whitneysemibold.woff └── images │ ├── 1550855391-cc_dark.png │ ├── bootstrap-icons2x.png │ ├── bootstrap-themes2x.png │ ├── vector2.svg │ ├── vector.svg │ ├── vector4.svg │ ├── vector3.svg │ ├── vector8.svg │ ├── vector5.svg │ ├── vector6.svg │ ├── vector10.svg │ ├── vector9.svg │ ├── vector7.svg │ └── vector11.svg ├── style.css └── index.html /asets/fonts/whitneybold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Ajay-saju/Bootstrap-clone-/HEAD/asets/fonts/whitneybold.woff -------------------------------------------------------------------------------- /asets/fonts/whitneybook.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Ajay-saju/Bootstrap-clone-/HEAD/asets/fonts/whitneybook.woff -------------------------------------------------------------------------------- /asets/fonts/whitneylight.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Ajay-saju/Bootstrap-clone-/HEAD/asets/fonts/whitneylight.woff -------------------------------------------------------------------------------- /asets/fonts/whitneymedium.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Ajay-saju/Bootstrap-clone-/HEAD/asets/fonts/whitneymedium.woff -------------------------------------------------------------------------------- /asets/fonts/whitneysemibold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Ajay-saju/Bootstrap-clone-/HEAD/asets/fonts/whitneysemibold.woff -------------------------------------------------------------------------------- /asets/images/1550855391-cc_dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Ajay-saju/Bootstrap-clone-/HEAD/asets/images/1550855391-cc_dark.png -------------------------------------------------------------------------------- /asets/images/bootstrap-icons2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Ajay-saju/Bootstrap-clone-/HEAD/asets/images/bootstrap-icons2x.png -------------------------------------------------------------------------------- /asets/images/bootstrap-themes2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Ajay-saju/Bootstrap-clone-/HEAD/asets/images/bootstrap-themes2x.png -------------------------------------------------------------------------------- /asets/images/vector2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /asets/images/vector.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /asets/images/vector4.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /asets/images/vector3.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /asets/images/vector8.svg: -------------------------------------------------------------------------------- 1 | Open Collective -------------------------------------------------------------------------------- /asets/images/vector5.svg: -------------------------------------------------------------------------------- 1 | Twitter -------------------------------------------------------------------------------- /asets/images/vector6.svg: -------------------------------------------------------------------------------- 1 | GitHub -------------------------------------------------------------------------------- /asets/images/vector10.svg: -------------------------------------------------------------------------------- 1 | Bootstrap -------------------------------------------------------------------------------- /asets/images/vector9.svg: -------------------------------------------------------------------------------- 1 | Bootstrap -------------------------------------------------------------------------------- /asets/images/vector7.svg: -------------------------------------------------------------------------------- 1 | Slack -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | /* *{ 2 | margin: 0; 3 | padding: 0; 4 | } 5 | .body{ 6 | font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 7 | } */ 8 | 9 | 10 | 11 | 12 | 13 | .navbar-brand{ 14 | padding-top: 0.3125rem; 15 | padding-bottom: 0.3125rem; 16 | margin-right: 1rem; 17 | font-size: 1.25rem; 18 | text-decoration: none; 19 | white-space: nowrap; 20 | } 21 | .container-fluid{ 22 | /* height: 60px; */ 23 | background-color: #7952b3; 24 | } 25 | .mb-4{ 26 | margin-bottom: 1.5rem; 27 | font-size: 1.2rem; 28 | letter-spacing: 5px; 29 | font-weight: 300; 30 | } 31 | 32 | .btn-group-lg>.btn, .btn-lg { 33 | padding: 0.5rem 1rem; 34 | font-size: 1.25rem; 35 | border-radius: 0.3rem; 36 | } 37 | 38 | .col-lg-7{ 39 | align-items: flex-end; 40 | } 41 | .btn1{ 42 | border-radius: .25rem !important; 43 | z-index: 10 !important; 44 | display: block !important; 45 | padding: 0.25rem 0.5rem !important; 46 | font-size: .65em !important; 47 | color: #0d6efd !important; 48 | background-color: #fff !important; 49 | border: 1px solid !important; 50 | 51 | } 52 | .btn2{ 53 | border-radius: .25rem !important; 54 | z-index: 10 !important; 55 | display: block !important; 56 | padding: 0.25rem 0.5rem !important; 57 | font-size: .65em !important; 58 | color: #0d6efd !important; 59 | background-color: #fff !important; 60 | border: 1px solid !important; 61 | } 62 | 63 | .vector1{ 64 | background-color:white; 65 | } 66 | 67 | .vector2{ 68 | color: white; 69 | width: 32; 70 | height: 32; 71 | padding: 10px; 72 | border-radius:10px; 73 | background-color:#309365; 74 | } 75 | .vector3{ 76 | padding: 10px; 77 | border-radius:10px; 78 | background-color:#267dfd; 79 | } 80 | .vector4{ 81 | padding: 10px; 82 | border-radius:10px; 83 | background-color:#8966bc; 84 | } 85 | .vector5{ 86 | padding: 10px; 87 | border-radius:10px; 88 | background-color:#df4857; 89 | } 90 | 91 | 92 | 93 | .foot ul:hover{ 94 | text-decoration: underline; 95 | cursor: pointer; 96 | } 97 | 98 | .row.d-flex{ 99 | margin-top: 100px; 100 | } 101 | 102 | .container-fluid-lg-8{ 103 | width:60%; 104 | height: auto; 105 | } 106 | .bi bi-bootstrap fs-2{ 107 | margin-top: 20px; 108 | margin-left: 50px; 109 | } 110 | .bi bi-bootstrap{ 111 | font-size: 25px; 112 | } 113 | .navbar-brand{ 114 | font-size: x-large; 115 | } 116 | -------------------------------------------------------------------------------- /asets/images/vector11.svg: -------------------------------------------------------------------------------- 1 | Bootstrap -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15 | 16 | Responsive 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 75 |
76 | 77 | 78 | 79 |
80 |
81 |
82 |
83 | 84 |

Build fast, responsive sites with Bootstrap

85 |

Quickly design and customize responsive mobile-first sites with Bootstrap, the world's 86 | most popular 87 | front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive 88 | prebuilt components, and powerful JavaScript plugins. 89 | 90 |

91 | 92 | 93 | 94 |
95 |
96 | 97 |
98 |
99 | 100 |
101 |
102 |
103 |
104 | 105 |

Heading

106 |

Install Bootstrap's source Sass and JavaScript files via npm, Composer, or Meteor. 107 | 108 |

109 |

Package managed installs dont include documentation or our full build scripts. You can also use our npm 110 | template repo to quickly generate a Bootstrap project via npm.

111 | 112 | 113 |
114 |
115 |
116 |
117 | 118 |
119 | $ npm install bootstrap 120 |
121 |
122 |
123 | 124 |
125 | $ gem install bootstrap -v 5.1.3 126 |
127 |
128 |
129 |
130 |
131 |
132 |
133 |
134 | 135 |

jsDelivr

136 |

When you only need to include Bootstraps compiled CSS or JS, you can use jsDelivr. 137 | 138 |

139 |

See it in action with our simple starter template, or browse the examples to jumpstart your next project. 140 | You can also choose to include Popper and our JS separately.

141 | 142 | 143 |
144 |
145 |
146 |
147 | 148 |
149 |

150 | 151 |

152 | $ npm install bootstrap 153 |
154 |
155 |
156 | 157 |
158 | $ gem install bootstrap -v 5.1.3 159 |
160 |
161 |
162 |
163 |
164 |
165 |
166 | 167 |

Bootstrap icons

168 |

For the first time ever, Bootstrap has its own open source SVG icon library, designed to work best with 169 | our components and documentation.

170 |

For the first time ever, Bootstrap has its own open source SVG icon library, designed to work best with our 171 | components and documentation.

172 | 173 |
174 |
175 | 176 |
177 |
178 |
179 |
180 |
181 |
182 | 183 |

Official Themes

184 |

Take Bootstrap to the next level with premium themes from the official Bootstrap Themes marketplace.

185 |

Themes are built on Bootstrap as their own extended frameworks, rich with new components and plugins, 186 | documentation, and powerful build tools.

187 | 188 |
189 |
190 | 191 |
192 |
193 |
194 |
195 | 196 | 247 | 248 | 251 | 252 | 253 | --------------------------------------------------------------------------------