Components

<!-- card panel  -->
  <div class="centraliser ">
  	<div class="block formatting">
  		<div class="card-panel">
  			<section class="card">
  				<h2>Choose Victoria and make
  					a difference</h2>
  				<p>Victoria’s research output is used at community, national and international levels. Our academic and business partnerships have global impacts in many fields.</p>
  				<p>Victoria’s research output is used at community, national and international levels. Our academic and business partnerships have global impacts in many fields.</p>
  				<a title="Why to study at Victoria" href="#" class="button large primary">Learn more</a>
  			</section>
  			<section class="card">
  				<h2>Find a supervisor</h2>
  				<p>Victoria’s research output is used at community, national and international levels. Our academic and business partnerships have global impacts in many fields.</p>
  				<p>Victoria’s research output is used at community, national and international levels. Our academic and business partnerships have global impacts in many fields.</p>
  				<a title="Why to study at Victoria" href="#" class="button large primary">Learn more</a>
  			</section>
  			<section class="card">
  				<h2>Funding your study</h2>
  				<p>Victoria’s research output is used at community, national and international levels. Our academic and business partnerships have global impacts in many fields.</p>
  				<p>Victoria’s research output is used at community, national and international levels. Our academic and business partnerships have global impacts in many fields.</p>
  				<a title="Why to study at Victoria" href="#" class="button large primary">Learn more</a>
  				<a title="Why to study at Victoria" href="#" class="button large ">Scholarships</a>
  			</section>
  			<section class="card">
  				<h2>How to apply</h2>
  				<p>Victoria’s research output is used at community, national and international levels. Our academic and business partnerships have global impacts in many fields.</p>
  				<p>Victoria’s research output is used at community, national and international levels. Our academic and business partnerships have global impacts in many fields.</p>
  				<a title="Why to study at Victoria" href="#" class="button large primary">Learn more</a>
  			</section>
  		</div>
  	</div>
  </div>

<!-- card panel  -->
  <div class="centraliser ">
  	<div class="block formatting">
  		<div class="card-panel icon-cards">
  
  			<section class="card">
  				<span>
  					<i class="icon-book"></i>
  				</span>
  				<p>Victoria’s research output is used at community, national and international levels. Our academic and business partnerships
  					have global impacts in many fields.</p>
  				<p>Victoria’s research output is used at community, national and international levels. Our academic and business partnerships
  					have global impacts in many fields.</p>
  				<a title="Why to study at Victoria" href="#" class="button large primary">Victoria’s research performance and rankings</a>
  			</section>
  
  			<section class="card">
  				<span>
  					<i class="icon-graduation-cap"></i>
  				</span>
  				<p>Victoria’s research output is used at community, national and international levels. Our academic and business partnerships
  					have global impacts in many fields.</p>
  				<p>Victoria’s research output is used at community, national and international levels. Our academic and business partnerships
  					have global impacts in many fields.</p>
  			</section>
  
  		</div>
  	</div>
  </div>

<!-- card panel  -->
  <div class="centraliser ">
  	<div class="block formatting">
  		<div class="card-panel">
  			<section class="contact-card">
  				<h2>Contact us</h2>
  				<div class="contact-card-details">
  					<div class="contact-title">
  						<h3>Faculty of Graduate Research</h3>
  						<p>Victoria’s research output is used at community, national and international levels. Our academic and business
  							partnerships have global impacts in many fields.
  						</p>
  					</div>
  
  					<address class="contact-info">
  						<ul>
  							<li>
  								<span class="icon-phone"></span>
  								<a href="tel:0800 VICTORIA (842 867)" title="Call to general enquiries">+64 4 463 5350</a>
  							</li>
  							<li>
  								<span class="icon-mail"></span>
  								<a href="mailto:info@wgtn.ac.nz" title="Send an email to info@wgtn.ac.nz">Email the Faculty of Graduate Research</a>
  							</li>
  						</ul>
  
  					</address>
  				</div>
  
  
  				<!-- map iframe -->
  				<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2997.9997526443713!2d174.76632835202034!3d-41.28710984827861!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6d38b02bfa4a862f%3A0x986dc301d1faba16!2s10+Kelburn+Parade%2C+Kelburn%2C+Wellington+6012!5e0!3m2!1sen!2snz!4v1511900346423" width="100%" height="150" frameborder="0" style="border:0" allowfullscreen></iframe>
  			</section>
  
  		</div>
  	</div>
  </div>

<div class="popup-positioner">
  	<aside class="popup" id="popup-example4" role="dialog" data-autoload data-gtm-track data-opts='{ "delayInMs": 3500 }' aria-labelledby="popup-label" aria-describedby="popup-description" aria-live="polite">
  
  		<header>
  			<a href="javascript:;" class="btn-close" title="Close and don't show again" data-gtm-id="popup-example4-close" data-gtm-track="click">&times;</a>
  			<h2 class="caption" id="popup-label">Auto-opening popup box</h2>
  		</header>
  
  		<div class="body formatting">
  			<p id="popup-description">Pops up immediately after page loads, or after a additional time delay (includes Google Tag Manager tracking)</p>
  			<div class="btn-holder">
  				<a class="button button-cancel" href="javascript:;" title="Hide the popup" data-gtm-track="click" data-gtm-id="popup-example4-no">No, thanks</a>
  				<a class="button primary button-ok" href="https://qualtrics.com" title="Go to the short survey" target="_blank" data-gtm-id="popup-example4-yes" data-gtm-track="click">Take the survey</a>
  			</div>
  		</div>
  
  	</aside>
  </div>

<!-- Example link triggering the popup opening dynamically -->
  <a href="javascript:;" onclick="$( '#popup-example' ).vicApp().openPopup()">Open popup box on click</a>
  
  <!-- Popup -->
  <div class="popup-positioner">
  	<aside class="popup" id="popup-example" role="dialog" aria-labelledby="popup-label" aria-describedby="popup-description" aria-live="polite">
  
  		<header>
  			<a href="javascript:;" class="btn-close" title="Close and don't show again">&times;</a>
  			<h2 class="caption" id="popup-label">Popup box opening on demand</h2>
  		</header>
  
  		<div class="body formatting">
  			<p id="popup-description">This popup opens on demand (e.g. when the element is clicked) or dynamically.</p>
  			<div class="btn-holder">
  				<a class="button button-cancel" href="javascript:;" title="Hide the popup">No, thanks</a>
  				<a class="button primary button-ok" href="https://qualtrics.com" title="Go to the short survey" target="_blank">Take the survey</a>
  			</div>
  		</div>
  
  	</aside>
  </div>

<!-- Example link triggering the popup opening dynamically -->
  <a href="javascript:;" onclick="$( '#popup-example3' ).vicApp().openPopup()">Open embedded popup block on a click</a>
  <br>
  <br>
  <!-- Popup -->
  <aside class="popup" id="popup-example3" role="dialog" aria-labelledby="popup-label" aria-describedby="popup-description" aria-live="polite">
  
  	<header>
  		<a href="javascript:;" class="btn-close" title="Close and don't show again">&times;</a>
  		<h2 class="caption" id="popup-label">Embedded popup block opening on demand</h2>
  	</header>
  
  	<div class="body formatting">
  		<p id="popup-description">This popup block opens dynamically on demand (e.g. when the element is clicked) or dynamically.</p>
  		<div class="btn-holder">
  			<a class="button button-cancel" href="javascript:;" title="Hide the popup">No, thanks</a>
  			<a class="button primary button-ok" href="https://qualtrics.com" title="Go to the short survey" target="_blank">Take the survey</a>
  		</div>
  	</div>
  
  </aside>

<div class="global" id="global-nav">
  
  	<div class="menu-toggle horisontal-links">
  		<a href="javascript:void(0);">
  			<div class="logo-mini">&nbsp;</div>
  		</a>
  		<a href="javascript:void(0);" class="js-toggle-global-nav" role="button" aria-label="Toggle Navigation">
  
  			<span class="tcon tcon-menu--xcross" aria-label="toggle menu" style="float:right;">
  				<span class="tcon-menu__lines" aria-hidden="true"></span>
  				<span class="tcon-visuallyhidden">toggle menu</span>
  			</span>
  
  		</a>
  		<!-- <div class="mobile logo-mini"></div> -->
  	</div>
  
  	<div class="menu">
  		<nav>
  			<div class="search">
  				<form method="get" action="//wgtn.ac.nz/search">
  					<div role="search">
  						<a href="javascript:void(0);" class="js-toggle-global-search hide-on-mobile">
  							<span class="tcon tcon-search--xcross " aria-label="toggle search">
  								<span class="tcon-search__item" aria-hidden="true"></span>
  								<span class="tcon-visuallyhidden">toggle search</span>
  							</span>
  						</a>
  						<!-- <a href="#" class="icon-search js-toggle-global-search hide-on-mobile"></a> -->
  						<label class="input-wrapper -icon-search" id="global-search">
  
  							<input type="text" autocomplete="off" name="q" placeholder="Search Victoria for…" required>
  							<input type="submit" value="Go">
  
  						</label>
  					</div>
  				</form>
  
  				<div class="horisontal-links align-center hide-on-desktop">
  					<a href="#"><span class="icon-home"></span>Home</a>
  					<a href="#"><span class="icon-phone"></span>Contact</a>
  				</div>
  			</div>
  
  			<div id="menu">
  				<a href="#" class="home">
  					<span class="icon-home"></span>
  					<span class="hide-on-desktop">Victoria's main site</span>
  				</a>
  				<a href="#">Future students</a>
  				<a href="#">International students</a>
  				<a href="#">Current students</a>
  				<a href="#">Research</a>
  				<a href="#">About Victoria</a>
  
  				<!-- 		    <label role="search" class="hide-on-mobile">
    		    	<a href="#" class="icon-search"></a>
    		    </label> -->
  			</div>
  
  
  		</nav>
  
  	</div>
  </div>

<nav class="sidemenu" role="navigation" data-gtm-track>
  
  	<!-- Mobile devices *only* sidemenu control -->
  	<h1 class="sidemenu-toggle"><a href="#" title="Show/Hide Research menu">Research menu</a></h1>
  
  	<ul>
  		<!-- Alt Root (1st) level items under the given Hub -->
  		<li class="sidemenu__label"><a href="#" title="">Engage</a></li>
  
  		<!-- Root (1st) level items under the given Hub -->
  		<li><a class="sidemenu__link--withIcon" href="#" title="">Staff Support <i class="icon-arrow-left"></i></a></li>
  
  		<li>
  			<a href="#" title="">Research and ethics integrity</a>
  
  			<!-- 2nd level -->
  			<ul>
  				<li><a href="#" title="">General rules</a></li>
  				<li><a href="#" title="">Staff</a></li>
  				<li><a href="#" title="">Research and ethics integrity manual</a></li>
  				<li><a href="#" title="">Responsibilities</a></li>
  			</ul>
  		</li>
  
  		<li class="has-submenu active expanded">
  			<a href="/research-IA/engage-our-talent.html" title="">New research staff and their specialisation</a>
  			<span class="btn-expander" title="Toggle subpages"></span>
  
  			<!-- 2nd level -->
  			<ul>
  				<li><a href="#" title="">Welcome ceremony</a></li>
  				<li><a href="#" title="">Privacy rules</a></li>
  				<li><a href="#" title="">Research departments</a></li>
  
  				<li class="has-submenu active expanded">
  					<a href="#" title="">Contacts</a>
  					<span class="btn-expander" title="Toggle subpages"></span>
  
  					<!-- 3rd level -->
  					<ul>
  						<li><a href="#" title="">Directorate</a></li>
  						<li class="active"><a href="#" title="">General assistance</a></li>
  						<li><a href="#" title="">Emergency issues</a></li>
  						<li><a href="#" title="">E-mail and phone</a></li>
  						<li><a href="#" title="">Guidelines</a></li>
  					</ul>
  
  				</li>
  
  				<li><a href="#" title="">Organisational structure</a></li>
  				<li><a href="#" title="">Human resources and hiring process</a></li>
  			</ul>
  		</li>
  
  		<li><a href="#" title="">Commercialise your research</a></li>
  		<li><a href="#" title="">Research funding and grants</a></li>
  
  		<li>
  			<a href="#" title="">PBRF</a>
  
  			<!-- 2nd level -->
  			<ul>
  				<li><a href="#" title="">Welcome ceremony</a></li>
  				<li><a href="#" title="">Privacy rules</a></li>
  				<li><a href="#" title="">Research departments</a></li>
  
  				<li>
  					<a href="#" title="">Contacts</a>
  
  					<!-- 3rd level -->
  					<ul>
  						<li><a href="#" title="">Directorate</a></li>
  						<li><a href="#" title="">General assistance</a></li>
  						<li><a href="#" title="">Emergency issues</a></li>
  						<li>
  							<a href="#" title="">E-mail and phone</a>
  
  							<!-- 4th level -->
  							<ul>
  								<li><a href="#" title="">Department of internal relationships</a></li>
  								<li><a href="#" title="">Department of seriousness relationships</a></li>
  								<li><a href="#" title="">Direct assistance services</a></li>
  								<li><a href="#" title="">Lost and found</a></li>
  							</ul>
  						</li>
  						<li><a href="#" title="">Guidelines</a></li>
  					</ul>
  
  				</li>
  
  				<li><a href="#" title="">Organisational structure</a></li>
  				<li><a href="#" title="">Human resources and hiring process</a></li>
  			</ul>
  		</li>
  
  		<li>
  			<a href="#" title="">Workshops, resources and support</a>
  
  			<ul>
  				<li><a href="#" title="">Workshop</a></li>
  				<li><a href="#" title="">Resources</a></li>
  				<li><a href="#" title="">Support</a></li>
  				<li><a href="#" title="">Events</a></li>
  				<li><a href="#" title="">Dates</a></li>
  				<li><a href="#" title="">Contacts</a></li>
  				<li><a href="#" title="">Issues resolution</a></li>
  				<li><a href="#" title="">Framework</a></li>
  				<li><a href="#" title="">Best practices</a></li>
  			</ul>
  		</li>
  
  		<li><a href="#" title="">Supervising research students</a></li>
  	</ul>
  </nav>

<nav aria-label="breadcrumb" role="navigation" aria-label="You are here:">
  	<ul class="breadcrumbs block">
  
  		<!-- Homepage -->
  		<li>
  			<a href="#" title="Faculty of Science homepage">Faculty of Science</a>
  		</li>
  
  		<li>
  			<a href="#" title="Parent page 'Study and Careers'">From Master's to MetService: first-ever Master of Meteorology students graduate this week</a>
  		</li>
  
  		<li>
  			<a href="#" title="Parent page 'Postgraduate Study'">Postgraduate Study</a>
  		</li>
  
  		<li>
  			<a href="#" title="Parent page 'Master of Innovation and Commercialisation'">Master of Innovation and Commercialisation</a>
  		</li>
  
  		<!-- Current page -->
  		<li>Example of some extremely very long heading that will have to break</li>
  	</ul>
  </nav>

<!-- Pagination -->
  <nav class="pagination">
  	<!-- 'Previous page' -->
  	<a class="button primary no-icon previous" rel="prev" href="http://cms.wgtn.ac.nz/vbs/about/news?mode=results&amp;current_result_page=10&amp;results_per_page=5" title="Previous page">Previous</a>
  	<!-- 'Next page' -->
  	<a class="button primary no-icon next" rel="next" href="http://cms.wgtn.ac.nz/vbs/about/news?mode=results&amp;current_result_page=12&amp;results_per_page=5" title="Next page">Next</a>
  	<div class="pages">
  		<span class="icon 3dot">...</span>
  		<!-- ... -->
  		<!-- Show only two prior and two next pages -->
  		<a class="button primary no-icon" href="http://cms.wgtn.ac.nz/vbs/about/news?mode=results&amp;current_result_page=11&amp;results_per_page=5&amp;result_388447_result_page=9" title="9 out of  pages">9</a>
  		<a class="button primary no-icon" href="http://cms.wgtn.ac.nz/vbs/about/news?mode=results&amp;current_result_page=11&amp;results_per_page=5&amp;result_388447_result_page=10" title="10 out of  pages">10</a> <span class="button primary no-icon active">11</span> <a class="button primary no-icon" href="http://cms.wgtn.ac.nz/vbs/about/news?mode=results&amp;current_result_page=11&amp;results_per_page=5&amp;result_388447_result_page=12" title="12 out of  pages">12</a> <a class="button primary no-icon" href="http://cms.wgtn.ac.nz/vbs/about/news?mode=results&amp;current_result_page=11&amp;results_per_page=5&amp;result_388447_result_page=13" title="13 out of  pages">13</a>
  		<span class="icon 3dot">...</span>
  		<!-- ... -->
  	</div>
  </nav>

<!-- Pagination -->
  <nav class="pagination pagination--alpha">
  
  	<ul class="pagination__list pages" role="navigation">
  		<li><a class="button primary no-icon" href="#A"><span>A</span></a></li>
  		<li><a class="button primary no-icon" href="#B"><span>B</span></a></li>
  		<li><a class="button primary no-icon" href="#C"><span>C</span></a></li>
  		<li><a class="button primary no-icon" href="#D"><span>D</span></a></li>
  		<li><a class="button primary no-icon" href="#E"><span>E</span></a></li>
  		<li><a class="button primary no-icon" href="#F"><span>F</span></a></li>
  		<li><a class="button primary no-icon" href="#G"><span>G</span></a></li>
  		<li><a class="button primary no-icon" href="#H"><span>H</span></a></li>
  		<li><a class="button primary no-icon" href="#I"><span>I</span></a></li>
  		<li><a class="button primary no-icon" href="#J"><span>J</span></a></li>
  		<li><a class="button primary no-icon" href="#K"><span>K</span></a></li>
  		<li><a class="button primary no-icon" href="#L"><span>L</span></a></li>
  		<li><a class="button primary no-icon" href="#M"><span>M</span></a></li>
  		<li><a class="button primary no-icon" href="#N"><span>N</span></a></li>
  		<li><a class="button primary no-icon" href="#O"><span>O</span></a></li>
  		<li><a class="button primary no-icon" href="#P"><span>P</span></a></li>
  		<li><a class="button primary no-icon" href="#Q"><span>Q</span></a></li>
  		<li><a class="button primary no-icon" href="#R"><span>R</span></a></li>
  		<li><a class="button primary no-icon" href="#S"><span>S</span></a></li>
  		<li><a class="button primary no-icon" href="#T"><span>T</span></a></li>
  		<li><a class="button primary no-icon" href="#U"><span>U</span></a></li>
  		<li><a class="button primary no-icon" href="#V"><span>V</span></a></li>
  		<li><a class="button primary no-icon" href="#W"><span>W</span></a></li>
  		<li><a class="button primary no-icon" href="#Z"><span>Z</span></a></li>
  	</ul>
  
  </nav>

<div class="formatting">
  	<article class="promo primary">
  		<a href="https://www.wgtn.ac.nz/about/global-engagement">
  			<h2>Global and national engagement</h2>
  			<p>We seek to bring the world to Victoria and Victoria to the world. <b>Find out more…</b></p>
  		</a>
  	</article>
  </div>

<div class="formatting">
  	<div class="promo secondary">
  		<a href="https://www.wgtn.ac.nz/about/global-engagement">
  			<h2>Global and national engagement</h2>
  			<p>We seek to bring the world to Victoria and Victoria to the world. <b>Find out more…</b></p>
  		</a>
  	</div>
  </div>

<div class="text-promo-panel ">
  	<div class="block formatting centraliser">
  		<div class="text-wrap">
  			<h2>Research matters</h2>
  			<p>In the Faculty of Humanities and Social Sciences, we explore the fundamental questions that define human experience.</p>
  		</div>
  		<div class="button-wrap">
  			<a href="https://www.wgtn.ac.nz/fhss/research " title="Check out our student services" class="button primary large">Find out more</a>
  		</div>
  	</div>
  </div>

<div class="c-stack ">
  
  
  	<div class="c-stack-info">
  		<h4 class="c-stack-title">
  			<a class="c-stack-link" href="#mainLink">Default Card in Stack</a>
  
  			<small>https://www.wgtn.ac.nz/explore/study-areas/software-and-computer-science
  			</small>
  		</h4>
  
  
  		<p class="c-stack-intro">Study Software Engineering and Computer Science and be at the forefront of the information revolution.</p>
  
  		<div class="c-stack-body">
  
  			<p>Study Software Engineering and Computer Science and be at the forefront of the information revolution. ... Find out what it’s like to study Software and Computer Science at Victoria from two students and a lecturer.</p>
  		</div>
  
  		<div class="c-stack-foot">
  
  			<ul class="links">
  				<li><a href="#footLink">Study options | Software and Computer Science</a></li>
  				<li><a href="#footLink">People | Software and Computer Science</a></li>
  			</ul>
  		</div>
  
  	</div>
  </div>

<div class="c-stack c-stack-flexin c-stack-profile">
  	<figure class="c-stack-fig">
  		<img class="c-stack-fig--image" src="https://www.wgtn.ac.nz/images/staffpics/nopicture.gif" alt="Dr Ina Reichenberger">
  	</figure>
  
  
  	<div class="c-stack-info">
  		<h4 class="c-stack-title">
  			<a class="c-stack-link" href="#mainLink">Dr Ina Reichenberger</a>
  
  		</h4>
  
  
  
  		<div class="c-stack-body">
  
  			<header class="formatting">
  				<p class="subtitle">
  					<strong>Lecturer</strong> <span>School of Management</span>
  				</p>
  			</header>
  		</div>
  
  		<div class="c-stack-foot">
  			<ul class="meta">
  				<li class="highlight">
  					<a href="mailto:ina.reichenberger@vuw.ac.nz" title="Send an email to Dr Ina Reichenberger">
  						<i class="icon-mail"></i> ina.reichenberger@vuw.ac.nz
  					</a>
  				</li>
  				<li class="highlight">
  					<a href="tel:04 4635375" title="Call to Dr Ina Reichenberger work phone">
  						<i class="icon-phone"></i> 04 4635375
  					</a>
  				</li>
  				<li>
  					<i class="icon-pin"></i> Room 917, Rutherford House 23 Lambton Quay
  				</li>
  			</ul>
  
  		</div>
  
  	</div>
  </div>

<div class="c-stack c-stack-flexin">
  
  	<div class="c-stack-fig c-stack-fig--panel">
  		<h4 class="c-stack-code">GCertCom </h4>
  
  		<div class="c-stack-figcaption">
  			<p><i class="icon-calendar"></i> <em>Next start date 11 Nov 2019</em></p>
  
  		</div>
  	</div>
  
  	<div class="c-stack-info">
  		<h4 class="c-stack-title">
  			<a class="c-stack-link" href="#mainLink">Meta Card in Stack</a>
  
  			<small>https://www.wgtn.ac.nz/explore/degrees/science/overview
  			</small>
  		</h4>
  
  
  		<p class="c-stack-intro">Follow your passion, develop problem-solving skills, and dive into a fascinating career with a Bachelor of Science.</p>
  
  		<div class="c-stack-body">
  
  			<ul class="meta meta--labelled">
  				<li class="highlight meta-item">
  					<h5 class="meta-label"><i aria-hidden="true" class="icon-graduation-cap"></i> <span class="meta-labelText">Level of Study</span></h4>
  						<p class="meta-data"><strong>Undergraduate</strong></p>
  				</li>
  
  				<li class="highlight meta-item">
  					<h5 class="meta-label"><i aria-hidden="true" class="icon-clock"></i> <span class="meta-labelText">Length of full-time study</span></h4>
  						<p class="meta-data"><strong>3 years (360 points)</strong></p>
  				</li>
  
  				<li class="highlight meta-item">
  					<h5 class="meta-label"><i aria-hidden="true" class="icon-pin"></i> <span class="meta-labelText">Location</span></h5>
  					<p class="meta-data"><strong>Kelburn, Wellington</strong></p>
  				</li>
  			</ul>
  		</div>
  
  		<div class="c-stack-foot">
  
  		</div>
  
  	</div>
  </div>

<div class="c-stack c-stack-flexin">
  
  	<div class="c-stack-fig c-stack-fig--panel">
  		<h4 class="c-stack-code">GISC401 <span>(2020)</span> </h4>
  
  		<div class="c-stack-figcaption">
  
  			<h5>Trimester</h5>
  			<ul class="c-stack-figlist">
  				<li>
  					<a class="c-stack-figLink" href="#trimLink">1</a>
  				</li>
  				<li>
  					<a class="c-stack-figLink" href="#trimLink">3</a>
  				</li>
  			</ul>
  		</div>
  	</div>
  
  	<div class="c-stack-info">
  		<h4 class="c-stack-title">
  			<a class="c-stack-link" href="#mainLink">Meta Card in Stack</a>
  
  			<small>https://www.wgtn.ac.nz/explore/degrees/science/overview
  			</small>
  		</h4>
  
  
  
  		<div class="c-stack-body">
  			<p>Study Software Engineering and Computer Science and be at the forefront of the information revolution. ... Find out what it’s like to study Software and Computer Science at Victoria from two students and a lecturer.</p>
  
  			<ul class="meta meta--labelled">
  				<li class="highlight meta-item">
  					<h5 class="meta-label"><i aria-hidden="true" class="icon-graduation-cap"></i> <span class="meta-labelText">Points</span></h4>
  						<p class="meta-data"><strong>20 points</strong></p>
  				</li>
  
  				<li class="highlight meta-item">
  					<h5 class="meta-label"><i aria-hidden="true" class="icon-clock"></i> <span class="meta-labelText">Duration</span></h4>
  						<p class="meta-data"><strong>1 trimester</strong></p>
  				</li>
  
  				<li class="highlight meta-item">
  					<h5 class="meta-label"><i aria-hidden="true" class="icon-user"></i> <span class="meta-labelText">Coordinator</span></h5>
  					<p class="meta-data"><strong>Jeffery Shima</strong></p>
  				</li>
  			</ul>
  		</div>
  
  		<div class="c-stack-foot">
  
  		</div>
  
  	</div>
  </div>

<div class="c-stack ">
  
  
  	<div class="c-stack-info">
  		<h4 class="c-stack-title">
  			<a class="c-stack-link" href="#mainLink">Datacom Systems Scholarship in Computer Science</a>
  
  			<small>https://www.wgtn.ac.nz/scholarships/current/datacom-systems-scholarship-in-computer-science
  			</small>
  		</h4>
  
  
  
  		<div class="c-stack-body">
  
  			<p>This Scholarship has been sponsored by Datacom Systems who initially established the scholarship for a period of five years, until 2002, and have...</p>
  
  			<ul class="meta meta--labelled meta--grid">
  				<li class="highlight meta-item">
  					<h5 class="meta-label"><i aria-hidden="true" class="icon-calendar"></i> <span class="meta-labelText">Closing</span></h4>
  						<p class="meta-data"><strong>1 November 2019</strong></p>
  				</li>
  
  				<li class="highlight meta-item">
  					<h5 class="meta-label"><i aria-hidden="true" class="icon-people"></i> <span class="meta-labelText">Category</span></h4>
  						<p class="meta-data"><strong>Māori students; Pasifika students; Students facing financial hardship</strong></p>
  				</li>
  
  				<li class="highlight meta-item">
  					<h5 class="meta-label"><i aria-hidden="true" class="icon-graduation-cap"></i> <span class="meta-labelText">Level</span></h5>
  					<p class="meta-data"><strong>School leaver / 1st year</strong></p>
  				</li>
  
  				<li class="highlight meta-item">
  					<h5 class="meta-label"><i aria-hidden="true" class="icon-book"></i> <span class="meta-labelText">Study Areas</span></h5>
  					<p class="meta-data"><strong>Music</strong></p>
  				</li>
  			</ul>
  		</div>
  
  		<div class="c-stack-foot">
  
  		</div>
  
  	</div>
  </div>

<div class="c-stack ">
  
  
  	<div class="c-stack-info">
  		<h4 class="c-stack-title">
  			<a class="c-stack-link" href="#mainLink">Default Card in Stack</a>
  
  			<small>https://www.wgtn.ac.nz/explore/study-areas/software-and-computer-science
  			</small>
  		</h4>
  
  
  		<p class="c-stack-intro">Study Software Engineering and Computer Science and be at the forefront of the information revolution.</p>
  
  		<div class="c-stack-body">
  
  			<p>Study Software Engineering and Computer Science and be at the forefront of the information revolution. ... Find out what it’s like to study Software and Computer Science at Victoria from two students and a lecturer.</p>
  		</div>
  
  		<div class="c-stack-foot">
  
  			<ul class="links">
  				<li><a href="#footLink">Study options | Software and Computer Science</a></li>
  				<li><a href="#footLink">People | Software and Computer Science</a></li>
  			</ul>
  		</div>
  
  	</div>
  </div>
  <div class="c-stack ">
  
  
  	<div class="c-stack-info">
  		<h4 class="c-stack-title">
  			<a class="c-stack-link" href="#mainLink">Default Card in Stack</a>
  
  			<small>https://www.wgtn.ac.nz/explore/study-areas/software-and-computer-science
  			</small>
  		</h4>
  
  
  		<p class="c-stack-intro">Study Software Engineering and Computer Science and be at the forefront of the information revolution.</p>
  
  		<div class="c-stack-body">
  
  			<p>Study Software Engineering and Computer Science and be at the forefront of the information revolution. ... Find out what it’s like to study Software and Computer Science at Victoria from two students and a lecturer.</p>
  		</div>
  
  		<div class="c-stack-foot">
  
  			<ul class="links">
  				<li><a href="#footLink">Study options | Software and Computer Science</a></li>
  				<li><a href="#footLink">People | Software and Computer Science</a></li>
  			</ul>
  		</div>
  
  	</div>
  </div>
  <div class="c-stack c-stack-flexin c-stack-profile">
  	<figure class="c-stack-fig">
  		<img class="c-stack-fig--image" src="https://www.wgtn.ac.nz/images/staffpics/nopicture.gif" alt="Dr Ina Reichenberger">
  	</figure>
  
  
  	<div class="c-stack-info">
  		<h4 class="c-stack-title">
  			<a class="c-stack-link" href="#mainLink">Dr Ina Reichenberger</a>
  
  		</h4>
  
  
  
  		<div class="c-stack-body">
  
  			<header class="formatting">
  				<p class="subtitle">
  					<strong>Lecturer</strong> <span>School of Management</span>
  				</p>
  			</header>
  		</div>
  
  		<div class="c-stack-foot">
  			<ul class="meta">
  				<li class="highlight">
  					<a href="mailto:ina.reichenberger@vuw.ac.nz" title="Send an email to Dr Ina Reichenberger">
  						<i class="icon-mail"></i> ina.reichenberger@vuw.ac.nz
  					</a>
  				</li>
  				<li class="highlight">
  					<a href="tel:04 4635375" title="Call to Dr Ina Reichenberger work phone">
  						<i class="icon-phone"></i> 04 4635375
  					</a>
  				</li>
  				<li>
  					<i class="icon-pin"></i> Room 917, Rutherford House 23 Lambton Quay
  				</li>
  			</ul>
  
  		</div>
  
  	</div>
  </div>
  <div class="c-stack ">
  
  
  	<div class="c-stack-info">
  		<h4 class="c-stack-title">
  			<a class="c-stack-link" href="#mainLink">Default Card in Stack</a>
  
  			<small>https://www.wgtn.ac.nz/explore/study-areas/software-and-computer-science
  			</small>
  		</h4>
  
  
  		<p class="c-stack-intro">Study Software Engineering and Computer Science and be at the forefront of the information revolution.</p>
  
  		<div class="c-stack-body">
  
  			<p>Study Software Engineering and Computer Science and be at the forefront of the information revolution. ... Find out what it’s like to study Software and Computer Science at Victoria from two students and a lecturer.</p>
  		</div>
  
  		<div class="c-stack-foot">
  
  			<ul class="links">
  				<li><a href="#footLink">Study options | Software and Computer Science</a></li>
  				<li><a href="#footLink">People | Software and Computer Science</a></li>
  			</ul>
  		</div>
  
  	</div>
  </div>
  <div class="c-stack c-stack-flexin">
  
  	<div class="c-stack-fig c-stack-fig--panel">
  		<h4 class="c-stack-code">GCertCom </h4>
  
  		<div class="c-stack-figcaption">
  			<p><i class="icon-calendar"></i> <em>Next start date 11 Nov 2019</em></p>
  
  		</div>
  	</div>
  
  	<div class="c-stack-info">
  		<h4 class="c-stack-title">
  			<a class="c-stack-link" href="#mainLink">Meta Card in Stack</a>
  
  			<small>https://www.wgtn.ac.nz/explore/degrees/science/overview
  			</small>
  		</h4>
  
  
  		<p class="c-stack-intro">Follow your passion, develop problem-solving skills, and dive into a fascinating career with a Bachelor of Science.</p>
  
  		<div class="c-stack-body">
  
  			<ul class="meta meta--labelled">
  				<li class="highlight meta-item">
  					<h5 class="meta-label"><i aria-hidden="true" class="icon-graduation-cap"></i> <span class="meta-labelText">Level of Study</span></h4>
  						<p class="meta-data"><strong>Undergraduate</strong></p>
  				</li>
  
  				<li class="highlight meta-item">
  					<h5 class="meta-label"><i aria-hidden="true" class="icon-clock"></i> <span class="meta-labelText">Length of full-time study</span></h4>
  						<p class="meta-data"><strong>3 years (360 points)</strong></p>
  				</li>
  
  				<li class="highlight meta-item">
  					<h5 class="meta-label"><i aria-hidden="true" class="icon-pin"></i> <span class="meta-labelText">Location</span></h5>
  					<p class="meta-data"><strong>Kelburn, Wellington</strong></p>
  				</li>
  			</ul>
  		</div>
  
  		<div class="c-stack-foot">
  
  		</div>
  
  	</div>
  </div>
  <div class="c-stack c-stack-flexin">
  
  	<div class="c-stack-fig c-stack-fig--panel">
  		<h4 class="c-stack-code">GISC401 <span>(2020)</span> </h4>
  
  		<div class="c-stack-figcaption">
  
  			<h5>Trimester</h5>
  			<ul class="c-stack-figlist">
  				<li>
  					<a class="c-stack-figLink" href="#trimLink">1</a>
  				</li>
  				<li>
  					<a class="c-stack-figLink" href="#trimLink">3</a>
  				</li>
  			</ul>
  		</div>
  	</div>
  
  	<div class="c-stack-info">
  		<h4 class="c-stack-title">
  			<a class="c-stack-link" href="#mainLink">Meta Card in Stack</a>
  
  			<small>https://www.wgtn.ac.nz/explore/degrees/science/overview
  			</small>
  		</h4>
  
  
  
  		<div class="c-stack-body">
  			<p>Study Software Engineering and Computer Science and be at the forefront of the information revolution. ... Find out what it’s like to study Software and Computer Science at Victoria from two students and a lecturer.</p>
  
  			<ul class="meta meta--labelled">
  				<li class="highlight meta-item">
  					<h5 class="meta-label"><i aria-hidden="true" class="icon-graduation-cap"></i> <span class="meta-labelText">Points</span></h4>
  						<p class="meta-data"><strong>20 points</strong></p>
  				</li>
  
  				<li class="highlight meta-item">
  					<h5 class="meta-label"><i aria-hidden="true" class="icon-clock"></i> <span class="meta-labelText">Duration</span></h4>
  						<p class="meta-data"><strong>1 trimester</strong></p>
  				</li>
  
  				<li class="highlight meta-item">
  					<h5 class="meta-label"><i aria-hidden="true" class="icon-user"></i> <span class="meta-labelText">Coordinator</span></h5>
  					<p class="meta-data"><strong>Jeffery Shima</strong></p>
  				</li>
  			</ul>
  		</div>
  
  		<div class="c-stack-foot">
  
  		</div>
  
  	</div>
  </div>
  <div class="c-stack c-stack-flexin c-stack-profile">
  	<figure class="c-stack-fig">
  		<img class="c-stack-fig--image" src="https://www.wgtn.ac.nz/images/staffpics/nopicture.gif" alt="Dr Ina Reichenberger">
  	</figure>
  
  
  	<div class="c-stack-info">
  		<h4 class="c-stack-title">
  			<a class="c-stack-link" href="#mainLink">Dr Ina Reichenberger</a>
  
  		</h4>
  
  
  
  		<div class="c-stack-body">
  
  			<header class="formatting">
  				<p class="subtitle">
  					<strong>Lecturer</strong> <span>School of Management</span>
  				</p>
  			</header>
  		</div>
  
  		<div class="c-stack-foot">
  			<ul class="meta">
  				<li class="highlight">
  					<a href="mailto:ina.reichenberger@vuw.ac.nz" title="Send an email to Dr Ina Reichenberger">
  						<i class="icon-mail"></i> ina.reichenberger@vuw.ac.nz
  					</a>
  				</li>
  				<li class="highlight">
  					<a href="tel:04 4635375" title="Call to Dr Ina Reichenberger work phone">
  						<i class="icon-phone"></i> 04 4635375
  					</a>
  				</li>
  				<li>
  					<i class="icon-pin"></i> Room 917, Rutherford House 23 Lambton Quay
  				</li>
  			</ul>
  
  		</div>
  
  	</div>
  </div>
  <div class="c-stack ">
  
  
  	<div class="c-stack-info">
  		<h4 class="c-stack-title">
  			<a class="c-stack-link" href="#mainLink">Default Card in Stack</a>
  
  			<small>https://www.wgtn.ac.nz/explore/study-areas/software-and-computer-science
  			</small>
  		</h4>
  
  
  		<p class="c-stack-intro">Study Software Engineering and Computer Science and be at the forefront of the information revolution.</p>
  
  		<div class="c-stack-body">
  
  			<p>Study Software Engineering and Computer Science and be at the forefront of the information revolution. ... Find out what it’s like to study Software and Computer Science at Victoria from two students and a lecturer.</p>
  		</div>
  
  		<div class="c-stack-foot">
  
  			<ul class="links">
  				<li><a href="#footLink">Study options | Software and Computer Science</a></li>
  				<li><a href="#footLink">People | Software and Computer Science</a></li>
  			</ul>
  		</div>
  
  	</div>
  </div>
  <div class="c-stack c-stack-flexin">
  
  	<div class="c-stack-fig c-stack-fig--panel">
  		<h4 class="c-stack-code">GISC401 <span>(2020)</span> </h4>
  
  		<div class="c-stack-figcaption">
  
  			<h5>Trimester</h5>
  			<ul class="c-stack-figlist">
  				<li>
  					<a class="c-stack-figLink" href="#trimLink">1</a>
  				</li>
  				<li>
  					<a class="c-stack-figLink" href="#trimLink">3</a>
  				</li>
  			</ul>
  		</div>
  	</div>
  
  	<div class="c-stack-info">
  		<h4 class="c-stack-title">
  			<a class="c-stack-link" href="#mainLink">Meta Card in Stack</a>
  
  			<small>https://www.wgtn.ac.nz/explore/degrees/science/overview
  			</small>
  		</h4>
  
  
  
  		<div class="c-stack-body">
  			<p>Study Software Engineering and Computer Science and be at the forefront of the information revolution. ... Find out what it’s like to study Software and Computer Science at Victoria from two students and a lecturer.</p>
  
  			<ul class="meta meta--labelled">
  				<li class="highlight meta-item">
  					<h5 class="meta-label"><i aria-hidden="true" class="icon-graduation-cap"></i> <span class="meta-labelText">Points</span></h4>
  						<p class="meta-data"><strong>20 points</strong></p>
  				</li>
  
  				<li class="highlight meta-item">
  					<h5 class="meta-label"><i aria-hidden="true" class="icon-clock"></i> <span class="meta-labelText">Duration</span></h4>
  						<p class="meta-data"><strong>1 trimester</strong></p>
  				</li>
  
  				<li class="highlight meta-item">
  					<h5 class="meta-label"><i aria-hidden="true" class="icon-user"></i> <span class="meta-labelText">Coordinator</span></h5>
  					<p class="meta-data"><strong>Jeffery Shima</strong></p>
  				</li>
  			</ul>
  		</div>
  
  		<div class="c-stack-foot">
  
  		</div>
  
  	</div>
  </div>
  <div class="c-stack ">
  
  
  	<div class="c-stack-info">
  		<h4 class="c-stack-title">
  			<a class="c-stack-link" href="#mainLink">Default Card in Stack</a>
  
  			<small>https://www.wgtn.ac.nz/explore/study-areas/software-and-computer-science
  			</small>
  		</h4>
  
  
  		<p class="c-stack-intro">Study Software Engineering and Computer Science and be at the forefront of the information revolution.</p>
  
  		<div class="c-stack-body">
  
  			<p>Study Software Engineering and Computer Science and be at the forefront of the information revolution. ... Find out what it’s like to study Software and Computer Science at Victoria from two students and a lecturer.</p>
  		</div>
  
  		<div class="c-stack-foot">
  
  			<ul class="links">
  				<li><a href="#footLink">Study options | Software and Computer Science</a></li>
  				<li><a href="#footLink">People | Software and Computer Science</a></li>
  			</ul>
  		</div>
  
  	</div>
  </div>
  <div class="c-stack ">
  
  
  	<div class="c-stack-info">
  		<h4 class="c-stack-title">
  			<a class="c-stack-link" href="#mainLink">Datacom Systems Scholarship in Computer Science</a>
  
  			<small>https://www.wgtn.ac.nz/scholarships/current/datacom-systems-scholarship-in-computer-science
  			</small>
  		</h4>
  
  
  
  		<div class="c-stack-body">
  
  			<p>This Scholarship has been sponsored by Datacom Systems who initially established the scholarship for a period of five years, until 2002, and have...</p>
  
  			<ul class="meta meta--labelled meta--grid">
  				<li class="highlight meta-item">
  					<h5 class="meta-label"><i aria-hidden="true" class="icon-calendar"></i> <span class="meta-labelText">Closing</span></h4>
  						<p class="meta-data"><strong>1 November 2019</strong></p>
  				</li>
  
  				<li class="highlight meta-item">
  					<h5 class="meta-label"><i aria-hidden="true" class="icon-people"></i> <span class="meta-labelText">Category</span></h4>
  						<p class="meta-data"><strong>Māori students; Pasifika students; Students facing financial hardship</strong></p>
  				</li>
  
  				<li class="highlight meta-item">
  					<h5 class="meta-label"><i aria-hidden="true" class="icon-graduation-cap"></i> <span class="meta-labelText">Level</span></h5>
  					<p class="meta-data"><strong>School leaver / 1st year</strong></p>
  				</li>
  
  				<li class="highlight meta-item">
  					<h5 class="meta-label"><i aria-hidden="true" class="icon-book"></i> <span class="meta-labelText">Study Areas</span></h5>
  					<p class="meta-data"><strong>Music</strong></p>
  				</li>
  			</ul>
  		</div>
  
  		<div class="c-stack-foot">
  
  		</div>
  
  	</div>
  </div>

<div class="tiles-panel">
  	<div class="centraliser block">
  		<div class="tile-strip-grid updated-tile-grid">
  			<div class="tiles-wrap">
  				<ul>
  					<li class="tile">
  						<a href="">
  							<h2>Bachelor of Engineering with Honours</h2>
  							<h4>BE(Hons)</h4>
  							<h4>3 years</h4>
  							<i class="icon-arrow-right"></i>
  						</a>
  					</li>
  					<li class="tile">
  						<a href="">
  							<h2>Bachelor of Engineering with Honours</h2>
  							<h4>BE(Hons)</h4>
  							<h4>3 years</h4>
  							<i class="icon-arrow-right"></i>
  						</a>
  					</li>
  					<li class="tile">
  						<a href="">
  							<h2>Bachelor of Engineering with Honours</h2>
  							<h4>BE(Hons)</h4>
  							<h4>FOH</h4>
  							<i class="icon-arrow-right"></i>
  						</a>
  					</li>
  					<li class="tile">
  						<a href="">
  							<h2>Bachelor of Engineering with Honours</h2>
  							<h4>BE(Hons)</h4>
  							<h4>FHSS</h4>
  							<i class="icon-arrow-right"></i>
  						</a>
  					</li>
  					<li class="tile">
  						<a href="">
  							<h2>Bachelor of Engineering with Honours</h2>
  							<h4>BE(Hons)</h4>
  							<h4>Law</h4>
  							<i class="icon-arrow-right"></i>
  						</a>
  					</li>
  				</ul>
  			</div>
  		</div>
  	</div>
  </div>

<div class="tiles-panel">
  	<div class="centraliser block">
  		<div class="updated-tile-grid">
  			<div class="tiles-wrap four-col">
  				<ul>
  					<li class="tile">
  						<a href="">
  							<h2>Master of Museum and Heritage Practice</h2>
  							<div class="sub-text">
  								<h4>MMHP</h4>
  
  							</div>
  							<i class="icon-arrow-right"></i>
  						</a>
  					</li>
  					<li class="tile">
  						<a href="">
  							<h2>Master of Museum and Heritage Practice</h2>
  							<div class="sub-text">
  								<h4>MMHP</h4>
  
  							</div>
  							<i class="icon-arrow-right"></i>
  						</a>
  					</li>
  					<li class="tile">
  						<a href="">
  							<h2>Master of Museum and Heritage Practice</h2>
  							<div class="sub-text">
  								<h4>MMHP</h4>
  
  							</div>
  							<i class="icon-arrow-right"></i>
  						</a>
  					</li>
  					<li class="tile">
  						<a href="">
  							<h2>Master of Museum and Heritage Practice</h2>
  							<div class="sub-text">
  								<h4>MMHP</h4>
  
  							</div>
  							<i class="icon-arrow-right"></i>
  						</a>
  					</li>
  					<li class="tile">
  						<a href="">
  							<h2>Master of Museum and Heritage Practice</h2>
  							<div class="sub-text">
  								<h4>MMHP</h4>
  
  							</div>
  							<i class="icon-arrow-right"></i>
  						</a>
  					</li>
  					<li class="tile">
  						<a href="">
  							<h2>Master of Museum and Heritage Practice</h2>
  							<div class="sub-text">
  								<h4>MMHP</h4>
  
  							</div>
  							<i class="icon-arrow-right"></i>
  						</a>
  					</li>
  					<li class="tile">
  						<a href="">
  							<h2>Master of Museum and Heritage Practice</h2>
  							<div class="sub-text">
  								<h4>MMHP</h4>
  
  							</div>
  							<i class="icon-arrow-right"></i>
  						</a>
  					</li>
  				</ul>
  			</div>
  		</div>
  	</div>
  </div>

<div class="tiles-panel">
  	<div class="centraliser block">
  		<div class="updated-tile-grid fixed-height-tiles">
  			<div class="tiles-wrap four-col">
  				<ul>
  					<li class="tile">
  						<a href="">
  							<h2>Anthropology</h2>
  							<div class="sub-text">
  								<h4 class="icon-book">Subjects</h4>
  								<p>Cultural Anthropology</p>
  							</div>
  							<i class="icon-arrow-right"></i>
  						</a>
  					</li>
  					<li class="tile">
  						<a href="">
  							<h2>Anthropology</h2>
  							<div class="sub-text">
  								<h4 class="icon-book">Subjects</h4>
  								<p>Cultural Anthropology</p>
  							</div>
  							<i class="icon-arrow-right"></i>
  						</a>
  					</li>
  					<li class="tile">
  						<a href="">
  							<h2>Anthropology</h2>
  							<div class="sub-text">
  								<h4 class="icon-book">Subjects</h4>
  								<p>Cultural Anthropology</p>
  							</div>
  							<i class="icon-arrow-right"></i>
  						</a>
  					</li>
  					<li class="tile">
  						<a href="">
  							<h2>Anthropology</h2>
  							<div class="sub-text">
  								<h4 class="icon-book">Subjects</h4>
  								<p>Cultural Anthropology</p>
  							</div>
  							<i class="icon-arrow-right"></i>
  						</a>
  					</li>
  					<li class="tile">
  						<a href="">
  							<h2>Anthropology</h2>
  							<div class="sub-text">
  								<h4 class="icon-book">Subjects</h4>
  								<p>Cultural Anthropology</p>
  							</div>
  							<i class="icon-arrow-right"></i>
  						</a>
  					</li>
  				</ul>
  			</div>
  		</div>
  	</div>
  </div>

<div class="tiles-panel ">
  	<div class="centraliser block">
  		<div class="updated-tile-grid dynamic-height-tiles ">
  			<div class="tiles-wrap three-col">
  				<ul>
  					<li class="tile">
  						<a href="">
  							<h2 class="">Course planning appointments</h2>
  							<div class="sub-text">
  								<p>If you need help deciding what degree might be right for you, or what courses to take, book a course planning
  									session with us.</p>
  							</div>
  							<span class="tile-icon">
  								<span class="tile-icon-title"></span>
  								<span>
  									<i class="icon-arrow-right"></i>
  								</span>
  							</span>
  						</a>
  					</li>
  					<li class="tile">
  						<a href="">
  							<h2>Book a campus tour</h2>
  							<div class="sub-text">
  								<p>Get a taste of what life at Victoria is like—book a campus tour and check out our student accommodation while
  									you are here.</p>
  							</div>
  							<span class="tile-icon">
  								<span class="tile-icon-title"></span>
  								<span>
  									<i class="icon-arrow-right"></i>
  								</span>
  							</span>
  						</a>
  					</li>
  					<li class="tile">
  						<a href="">
  							<h2>School visits</h2>
  							<div class="sub-text">
  								<p>We're visiting schools throughout the year. For your introduction to Victoria, find out when we're in your
  									region.</p>
  							</div>
  							<span class="tile-icon">
  								<span class="tile-icon-title"></span>
  								<span>
  									<i class="icon-arrow-right"></i>
  								</span>
  							</span>
  						</a>
  					</li>
  
  				</ul>
  			</div>
  		</div>
  	</div>
  </div>

<div class="tiles-panel ">
  	<div class="centraliser block">
  		<div class="updated-tile-grid  ">
  			<div class="tiles-wrap three-col image-no-gutter">
  				<ul>
  					<li class="tile">
  						<img src="https://www.wgtn.ac.nz/__data/assets/image/0008/358388/mim-banner.jpg" alt="">
  						<a href="#">
  							<h3 class="">Faculty of graduate research</h3>
  							<div class="sub-text">
  								<p>We oversee all doctoral degrees and work to ensure that your experience as a thesis student is a positive one.
  									<br>br
  									We administer the registration, enrolment, support and funding elements of your study.</p>
  							</div>
  
  							<span class="button  ">Learn more</span>
  
  						</a>
  					</li>
  					<li class="tile">
  						<img src="https://www.wgtn.ac.nz/__data/assets/image/0008/358388/mim-banner.jpg" alt="">
  						<a href="#">
  							<h3>Research office</h3>
  							<div class="sub-text">
  								<p>The Research office supports the research culture at Victoria through promoting funding initiatives, managing ethics, professional development.
  									<br>
  									We also manage PBRF and support commercialisation and intellectual property licences.</p>
  							</div>
  
  							<span class="button  ">Learn more</span>
  						</a>
  					</li>
  					<li class="tile">
  						<img src="https://www.wgtn.ac.nz/__data/assets/image/0008/358388/mim-banner.jpg" alt="">
  						<a href="#">
  							<h3>VicLink</h3>
  							<div class="sub-text">
  								<p>The commercialisation arm of Victoria research, VicLink have the skills and connections to deliver your research into the market place.
  									<br>
  									We assist researchers to transform their discoveries into assets that have real benefit to society.
  								</p>
  							</div>
  
  							<span class="button  ">Learn more</span>
  						</a>
  					</li>
  
  				</ul>
  			</div>
  		</div>
  	</div>
  </div>

<div class="tiles-panel">
  	<div class="centraliser block">
  		<div class="tile-strip-grid tile-accordion">
  			<div class="tiles-wrap">
  				<ul>
  					<li class="tile accordion-closed ">
  						<a href="javascript:void(0)">
  							<h2>Architecture</h2>
  							<h4>With an impressive breadth of collaborations, we champion creativity and exploration. From urban design to
  								wearable technologies, this faculty embodies innovation. </h4>
  							<i class="icon-caret-right"></i>
  						</a>
  						<div class="accordion-content closed list">
  							<ul class="links">
  								<li>
  									<a href="#">Centre of Building Performance Research (CBPR)</a>
  								</li>
  								<li>
  									<a href="#">Earthquake Hazard Centre (EHC)
  									</a>
  								</li>
  							</ul>
  						</div>
  					</li>
  
  					<li class="tile accordion-closed ">
  						<a href="javascript:void(0)">
  							<h2>Business</h2>
  							<h4>At the heart of New Zealand’s business, finance, public and government community, our research expertise supports
  								local and international solutions. </h4>
  							<i class="icon-caret-right"></i>
  						</a>
  						<div class="accordion-content  list">
  							<ul class="links">
  								<li>
  									<a href="#">BNZ Chair in Business in Asia
  									</a>
  								</li>
  								<li>
  									<a href="#">Brian Picot Chair in Ethical Leadership</a>
  								</li>
  								<li>
  									<a href="#">Centre for Accounting Governance and Taxation Research
  									</a>
  								</li>
  								<li>
  									<a href="#">Centre for Labour, Employment and Work (CLEW)</a>
  								</li>
  								<li>
  									<a href="#">Chair in the Economics of Disasters
  									</a>
  								</li>
  								<li>
  									<a href="#">Chair in Public Finance
  									</a>
  								</li>
  								<li>
  									<a href="#">Competitive Advantage New Zealand</a>
  								</li>
  							</ul>
  						</div>
  					</li>
  
  					<li class="tile accordion-closed ">
  						<a href="javascript:void(0)">
  							<h2>Engineering</h2>
  							<h4>Our engineering, computer and mathematical science researchers are at the forefront of their fields. Work on
  								pure and applied solutions have global relevance.</h4>
  							<i class="icon-caret-right"></i>
  						</a>
  						<div class="accordion-content  list">
  							<ul class="links">
  								<li>
  									<a href="#">Computational Media Innovation Centre (opening June 2018) </a>
  								</li>
  								<li>
  									<a href="#">Robinson Research Institute
  									</a>
  								</li>
  							</ul>
  						</div>
  					</li>
  				</ul>
  			</div>
  		</div>
  	</div>
  </div>

<a href="javascript:window.toolkitToolbarLoader && window.toolkitToolbarLoader( 'https://www.wgtn.ac.nz/api/toolbar/staff' );void 0;" title="Lazy loads and opens the toolbar dialog">Load and open using `href`</a>
  
  <br><br>
  
  <button class="button" title="Lazy loads and opens the toolbar dialog" onclick="window.toolkitToolbarLoader && window.toolkitToolbarLoader( 'https://www.wgtn.ac.nz/api/toolbar/students' );void 0;">Load and open using click event</button>

<span class="icon-help" title="Icon-based tooltip showing on hover (desktop) or on tap (mobile)" data-tooltip></span>
  
  <button class="button" title="Example of a tooltip on a different type of element" data-tooltip>Tooltip 'on hover'</button>
  
  <br><br>
  
  <p>An example of a tooltip within a paragraph of text/content - Before work can start the <span class="inline-tooltip" data-tooltip title="Person Conducting a Business or Undertaking, that is the contractor, business, or organisation">PCBUs</span> managing the work must undertake a site-specific risk assessment to ensure all unacceptable risks are mitigated</p>

<a href="javascript:;" data-tooltip='{"trigger":"click"}' title="Example of a tooltip triggered 'on click' and staying open">Tooltip 'on click'</a>

<!-- Dynamic tooltip #1 -->
  
  <script>
  	function initFirstDynamicTooltip() {
  		window.toolkitTooltips.initTooltip(document.getElementById('tooltip-dynamic-1'));
  	}
  </script>
  
  <span class="icon-info" id="tooltip-dynamic-1" title="Dynamically initialised tooltip triggered 'on hover' or 'on tap' (mobile)"></span>
  
  
  <!-- Dynamic tooltip #2 -->
  
  <script>
  	function initSecondDynamicTooltip() {
  		window.toolkitTooltips.initTooltip(document.getElementById('tooltip-dynamic-2'), {
  			trigger: 'click',
  			content: "Dynamically initialised tooltip triggered 'on click' and staying open (dynamic content)"
  		});
  	}
  </script>
  
  <button class="button" id="tooltip-dynamic-2">Dynamically initialised 'on hover' tooltip</button>
  
  
  <!-- Utilities (not necessary to use) -->
  
  <script>
  	/* Only to make sure the initialisations happen AFTER all dependencies are ready. This might be achieved with $.ready( fn ) too. */
  	runFunctionOnDocumentReady(initFirstDynamicTooltip);
  	runFunctionOnDocumentReady(initSecondDynamicTooltip);
  </script>

<head>
  	<!-- Google Tag Manager scripts *MUST BE* as high as possible in the <head> and <body>! -->
  	<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
  
  	<script src="https://static.victoria.ac.nz/toolkit.tracking.min.js" type="text/javascript"></script>
  
  	<script>
  		/** Dynamic code to work with Tracking API */
  	</script>
  </head>

<a id="logo" href="example.com" title="Link to the example page" data-gtm-track="click" data-gtm-id="main-logo" data-gtm-vars='{ "width": "153px", "height": "1003px", "loadingTime": 13.342 }'>Link that triggers custom event</a>

<!-- Imported GTM scripts + jQuery + tracking plugin -->
  
  <script>
  	var tracker = toolkitTracker({
  		autoRegister: false
  	});
  
  	// Now, you can check if the main logo should be tracked (= contains `data-gtm-track` attribute)
  	var logoElement = $('#logo');
  	if (tracker.shouldTrackElement(logoElement)) {
  		// Manually perform your own GTM tracking or use any pre-defined method
  
  		tracker.registerForTracking(logoElement, 'click'); // Send information with event id 'logo' if user performs click on the element
  	}
  </script>