Basic page title

Summary text provides a brief overview of the content to explain the main point - what it will help users do or understand and who its for.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ultricies mauris ac sem tincidunt malesuada. Quisque non odio a mauris malesuada porta ut non ante.

Heading 2

Duis in accumsan ligula. Mauris sollicitudin massa eu aliquam facilisis. Cras mollis, elit in venenatis rhoncus, nulla dolor rutrum orci, non varius turpis magna quis ligula. Donec et porta nibh, eget tristique nisl.

Heading 3

Vivamus gravida nec enim quis venenatis. Cras bibendum mauris leo, sed cursus lectus malesuada lacinia. Phasellus semper purus eget egestas viverra. Sed tincidunt odio ex, vel dignissim magna facilisis sit amet. Nullam id ipsum velit.

Related information

<div class="container">
  <div class="row">
  	<div class="col-xs-12">
  		<h1>Basic page title</h1>
  		<div id="summary">Summary text provides a brief overview of the content to explain the main point - what it will help users do or understand and who its for.</div>
  	</div>
  </div>
  <div class="row">
  	<div class="col-sm-12 col-md-8">

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ultricies mauris ac sem tincidunt malesuada. Quisque non odio a mauris malesuada porta ut non ante. </p>

<h2>Heading 2</h2>
      <p>Duis in accumsan ligula. Mauris sollicitudin massa eu aliquam facilisis. Cras mollis, elit in venenatis rhoncus, nulla dolor rutrum orci, non varius turpis magna quis ligula. Donec et porta nibh, eget tristique nisl.</p>
      <h3>Heading 3</h2>
      <p>Vivamus gravida nec enim quis venenatis. Cras bibendum mauris leo, sed cursus lectus malesuada lacinia. Phasellus semper purus eget egestas viverra. Sed tincidunt odio ex, vel dignissim magna facilisis sit amet. Nullam id ipsum velit.</p>

</div>
  <div class="col-sm-12 col-md-4">
    <div class="secondary-content">
      <h3>Related information</h3>

<ul>
        <li><a href="#">Department of Education</a></li>
        <li><a href="#">Student assistance</a></li>
        <li><a href="#">Graduate to Opportunity</a></li>
      </ul>
    </div>

<div class="secondary-content">
        <h3>Follow Us</h3>

<ul class="icon-list">
          <li class="facebook"><a href="https://facebook.com/nsgov">Facebook</a></li>
          <li class="twitter"><a href="https://twitter.com/nsgov">Twitter</a></li>
        </ul>
      </div>

</div>
  </div>
</div>

basic-page.html

Accountability report 2016 to 2017: Office of Service Nova Scotia

Summary text provides a brief overview of the document to explain what it it is and who its for.

Brief overview of the document contents, with just enough detail for users to determine if it is the document they are looking for.

Sometimes we break out a list:

who it is for
how a program works
what something costs
how the document might be used

Accountability report 2016 to 2017: Office of Service Nova Scotia 9 page PDF
File size:412 kB

This document may not be fully accessible if you're using assistive technology.
Request a different format

Type:

Accountability report
Corporate report

Department: Service Nova Scotia

<div class="container">
  <div class="row">
  	<div class="col-xs-12">
        <h1>Accountability report 2016 to 2017: Office of Service Nova Scotia</h1>
        <div id="summary">Summary text provides a brief overview of the document to explain what it it is and who its for.</div>
        
          <div id="body">
            <p>Brief overview of the document contents, with just enough detail for users to determine if it is the document they are looking for.</p>
        
            <p>Sometimes we break out a list:</p>
        
            <ul>
              <li>who it is for</li>
              <li>how a program works</li>
              <li>what something costs</li>
              <li>how the document might be used</li>
            </ul>
          </div>
        
          <div class="document-link-container pdf-download">
            <a href="/sites/default/files/documents/1-993/accountability-report-2016-2017-office-service-nova-scotia-en.pdf" type="application/pdf"  class="document-link">
              <span class="document-thumbnail-container">
                <img src="https://beta.novascotia.ca/sites/default/files/styles/large/public/default_images/default-blue-03.png?itok=e3la_XV0" width="327" height="428" alt="" typeof="foaf:Image" />
              </span>
              <span class="document-title">
                Accountability report 2016 to 2017: Office of Service Nova Scotia
                  </span>
              <span class="document-details">
                <span class="document-pages">9 page</span>
                <span class="document-type" title="application/pdf">PDF</span>
                <br/>
                File size:<span title="411644 bytes">412 kB</span>
              </span>
            </a>
            
            <div class="accessibility-email">
              This document may not be fully accessible if you&#039;re using assistive technology.<br />
          
              <a href="/request-different-format?pid=SNS_Profile_010" tabindex="-1">Request a different format</a>
            </div>
          </div>
          <hr class="document-details">
          <section aria-label="Document details">
            Type:
              <ul class="document-category">
                      <li>Accountability report</li>
                      <li>Corporate report</li>
                    </ul>
              <br>
            Department: Service Nova Scotia
           </section>
        
    </div>
  </div>
</div>

document-page.html

Pages

Page and structural UI patterns

Basic page title

Heading 2

Heading 3

Related information

Follow Us

Accountability report 2016 to 2017: Office of Service Nova Scotia