@qld-gov-au/qgds-bootstrap5 1.0.1 → 1.0.2

package/src/templates/content/form-example.html

@@ -0,0 +1,89 @@
+<div class="container">
+
+    <!-- From input fields -->
+    <h3 class="mt-2 mb-3" id="formControls">Your details</h3>
+
+
+    <div class="row mb-4">
+        <div class="col col-md-6">
+            <label for="lastname" class="form-label">Last name</label>
+            <div class="form-label-hint">This should match your identification document</div>
+            <input type="text" class="form-control" id="lastname" placeholder="Example input placeholder">
+        </div>
+    </div>
+
+    <div class="row mb-4">
+        <div class="col col-md-6">
+            <label for="email" class="form-label">Email address</label>
+            <div class="form-label-hint">Optional</div>
+            <input type="text" class="form-control" id="email" placeholder="Example input placeholder">
+        </div>
+    </div>
+
+    <div class="row mb-4">
+        <div class="col col-md-6">
+            <label for="moreinfo" class="form-label">Textarea</label>
+            <textarea class="form-control" id="moreinfo" placeholder="Example textarea placeholder"
+                rows="10"></textarea>
+        </div>
+    </div>
+
+    <!-- Select -->
+    <h3 class="mt-2 mb-3" id="selects">Region</h3>
+
+    <div class="row">
+        <div class="col-4">
+            <div class="mb-3">
+                <label for="city" class="form-label">City</label>
+                <select class="form-select form-select-lg" name="city" id="city" aria-label="size 3 select example">
+                    <option selected>Select one</option>
+                    <option value="">Brisbane</option>
+                    <option value="">Townsville</option>
+                    <option value="">Cairns</option>
+                </select>
+            </div>
+        </div>
+    </div>
+
+    <!-- Radios -->
+    <h3 class="mt-2 mb-3" id="radios">Radios</h3>
+
+    <div class="row">
+        <div class="col">
+            <div class="form-check">
+                <input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
+                <label class="form-check-label" for="flexRadioDefault1">
+                    Default radio
+                </label>
+            </div>
+            <div class="form-check">
+                <input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault2" checked>
+                <label class="form-check-label" for="flexRadioDefault2">
+                    Default checked radio
+                </label>
+            </div>
+        </div>
+    </div>
+
+    <!-- Checkboxes -->
+    <h3 class="mt-2 mb-3" id="radios">Checkboxes</h3>
+
+    <div class="row">
+        <div class="col">
+            <div class="form-check">
+                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+                <label class="form-check-label" for="flexCheckDefault">
+                    Default checkbox
+                </label>
+            </div>
+            <div class="form-check">
+                <input class="form-check-input" type="checkbox" value="" id="flexCheckChecked" checked>
+                <label class="form-check-label" for="flexCheckChecked">
+                    Checked checkbox
+                </label>
+            </div>
+        </div>
+    </div>
+
+
+</div>

package/src/templates/content/landing-with-cards.html

@@ -0,0 +1,3 @@
+<h3>Popular</h3>
+{{{ components.cardblock }}}
+

package/src/templates/content/landing.html

@@ -0,0 +1 @@
+{{{content}}}

package/src/templates/content/main.html

@@ -0,0 +1,81 @@
+{{{ components.inpagenav }}}
+
+
+<h2 id="section-heading">Section heading (H2) test hi world</h2>
+
+{{{ components.callout }}}
+
+
+<!-- Insert Dismissable Alert -->
+
+
+<!-- Insert Success Alert -->
+{{{ components.alerts.closure }}}
+
+{{{ components.alerts.receipt }}}
+
+{{{ components.alerts.reminder }}}
+
+<p>When you buy a new or used vehicle from a motor dealer, generally they will arrange
+    registration and compulsory third party (CTP) insurance for you. You will need to provide
+    evidence of identity such as your current driver licence.</p>
+
+<p>If a motor dealer has not arranged registration of your vehicle, or if you buy a vehicle
+    privately, the new registration must be done at a transport and motoring service centre. If
+    you live in a rural area you can visit a QGAP office, Magistrates Court or local police
+    station that provides vehicle registration services—please call to confirm before visiting.
+</p>
+
+{{{components.accordion}}}
+
+<p>If you have not already done so, check that the vehicle is unencumbered by searching on the
+    <a href="#" target="_blank">Personal Property Securities Register (PPSR)</a> website. It will show if there is money
+    owing
+    or an interest registered by the State Penalties Enforcement Registry (SPER). You can't
+    register a vehicle if an interest has been registered by SPER.
+</p>
+
+<p>You can't apply for a new registration via Transport and Main Roads online services.</p>
+
+<p>To register a vehicle in Queensland, refer to the registration checklist and take these items
+    with you when registering your vehicle.</p>
+
+<h3 id="content-heading">Content heading (H3)</h3>
+
+<p>If you are eligible for a registration concession make sure you let the dealer know and provide proof to enable the
+    dealer to include the concession.</p>
+
+<p>You can't have a concession on 2 vehicles at the same timefor some concession types.</p>
+
+{{{components.callout}}}
+
+
+<h2 id="inspection">Pre-registration inspection</h2>
+
+<p>You must take the vehicle with you because it may need to be inspected before it can be
+    registered.</p>
+
+<p>Light motor vehicles with a gross vehicle mass (GVM) of 4.5t or less and motorcycles may
+    require a pre-registration inspection to confirm the vehicle’s identity.</p>
+
+<p>A pre-registration inspection must be conducted on all heavy motor vehicles with a GVM over
+    4.5t to ensure the vehicle complies with Australian Design Rules.</p>
+
+<p>Pre-registration inspection services for heavy motor vehicles can be done by an accredited
+    person under the Heavy Vehicle Registration Assessment Scheme.</p>
+
+<h3 id="fees-and-charges">Fees and charges</h3>
+
+<p>Commencing on 01 July 2023, registration fees for vehicle registration are:</p>
+
+{{{components.table}}}
+
+<p>For more information on registration fees, refer to the <a href="#" target="_blank">Registration fees</a> page.</p>
+
+
+<h2 id="related-services">Related services</h2>
+{{{components.cardblock}}}
+
+<h2 id="pagination">Pagination</h2>
+{{{ components.pagination }}}
+

package/src/templates/content/reference-sheet-body.html

@@ -0,0 +1,66 @@
+
+
+<h2 id="section-heading">Component reference sheet</h2>
+
+<h3 id="accordion">Accordion</h3>
+{{{ accordion }}}
+
+<h3 id="alert">Alerts</h3>
+{{{ alert.success }}}
+{{{ alert.closure }}}
+{{{ alert.receipt }}}
+{{{ alert.reminder }}}
+
+{{{ alert.info }}}
+{{{ alert.warning }}}
+{{{ alert.danger }}}
+{{{ alert.light }}}
+{{{ alert.dark }}}
+
+<h3 id="banner">Banner</h3>
+<small>Refer <a href="index.html" target="_blank">example layout</a></small>
+
+<h3 id="blockquote">Blockquote</h3>
+{{{ blockquote }}}
+
+<h3 id="breadcrumbs">Breadcrumbs</h3>
+{{{ breadcrumbs }}}
+
+<h3 id="buttons">Buttons</h3>
+{{{ button.primary }}}
+{{{ button.secondary }}}
+{{{ button.outlinePrimary }}}
+{{{ button.outlineSecondary }}}
+
+<h3 id="callout">Callout</h3>
+{{{ callout }}} 
+
+<h3 id="cards">Cards</h3>
+{{{ cardblock }}}
+
+<h3 id="checkbox">Checkbox</h3>
+{{{ checkbox }}}
+
+<h3 id="correctincorrect">Correctincorrect</h3>
+{{{ correctincorrect }}}
+
+<h3 id="forms">Forms</h3>
+<small>Refer <a href="index.html" target="_blank">example layout</a></small>
+
+<h3 id="inpagenav">Inpagenav</h3>
+{{{ inpagenav }}}
+
+<h3 id="navbar">Navbar</h3>
+{{{ navbar }}}
+
+<h3 id="pagination">Pagination</h3>
+{{{ pagination }}}
+
+<h3 id="radio">Radio</h3>
+{{{ radio }}}
+
+<h3 id="sidenav">Sidenav</h3>
+<small>Refer <a href="index.html" target="_blank">example layout</a></small>
+
+<h3 id="table">Table</h3>
+{{{ table }}}

package/src/templates/content/sidenav-components.html

@@ -0,0 +1,75 @@
+<aside class="qld-aside">
+
+    <div class="qld-side-navigation">
+
+        <h2 class="nav-title">In this section</h2>
+
+        <!-- Level One -->
+        <ul class="nav" aria-label="section navigation">
+
+            <li class="nav-item">
+                <a href="#accordion" class="nav-link" >
+                    Accordion
+                </a>
+            </li>
+
+            <li class="nav-item">
+                <a href="#alerts" class="nav-link" >
+                    Alerts
+                </a>
+            </li>
+
+            <li class="nav-item">
+                <a href="#blockquote" class="nav-link">
+                    Blockquote
+                </a>
+            </li>
+
+            <li class="nav-item">
+                <a href="#breadcrumbs" class="nav-link">
+                    Breadcrumbs
+                </a>
+            </li>
+
+            <li class="nav-item">
+                <a ref="#buttons" class="nav-link">
+                    Buttons
+                </a>
+            </li>
+
+            <li class="nav-item">
+                <a href="#callouts" class="nav-link">
+                    Callouts
+                </a>
+            </li>
+
+            <li class="nav-item">
+                <a href="#cards" class="nav-link">
+                    Cards
+                </a>
+            </li>
+
+            <li class="nav-item">
+                <a href="#pagination" class="nav-link">
+                    Pagination
+                </a>
+            </li>
+
+
+            <li class="nav-item">
+                <a href="#tables" class="nav-link">
+                    Tables
+                </a>
+            </li>
+
+            <li class="nav-item">
+                <a href="#forms" class="nav-link">
+                    Forms
+                </a>
+            </li>
+
+        </ul>
+
+    </div>
+
+</aside>