Design your own page using the Blank Page template. Turn this into an introduction page, lecture page, content page - the possibilities are endless!
Blank Page - Default
The Starter Kit comes with a simple page that is pre-formatted and ready to create engaging learning experiences. The Blank Page Template comes with a banner, a heading element, and placeholder paragraph text.
You can use Building Blocks to customize this page or keep it simple by using the HTML Editor in D2L.
Explore
Preview
Blank Page Template
Apply
Code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!--© 2022 Arizona Board of Regents on behalf of The University of Arizona.-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Course Maker Template</title>
<!--CUSTOM STYLESHEETS-->
<link rel="stylesheet"
href="https://coursemaker.arizona.edu/sites/default/files/shared/CourseMaker/Assets/Stylesheets/main-styles.css">
</head>
<body>
<div class="uacm-banner">
<img src="https://coursemaker.arizona.edu/sites/default/files/shared/CourseMaker/Assets/Images/Banners/UArizona/UArizona_03.jpg"
alt="A mural called The Cactus Comet Rides Again by
artist Danny Martin">
</div>
<div class="uacm-container">
<h1 class="uacm-text-center">Heading One</h1>
<p>#ToDo: Edit Blank Page title above this line.</p>
<p>#ToDo: Learn more about the <a target="_blank"
href="https://coursemaker.arizona.edu/build/page-templates/blank-page">Blank
Page</a> template on the
Course Maker website.</p>
<p>#ToDo: Build your own custom page from scratch using <a
target="_blank"
href="https://coursemaker.arizona.edu/build/building-blocks">Building
Blocks</a>.</p>
</div>
<!--CUSTOM SCRIPTS-->
<script
src="https://coursemaker.arizona.edu/sites/default/files/shared/CourseMaker/Assets/Scripts/custom-script.js">
</script>
</body>
</html>
Blank Page Full-Width
By default Course Maker Starter Kit pages, have plenty of white space on left and right page margins to help with readability. But, there are cases when you will need as much space as you can get for your content. This full-width layout can be used for pages with heavy text content and data tables.
Explore
Preview
Blank Page Fill Width
Apply
Code
<!DOCTYPE html>
<html lang="en">
<head>
<!--© 2022 Arizona Board of Regents on behalf of The University of Arizona.-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blank Page Full-Width</title>
<!--CUSTOM STYLESHEETS-->
<link rel="stylesheet"
href="https://coursemaker.arizona.edu/sites/default/files/shared/CourseMaker/Assets/Stylesheets/main-styles.css">
</head>
<body>
<div class="uacm-banner">
<img src="https://coursemaker.arizona.edu/sites/default/files/shared/CourseMaker/Assets/Images/Banners/UArizona/UArizona_03.jpg"
alt="A mural called The Cactus Comet Rides Again by
artist Danny Martin">
</div>
<div class="uacm-container-full-width">
<h1 class="uacm-text-center">Blank Page Full-Width</h1>
<p>#ToDo: Edit Blank Page title above this line.</p>
<p>#ToDo: Learn more about the <a target="_blank"
href="https://coursemaker.arizona.edu/build/page-templates/blank-page">Blank
Page</a> template on the
Course Maker website.</p>
<p>#ToDo: Build your own custom page from scratch using <a
target="_blank"
href="https://coursemaker.arizona.edu/build/building-blocks">Building
Blocks</a>.</p>
</div>
<!--CUSTOM SCRIPTS-->
<script
src="https://coursemaker.arizona.edu/sites/default/files/shared/CourseMaker/Assets/Scripts/custom-script.js">
</script>
</body>
</html>