Color Mode

Framework Gospel Project

In this assignment, you will choose either Bootstrap or Tailwind CSS and use it to build a small, gospel-themed project. Your content must be drawn from the New Testament or the Book of Mormon. This gives you hands-on practice with a modern CSS framework while creating something meaningful and shareable.

Assignment Overview

You will create a single page or a small multi-page site (e.g., a scripture study page, a topical guide, or a character/place overview) using one framework only. The focus is on using the framework's grid, components, and utilities effectively; the theme keeps the content consistent and appropriate for a BYU-Idaho course.

Learning Objectives

Content Guidelines

Your project must be gospel-related and use content from at least one of these sources:

You may combine both (e.g., a comparison or topical page), but the primary content must come from these scriptures. Use accurate references and avoid altering the meaning of the text. You do not need to use every verse verbatim; summaries, quotes, and references are fine.

Ideas: A "Come Follow Me" style study page, a character or place profile, a topical list with short commentary, a simple scripture gallery with cards, or a small multi-page site (e.g., one page per book or topic). Choose something that fits the framework and your time.

Framework Choice and Requirements

Choose One Framework

Technical Requirements

Portfolio Setup and File Structure

Use the same portfolio repository you set up in the GitHub Portfolio Setup assignment. Create a dedicated folder for this project so the structure matches other prove assignments.

Required Directory Structure

In your portfolio repository root, create: 


        portfolio/
        └── unit-4/
            └── framework-gospel-project/
                ├── index.html
                └── (other assets: CSS, images, or built files as needed)

Your main entry point for this assignment must be unit-4/framework-gospel-project/index.html. If you add more pages (e.g., topics.html, about.html), keep them inside framework-gospel-project/ and link from index.html.

Submission

Once you have completed your project and tested it in your portfolio, document your work using the form below. Download the PDF and submit it to Canvas along with your portfolio repository link.

Framework Gospel Project Documentation
Implementation Details
Provide the link to your framework gospel project in your portfolio.
Portfolio Link
Framework Choice and Customization

Why did you choose Bootstrap or Tailwind for this project? How did you customize the framework so the result does not look like the default theme? Reference specific techniques (e.g., Bootstrap CSS overrides or custom properties, Tailwind theme/config or @apply, custom components).

Reflection

What was the most challenging part of this assignment, and how did you solve it?

Evaluation Criteria

Your work will be evaluated on:

Tips for Success