{"id":2891,"date":"2022-10-21T12:27:26","date_gmt":"2022-10-21T16:27:26","guid":{"rendered":"https:\/\/endlesshybrids.com\/?p=2891"},"modified":"2022-10-21T14:52:43","modified_gmt":"2022-10-21T18:52:43","slug":"a-bootstrap-css-coding-assignment","status":"publish","type":"post","link":"https:\/\/endlesshybrids.com\/coding\/a-bootstrap-css-coding-assignment\/","title":{"rendered":"A Bootstrap CSS Coding Assignment"},"content":{"rendered":"\n
In my Web Programming for Non-Programmers course, we’re halfway through the term. The students have worked with vanilla CSS and have been introduced to Bootstrap this week. Here’s this week’s assignment. The topic of this site, “AI Prompt Lessons”, is a site that I’m actually working on. This design is a very rough first version that I did quickly this morning, and I included many more elements than I normally would on this type of page. But I wanted students to get experience with different Bootstrap components.<\/p>\n\n\n\n
I give the students a screenshot of a Web page that I created. The assignment is for them to use HTML, CSS, and Bootstrap to create that design as a functional Web page. I provided all the images files that the students need.<\/p>\n\n\n\n
Here’s the page that they have to implement:<\/p>\n\n\n\n