SSANZ Styles & Scripts
<div class="ssanz"><div class="ss-stripe bg-light_grey"><div class="container--skinny"><h1 class="h3">Presbyopia?</h1><p>As it’s just another side effect of ageing, all of us will experience presbyopia in our lives. It’s a gradual process, but you’ll start to notice change in close vision from around the age of 40.</p></div></div><div class="ss-stripe bg-xl_grey"><div class="container--skinny"><div class="row"><div class="col"><h2 class="h4">What is presbyopia?</h2><ul><li>You find it difficult reading small print</li><li>You have to hold things at arm’s length to see clearly</li><li>Vision is blurred at normal reading distance</li></ul><p class="mb-5">It’s fairly obvious to recognise the symptoms of presbyopia. You’ll find it starts to get difficult doing close-up tasks, like reading or sewing. The further you hold something from you, the clearer it gets. This is why you’ll notice lots of people holding things at arm’s length to see clearer.</p><div class="video_container"><iframe width="560" height="315" src="https://youtube.com/embed/yXJd3q3h08M?cc_load_policy=1&rel=0&showinfo=0" frameborder="0" allowfullscreen="" scrolling="no" style="width: 1px; min-width: 100%;"></iframe></div></div></div></div></div><div class="ss-stripe bg-light_grey"><div class="container"><div class="row"><div class="col-md-6 d-flex"><div class="pb-4 pb-md-0 pr-md-2"><h2 class="h5">What causes presbyopia?</h2><p>The flexible, crystalline lens in the front of the eye allows us to see clearly up close and far away. But as we get older – from around the age of 40 – this lens naturally starts to lose its elasticity, which affects your ability to focus.</p><p>Even if you have never needed glasses, you will find that you’ll need <a href="/glasses/reading">reading glasses</a> later in life.</p></div></div><div class="col-md-6 d-flex"><div class="pl-md-2"><h2 class="h5">What help is available?</h2><p>It may be that all you need is a pair of prescription reading glasses to make close word easier. Or you may already have glasses, but would benefit from bifocals, which combine close, midrange and distance vision into one pair of glasses.</p><p>If contact lenses are more suited to you – we have a great range of multifocal contact lenses that are designed to accommodate for varying vision types in one lens, like they would in bifocal glasses.</p></div></div></div></div></div></div>
Did you know - Medicare card
<div class="ssanz"><div class="ss-stripe bg-big_stone"><div class="container--skinny text-sm-center"><h2 class="h4">Did you know?</h2><p class="mb-4">Eye tests are bulk billed to Medicare so there are no out of pocket expenses for you.</p><div class="row mt-4"><div class="col mb-3"><a class="btn--primary btn--full-width" href="/eye-health/eye-conditions">See more eye conditions</a></div><div class="col"><a class="btn--primary btn--full-width" href="/stores">Book an appointment</a></div></div></div></div></div>
Ask an expert - Eyehealth
<div class="ssanz"><div class="ss-stripe bg-vi_grey"><div class="container"><div class="row"> <div class="col"> <h2 class="h5 mb-4">Frequently asked questions</h2> </div> </div><form id="dev-form--ask text" method="get" action="/help-and-faqs/search"><div class="row"><div class="col-12 col-md-9"><div class="input-group"><input class="form-control hasPlaceholder" name="search_api_views_fulltext" type="text" placeholder="Enter keyword or question"> <span class="input-group-btn"><input class="btn--primary" type="submit"></span></div></div><div class="col-12 col-md-3 d-flex align-items-center mt-4 mt-md-0"><p><a href="/help-and-faqs" class="btn_tertiary"><span class="btn_tertiary__label">See all FAQs</span></a></p></div></div></form></div></div></div>
.form-control {
display: table-cell;
width: 100%;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 0;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
padding: calc(0.75 * 1em) calc(1 * 1em);
font-size: calc(1em + .2em) !important;
height:58.78px;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group-btn {
position: relative;
white-space: nowrap;
display: table-cell;
vertical-align: middle;
width: 1%;
}
.input-group-btn .btn--primary {
border: 1px solid #009b4f;
border-radius: 0 2px 2px 0;
}
@media (max-width: 580px) {
.input-group {
display: block;
}
span.input-group-btn {
display: inline-table;
margin-top: 15px;
}
}
3C - Eye conditions bottom strip
<div class="ssanz"><div class="ss-stripe bg-light_grey"><div class="container"><div class="row cards"><div class="col-12 col-sm-6 col-lg-4 d-flex"><a href="/eye-health/eye-tests/do-i-need-an-eye-test" class="card"><img src="https://content.specsavers.com/anz/au/assets/img/eye_health/landing/eye-health_eyetest-banner-545x273.jpg" alt="" class="img-fluid" loading="lazy" width="545" height="273"><div class="card__padder"><div class="card__header"><h2 class="card__title">Why do I need an eye test?</h2></div><div class="card__footer"><span class="card__button btn_tertiary"><span class="btn_tertiary__label">Find out more</span></span></div></div></a></div><div class="col-12 col-sm-6 col-lg-4 d-flex"><a href="/eye-health/eye-tests/your-store-visit-explained" class="card"><picture class=""><img src="https://content.specsavers.com/anz/au/assets/img/eye_health/landing/eye-health_storevisit-banner-545x273.jpg" alt="" class="img-fluid" loading="lazy" width="545" height="273"></picture><div class="card__padder"><div class="card__header"><h2 class="card__title">Your store visit explained</h2></div><div class="card__footer"><span class="card__button btn_tertiary"><span class="btn_tertiary__label">Learn more</span></span></div></div></a></div><div class="col-12 col-sm-6 col-lg-4 d-flex"><a href="/eye-health/eye-tests" class="card"><picture class="bg-light_grey"><img src="https://content.specsavers.com/anz/au/assets/img/eye_health/landing/eye-health_eyetestinfo-banner-545x273.jpg" alt="" class="img-fluid" loading="lazy" width="545" height="273"></picture><div class="card__padder"><div class="card__header"><h2 class="card__title">Your guide to eye tests</h2></div><div class="card__footer"><span class="card__button btn_tertiary"><span class="btn_tertiary__label">Find out more</span></span></div></div></a></div></div></div></div></div>
Did you know - Medicare card - Terms and Conditions
<div class="ssanz"> <div class="ss-stripe--smaller bg-xl_grey"> <div class="container--skinny text-center"> <div class="accordion js-accordion" data-allow-multiple > <div class="accordion__item js-accordion__item"> <button class="accordion__toggle js-accordion__toggle" aria-expanded> <h3 class="h5 accordion__heading">Terms and conditions</h3> </button> <div class="accordion__collapser js-accordion__collapser"> <div class="accordion__content js-accordion__content"> <p>Listed on a valid Medicare card without Optometry restrictions. </p> </div> </div> </div> </div> </div> </div> </div>