https://github.com/suptarr/colmar-bootstrap
Use Bootstrap knowledge to create a website for Colmar Academy School.
https://github.com/suptarr/colmar-bootstrap
bootstrap5 css html
Last synced: 3 months ago
JSON representation
Use Bootstrap knowledge to create a website for Colmar Academy School.
- Host: GitHub
- URL: https://github.com/suptarr/colmar-bootstrap
- Owner: SupTarr
- Created: 2022-10-28T13:47:57.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-11-03T07:33:35.000Z (over 3 years ago)
- Last Synced: 2025-10-31T09:39:20.270Z (9 months ago)
- Topics: bootstrap5, css, html
- Language: HTML
- Homepage: https://suptarr.github.io/Colmar-Bootstrap/
- Size: 11.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Colmar Academy Bootstrap
## About The Project
I make full use of `Bootstrap` knowledge and its accompanying documentation to design and create a website for Colmar Academy School. You can download the Colmar Academy's design spec [here](https://content.codecademy.com/courses/freelance-1/capstone-2/colmar-academy-spec.png).
## Technologies
This project was created with:
- HTML5
- CSS3
- Bootstrap5
- Git, GitHub and GitHub Pages
## Installation
### Quick start with Bootstrap
1. **Create a new `index.html`** file in your project root. Include the `` tag as well for [proper responsive behavior](https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag) in mobile devices.
```html
Bootstrap demo
Hello, world!
```
2. **Include Bootstrap’s CSS and JS.** Place the `` tag in the `` for our CSS, and the `` tag for our JavaScript bundle (including Popper for positioning dropdowns, poppers, and tooltips) before the closing `</body>`.
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Bootstrap demo</title>
<!-- CDN links of CSS -->
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi"
crossorigin="anonymous"
/>
</head>
<body>
<h1>Hello, world!</h1>
<!-- CDN links of JS -->
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3"
crossorigin="anonymous"
>