forked from jenniferwagner18/d2l-content-templates
-
Notifications
You must be signed in to change notification settings - Fork 0
/
04_basic_page.html
50 lines (50 loc) · 3.1 KB
/
04_basic_page.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="../assets/thirdpartylib/bootstrap-4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="../assets/thirdpartylib/fontawesome-free-5.9.0-web/css/all.min.css">
<link rel="stylesheet" href="../assets/css/styles.min.css">
<link rel="stylesheet" href="../assets/css/custom.css">
<script src="../assets/thirdpartylib/jquery/jquery-3.3.1.slim.min.js" defer></script>
<script src="../assets/thirdpartylib/popper-js/popper.min.js" defer></script>
<script src="../assets/thirdpartylib/bootstrap-4.3.1/js/bootstrap.min.js" defer></script>
<script src="../assets/js/scripts.min.js" defer></script>
<title>Basic Page</title>
</head>
<body><main>
<div class="container-fluid">
<div class="row">
<div class="col-12 banner-img"><img src="../assets/img/banner_01.jpg" alt="" /></div>
<div class="col-sm-10 offset-sm-1">
<!-- DO NOT EDIT CODE ABOVE THIS LINE -->
<h1>Basic Page</h1>
<p>This Basic page is a general-purpose layout.</p>
<h2>Easy Editing Use the HTML Editor</h2>
<p>You can use the HTML editor to make quick and easy changes without needing any prior knowledge of HTML. Enter your content and use the available controls to apply formatting to your text.</p>
<h3>Copying Text</h3>
<p>Pro Tip: When writing content, it is a great practice to first write content in a document, such as Microsoft Word. It allows stakeholders to easily collaborate and track changes to content. It also allows you to spot spelling and grammar errors early on.</p>
<p>When pasting text from a Word document into the HTML editor, however, some of the document's text styling will copy over. This will clash with the styles that are carefully crafted for this template. So, we recommend to paste the text without formatting.</p>
<div class="card card-graphic">
<div class="card-body">
<div class="card-icon"><i class="fas fa-exclamation"></i></div>
<div class="card-text">
<p>To paste copied text without formatting, you can use <strong>Ctrl+Shift+V</strong> on a PC or <strong>Cmd+Shift+V</strong> on a Mac. When using Chrome, you can also right click and choose <strong>Paste as plain text</strong> on a PC or <strong>Paste and Match Style</strong> on a Mac.</p>
</div>
</div>
</div>
<h2>New Window and Download Icons</h2>
<p>When adding links that open in new windows/tabs or links to download documents such as PDFs or PPTs, an icon will automatically appear so that learners will know what to expect when they click on the link.
<p>Link that opens in new window: <a href="https://www.d2l.com/" target="_blank">D2L Homepage</a></p>
<p>Link that opens as PDF download: <a href="https://www.d2l.com/wp-content/uploads/2022/03/Video-transcript.pdf">Inclusive Learning with D2L Brightspace</a></p>
<p>Screen readers will announce that the link either opens in a new window/tab or downloads a file.</p>
<!-- DO NOT EDIT CODE BELOW THIS LINE -->
</div>
<div class="col-12"><footer>
<p><img src="../assets/img/logo.png" alt="" /></p>
</footer></div>
</div>
</div>
</main></body>
</html>