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.