Accordion
Use the Accordion to display content in collapsible compartments.
Use <div class="accordion"> </div> to wrap your full accordion. Then, use <div class="accordion-item"> </div> to wrap each tab (and its collapsible content). The first heading within accordion-item will automatically serve as the accordion title.
Read
Discuss
Assignments Widget
Use Assignments Widget to display each assignment in a unit or module as a card.
Use <ul class="assignments-widget"></ul> to wrap your content.
Blockquote
Use Blockquote to separate any block of text along with supportive quotes. The space around the blockquote helps separate the block of text from the content that surrounds it.
Use <blockquote></blockquote> to wrap your content.
Some text used to help display a blockquote...
Border
Use Border to bring attention to any piece of learning content. The content is contained within a subtly-colored background, making it ideal for learning objectives or any other content that needs to stand out.
Use .border to wrap your content. You may use a single element or multiple.
Essay Structure
Effective essays are organized into a clear introduction, body paragraphs, and conclusion. Each section has a purpose: the introduction introduces the topic and thesis, body paragraphs support the thesis with evidence, and the conclusion summarizes key points while reinforcing the argument.
Call Out
Use Call Out to bring attention to any supplementary learning content. The content is contained within a colored background with an "Explore More" heading attached.
Use .call-out to wrap your paragraph element.
In academic writing, a strong thesis statement is essential to guide the reader through your argument. It should be clear, concise, and take a definitive stance on the topic.
Card Horizontal
Use Card Horizontal to display an image with supportive text. Both the image and text display horizontally with the text side displaying wider than the image.
Use .card-horizontal as the parent element of both .card-body, which contains the text, and
.card-img, which contains the image.
Writing an effective essay requires clear organization and purpose. The introduction presents the topic, while body paragraphs develop key points with supporting evidence. Finally, the conclusion ties everything together, reaffirming the thesis. Proper transitions between sections ensure a logical flow of ideas, guiding the reader through the argument.
Columns
Use Columns to format text, images, and other widgets in a side-by-side fashion. A maximum of three columns will appear one line, and additional columns will automatically wrap to the next line. On mobile view, each column will stack.
Use .columns as the parent element. Each nested block element will format as a column – wrap multiple elements within a div to keep them in the same column.
About Epistemology
Epistemology examines the nature and limits of knowledge, questioning what it means to "know" and how knowledge differs from mere belief. Epistemologists seek to define truth and explore how people justify beliefs, bridging the gap between opinion and fact.
In cognitive science, researchers study the mechanisms behind thought and perception, integrating psychology, neuroscience, and computer science. This interdisciplinary work has fueled advances in artificial intelligence and deepened our understanding of mental processes and human-computer interactions.
Flip Card
Use Flip Card as a flashcard with a front and back of the card, you can allow students to view terms and definitions separately.
Use .flip-card-group to wrap your flip cards.
Within the .flip-card-group add flip cards each with their own term and definition.
Apply the .long class to the .flip-card-group container to make the height of the flip cards larger.
Horizontal Display
Use Horizontal Display to display any content in an inline manner. This content will appear inline on desktops but will stack on smaller screens.
Use .horizontal-display to wrap.
Image Gallery
Use Image Gallery to display images in a grid and allow users to expand the images.
Use <div class="image-gallery"></div> to wrap your content.
Locked Content
Use the Locked Content Widget to lock and unlock content.
Use .locked-content to wrap the content you want hidden. Use .instructions to inform students about why content is hidden. Use .unlocked-btn to label the condition for unlocking the content.
Visible Content Section
This section displays the initial part of the content that is only partially revealed. As you scroll or interact with the widget, more of the content gradually becomes visible. This mechanism encourages engagement by requiring the user to reveal additional information, enhancing their learning experience.
Please follow the steps below.
Confirm Completion of Steps A, B, and CMedia Container
Use Media Container to display any iframe with accompanying text or without.
With caption
Use .media-container as the parent element of both.media-object which will house your iframe and.media-info which will house your video's caption.
Some text used to describe the media object.
Without caption
Use .media-container as the parent element of.media-object which will house your iframe.
Side-by-side
Use Side-by-side to display two horizontal containers that can contain any content.
Use .side-by-side as the parent element of two.side-by-side-item.
In academic writing, clarity and coherence are crucial for effectively communicating ideas. Start each paragraph with a clear topic sentence that introduces the main idea, followed by supporting sentences that elaborate on this idea. It is important to use transitional phrases to guide the reader through your argument and maintain a logical flow. Always revise your drafts to eliminate any grammatical errors and ensure that your writing meets the assignment’s requirements.
Social Post
Use the Social Post widget to display an image and caption styled as an interactive social media-style post for visual interest.
Use .social-post to wrap all widget content. Use .social-post-title to wrap an optional title in the username position. Use .social-post-image to wrap your <img> element. Then, use .social-post-body to wrap your caption content.
All other widget elements will be added dynamically via JavaScript.
Tables
Use Tables to organize information in rows and columns.
Add .display-lg to <table> to create a responsive table.
| Assignments | Points | Due Dates |
|---|---|---|
| Read Start Here Module | -- | May 1st |
| Course Contract Quiz | 5 | May 7th |
Tabs
Use the Tabs Widget to organize and separate related information into their own individual tabs. Best used when there are multiple tabs.
Use .tabs to wrap your entire tab widget. Use <label class="tab-header">Tab Title</label> to edit the title.
Use <div class="tab-panel"> [content inside] </div> to edit what appears inside the tabs.
Introduction to Writing
Effective writing begins with a strong introduction that grabs the reader’s attention. This section should provide a brief overview of the topic and outline the main points to be discussed. Aim to engage your audience with a compelling opening sentence or question. Providing context and a clear thesis statement will help set the stage for the rest of your paper.
Developing the Body Paragraphs
The body of your paper is where you develop your arguments and provide evidence to support your thesis. Each paragraph should focus on a single idea and include topic sentences, supporting details, and examples. Use transitions to connect paragraphs and ensure a logical flow of information. Revising and editing are crucial to refining your arguments and enhancing clarity.
Concluding Your Paper
The conclusion summarizes the main points and reinforces the thesis statement. It should provide closure and reflect on the significance of the topic. Avoid introducing new information in the conclusion. A strong conclusion will leave a lasting impression and clearly demonstrate the importance of the discussion.
Video Widget
Use Video Widget to create a grid-like video gallery. In addition to the video, each video card can contain general information such as the title and duration of the video.
Use <div className="video-widget"></div> to wrap your content.
Vocab Cards
Use the Vocab Cards Widget to create a set of flashcards with terms and definitions.
Use .vocab-cards to wrap the vocabulary list. Use <dt> tags for terms and <dd> for definitions.
- Thesis Statement
- A thesis statement is a concise summary of the main point or claim of an essay or research paper. It presents the central argument or purpose of the paper and is usually located at the end of the introduction.
- Topic Sentence
- A topic sentence is the first sentence in a paragraph that introduces the main idea or theme of the paragraph. It sets the tone for the content that follows and helps to organize the paragraph’s structure.
- Transition
- Transitions are words or phrases used to connect ideas and ensure a smooth flow between sentences and paragraphs. They help guide the reader through the text by indicating relationships between concepts and maintaining coherence.
- Evidence
- Evidence refers to the facts, examples, or data used to support claims and arguments within a paper. It can include statistics, quotations, and research findings that substantiate the writer's position and strengthen their argument.
- Counterargument
- A counterargument is an opposing viewpoint or objection to the main argument presented in an essay. Addressing counterarguments helps to demonstrate a thorough understanding of the topic and strengthens the credibility of the writer’s position.
- Conclusion
- The conclusion is the final section of an essay or paper that summarizes the main points, restates the thesis, and provides closure. It often reflects on the significance of the argument and may suggest implications or future areas of research.
- Coherence
- The quality of being logical and consistent in writing, where ideas are clearly connected and flow smoothly from one to the next.
Vocab List
Use the Vocab List Widget to create a list of collapsible vocabulary items with terms and definitions.
Use .vocab-list to wrap the vocabulary list. Use <dt> tags for terms and <dd> for definitions.
- Thesis Statement
- Topic Sentence
- Transition