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.