-
Notifications
You must be signed in to change notification settings - Fork 1
/
home.html
98 lines (94 loc) · 4.7 KB
/
home.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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>UQ LearnX Custom HTML Components</title>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<!--UQ icon set-->
<link href="https://studio.edge.edx.org/static/studio/edx.org-next/css/cms-style-vendor.0bb1c51e34bf.css" rel="stylesheet" type="text/css">
<!--jQuery version 3.6.0-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.js" integrity="sha512-n/4gHW3atM3QqRcbCn6ewmpxcLAHGaDjpEBu4xZd47N0W2oQ+6q7oc3PXstrJYXcbNU1OHdQ1T7pAP+gi5Yu8g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://kit.fontawesome.com/5db3c94720.js" crossorigin="anonymous"></script>
<style>
.page-header,
.footer {
background: linear-gradient(90deg, #51247a 0%, #56247a 60%, #61257d 80%, #962a8b 100%);
}
.footer ul{
display: flex;
flex-wrap: wrap;
justify-content: start;
flex-direction: row;
margin: 0;
padding: 0;
}
.footer li{
color: #d4c8de;
display: flex;
flex-wrap: wrap;
flex-direction: row;
list-style-type: none;
margin: 0;
padding: 10px;
font-size: .875rem;
}
</style>
</head>
<body>
<div class="page-header">
<div class="row w-100">
<div class="col-4">
<img src="https://static.uq.net.au/v11/logos/corporate/uq-lockup-landscape--reversed.svg" class="m-3" />
</div>
<div class="col-8">
<h1 style="color:white;">UQ LearnX Custom HTML Home</h1>
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="home.html">Elements</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="accordions.html">Text Accordion</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://uq-itali.github.io/uqlearnx/"></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Pricing</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="textLayoutsDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">Text Layouts</a>
<ul class="dropdown-menu" aria-labelledby="textLayoutsDropdown">
<li><a class="dropdown-item" href="accordions.html">Horizontal tabs</a></li>
<li><a class="dropdown-item" href="#">Add a mouseover/tooltip</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<div class="container-fluid mt-2">
<h2 id="topOfPage">Welcome to the LearnX Customisations Builder</h2>
<p>This page contains a number of customisations built over time for use in LearnX. Click the link in the header of the content type you would like to use to jump to that part of the page, follow the instructions to build your custom component, then click the copy code button and paste it in LearnX where you plan to use the element.</p>
</div>
<footer class="footer fixed-bottom">
<ul>
<li>© The University of Queensland</li>
<li><abbr title="Australian Business Number">ABN</abbr>: 63 942 912 684</li>
<li><abbr title="Commonwealth Register of Institutions and Courses for Overseas Students">CRICOS</abbr> Provider No: <a href="https://www.uq.edu.au/about/cricos-link" rel="external" data-gtm-label="CRICOS 00025B">00025B</a></li>
</ul>
</footer>
<!--Bootstrap JS + Popper for tooltips and popovers-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</body>
</html>