Stories
Personal stories
<article class="story">
<div class="img__story">
<img src="https://picsum.photos/200/300" alt="Image">
</div>
<h3>The perfect storm: climate change and asthma</h3>
<h4></h4>
<span class="flex flex--column flex--align-start">
<p>In collaboration with an inter-disciplinary research team of experts from universities and government, Associate Professor Paul Beggs has taken a leading role in research at the frontier of this dynamic field. It encompasses the MJA-Lancet Countdown, trac...</p>
<a class="link--cta" href="https://www.mq.edu.au/faculty-of-science-and-engineering/departments-and-schools/department-of-earth-and-environmental-sciences/impact-case-studies/the-perfect-storm-climate-change-and-asthma">Read more</a>
</span>
</article>
Company Stories
Company stories
<div class="story-list">
<div class="dropdown dropdown--secondary margin-btm--24" data-type="categories" data-filter="">
<button type="button" class="flex" readonly="" aria-readonly="true" aria-label="">
<span>Pick a category</span>
<i class="ico ico--md ico--f-caret-d pad--4"></i>
</button>
<ul>
<div class="clear">
<h4>Categories</h4>
<button type="button" name="button">Clear all</button>
</div>
<li>
<input type="checkbox" name="" value="">
<label for="">
<p>Services</p>
<span></span>
</label>
</li>
<li>
<input type="checkbox" name="" value="">
<label for="">
<p>Products</p>
<span></span>
</label>
</li>
<li>
<input type="checkbox" name="" value="">
<label for="">
<p>Lifestyle and wellbeing</p>
<span></span>
</label>
</li>
<li>
<input type="checkbox" name="" value="">
<label for="">
<p>Research and innovation</p>
<span></span>
</label>
</li>
<li>
<input type="checkbox" name="" value="">
<label for="">
<p>Software and gaming</p>
<span></span>
</label>
</li>
</ul>
</div>
<p><span class="selected-number"></span> of <span class="total-number"></span> company stories</p>
<div class="no-results">
<h4>No results</h4>
<p>Sorry, there doesn't seem to be anything matching your query.</p>
</div>
<div class="story story--secondary">
<div class="margin-btm--16">
<div class="tag tag--light-tertiary">Services</div>
</div>
<div class="img__company">
<img src="https://picsum.photos/500/300?random=1" alt="Random image">
</div>
<h3>Story Title — 30cc</h3>
<h4></h4>
<span class="flex flex--column flex--align-start">
<p>In collaboration with an inter-disciplinary research team of experts from universities and government, Associate Professor Paul Beggs has taken a leading role in research at the frontier of this dynamic field. It encompasses the MJA-Lancet Countdown, trac...</p>
<a class="link--cta" href="https://www.mq.edu.au/faculty-of-science-and-engineering/departments-and-schools/department-of-earth-and-environmental-sciences/impact-case-studies/the-perfect-storm-climate-change-and-asthma">Read more - 25 cc</a>
</span>
</div>
<div class="story story--secondary">
<div class="margin-btm--16">
<div class="tag tag--light-tertiary">Products</div>
<div class="tag tag--light-tertiary">Research and innovation</div>
<div class="tag tag--light-tertiary">Lifestyle and wellbeing</div>
</div>
<div class="img__company">
<img src="https://picsum.photos/500/300?random=2" alt="Random image">
</div>
<h3>Story Title — 30cc</h3>
<h4></h4>
<span class="flex flex--column flex--align-start">
<p>In collaboration with an inter-disciplinary research team of experts from universities and government, Associate Professor Paul Beggs has taken a leading role in research at the frontier of this dynamic field. It encompasses the MJA-Lancet Countdown, trac...</p>
<a class="link--cta" href="https://www.mq.edu.au/faculty-of-science-and-engineering/departments-and-schools/department-of-earth-and-environmental-sciences/impact-case-studies/the-perfect-storm-climate-change-and-asthma">Read more - 25 cc</a>
</span>
</div>
<div class="story story--secondary">
<div class="margin-btm--16">
<div class="tag tag--light-tertiary">Software and gaming</div>
</div>
<div class="img__company">
<img src="https://picsum.photos/500/300?random=3" alt="Random image">
</div>
<h3>Story Title — 30cc</h3>
<h4></h4>
<span class="flex flex--column flex--align-start">
<p>In collaboration with an inter-disciplinary research team of experts from universities and government, Associate Professor Paul Beggs has taken a leading role in research at the frontier of this dynamic field. It encompasses the MJA-Lancet Countdown, trac...</p>
<a class="link--cta" href="https://www.mq.edu.au/faculty-of-science-and-engineering/departments-and-schools/department-of-earth-and-environmental-sciences/impact-case-studies/the-perfect-storm-climate-change-and-asthma">Read more - 25 cc</a>
</span>
</div>
<div class="story story--secondary">
<div class="margin-btm--16">
<div class="tag tag--light-tertiary">Software and gaming</div>
<div class="tag tag--light-tertiary">Products</div>
</div>
<div class="img__company">
<img src="https://picsum.photos/500/300?random=4" alt="Random image">
</div>
<h3>Story Title — 30cc</h3>
<h4></h4>
<span class="flex flex--column flex--align-start">
<p>In collaboration with an inter-disciplinary research team of experts from universities and government, Associate Professor Paul Beggs has taken a leading role in research at the frontier of this dynamic field. It encompasses the MJA-Lancet Countdown, trac...</p>
<a class="link--cta" href="https://www.mq.edu.au/faculty-of-science-and-engineering/departments-and-schools/department-of-earth-and-environmental-sciences/impact-case-studies/the-perfect-storm-climate-change-and-asthma">Read more - 25 cc</a>
</span>
</div>
</div>
Stories Documentation
Company stories must be wrapped with a story-list for dropdown styling to be applied.
For tag filtering to work data-type="categories" must be added to the dropdown.
For correct padding on company stories, apply story--secondary.