Skip to content

Latest commit

 

History

History

lab4

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
submission
submission
 
 
.DS_Store
.DS_Store
 
 
readme.md
readme.md
 
 

readme.md

Stars Badge Forks Badge Pull Requests Badge Issues Badge GitHub contributors Visitors

Don't forget to hit the ⭐ if you like this repo.

Lab 4: Gallery page

Instructions to create a gallery page using Bootstrap:

  1. Create a new HTML file called gallery.html.
  2. Add the necessary Bootstrap CSS and JavaScript files to your gallery.html file by linking to them in the <head> section of the file.
  3. Create a new section in the body of your gallery.html file where you will add your gallery content.
  4. Create a container element (<div class="container">) inside the gallery section to hold your gallery content.
  5. Use Bootstrap's grid system to create a layout for your gallery. For example, you could use the row and col-* classes to create a grid of cards or images.
  6. Create a card for each item in your gallery using Bootstrap's card component. Add an image, title, and description for each card.
  7. Use CSS to style your gallery as desired. You can also customize the card component using custom CSS.
  8. Add any additional features you want, such as pagination or filtering.
  9. Test your gallery page to make sure everything looks and works as expected.
  10. Publish your gallery page to your website.

Remember to refer to the Bootstrap documentation for more detailed instructions and examples of how to use each component. Good luck with your gallery page!

Submission

  1. This task must be done in groups (4 people per group).
  2. Please provide your contact information in the HTML <head>.
<!--
Lab XX: XXX
Group:
1. Name: [Name], Matrix No: [Matrix Number], Github ID: [Github ID]
2. Name: [Name], Matrix No: [Matrix Number], Github ID: [Github ID]
3. Name: [Name], Matrix No: [Matrix Number], Github ID: [Github ID]
4. Name: [Name], Matrix No: [Matrix Number], Github ID: [Github ID]
-->
  1. You must place your file in the submission folder. Within the submission folder, create a folder named after your group.

Example: /submission/[group-name]/[your-file]

(Note: please replace [Name], [Matrix Number], [Github ID], [group-name], and [your-file] with the appropriate information)

Contribution 🛠️

Please create an Issue for any improvements, suggestions or errors in the content.

You can also contact me using Linkedin for any other queries or feedback.

Visitors