Test

<div class="dev"> <!-- Header - text --> <div class="banner banner-header dev-align-vertical dev-align-vertical--mobile dev-align-center banner-earhealth"> <div class="container"> <section> <div class="row"> <div class="col-xs-12 col-md-10 col-md-offset-1 text-center"> <div class="dev-banner-title"> <div class="dev-section"> <h1 class="plus">Ear infection</h1> </div> </div> </div> </div> </section> </div> <a href="#" class="dev-scroll-link"><i class="fa fa-chevron-down dev-tertiary dev-scroll dev-scroll--desktop hidden-lg hidden-md hidden-sm text-center" aria-hidden="true"></i></a> </div> <div class="banner"> <div class="container"> <section class="dev-narrow"> <div class="row"> <div class="col-xs-12 col-md-8 col-md-offset-2 text-center"> <div class="dev-section"> <p class="dev-sh2">Most people will have had an ear infection at some point in their lives – it’s very common. Most cases can resolve on their own within three days, but we’d always recommend seeing your GP or pharmacist if your symptoms are bothering you.</p> </div> <div class="dev-section hidden-xs"> <a href="#" class="dev-scroll-link d-grey-color"><i class="fa fa-chevron-down dev-scroll" aria-hidden="true"></i></a> </div> </div> </div> </section> </div> </div> <!-- // Header - text --> <div class="banner banner--tertiary bannerFirst"> <div class="container"> <section> <div class="row"> <div class="col-xs-12 col-md-5 col-md-offset-1"> <div class="dev-section keep-margin-all"> <h4>Symptoms of an ear infection</h4> <p>Symptoms in adults can come on quite quickly and can include any of the following, depending on where the ear infection is:</p> </div> <div class="dev-section keep-margin"> <p class="dev-tick">Inflammation and pain in the ear</p> <p class="dev-tick">Tender to touch</p> <p class="dev-tick">Ear swelling</p> <p class="dev-tick">Hearing loss</p> <p class="dev-tick">Feeling or being sick</p> <p class="dev-tick">Feeling of fullness or pressure in the ear</p> <p class="dev-tick">Pus-like discharge from the ear</p> <p class="dev-tick">High temperature or fever </p> </div> </div> <div class="col-xs-12 col-md-5"> <div class="dev-section "> <h4>Causes of an ear infection</h4> <p>Eusthachian tubes are the small tubes that go from each ear to the back of the throat. They’re responsible for allowing air to flow into the middle ear cavity, as well as removing any fluid or debris that can accumulate in the middle ear. When these tubes become blocked or swollen, it can lead to a fluid build-up in the area behind the eardrum (middle ear).</p> <p>This can happen after you’ve had a cold, or can be due to bacteria or a virus that has made its way into these tubes. Allergies and sinus infections can also cause the Eustachian tubes to swell.</p> </div> </div> </div> </section> </div> </div> <div class="banner "> <div class="container"> <section> <div class="row"> <div class="col-xs-12 col-md-10 col-md-offset-1"> <div class="dev-section"> <h4>Types of ear infection</h4> <p>It’s important to know which type of ear infection you have so that you can seek out the right treatment. Some ear infections can lead to further problems. Your GP will be able to advise you on the type you have, but here are the main types of ear infections.</p> </div> </div> </div> </section> <section class="dev-no-pad-top"> <div class="row"> <div class="col-xs-12 dev-cards dev-shadow dev-center--mobile dev-center--tablet"> <div class="row"> <div class="col-xs-12 col-sm-4 dev-card"> <div class="dev-card-content"> <div class="dev-section "> <h5>Outer ear infection</h5> </div> <div class="dev-section keep-margin-all"> <p>The outer ear is the part that is visible on your head and stops at your eardrum. An outer ear infection is inflammation of the the skin lining your ear canal. This type is usually due to a bacterial or fungal infection and is generally picked up from swimming or damage to the skin in the canal. Although occasionally it may be due to a fungus or yeast.</p> </div> <div class="dev-section keep-margin text-left" style="display: none;"> <p>Symptoms of an outer ear infection include:</p> <p class="dev-tick">Irritation</p> <p class="dev-tick">Discharge</p> <p class="dev-tick">Pain</p> <p class="dev-tick">Mild heairng loss</p> </div> <div class="dev-section" data-button-text="Read more|Read less" data-toggle-speed="1000"> <a class="toggle-dev-section toggle-dev-section--prev btn btn--text" href="#"><i class="fa fa-plus" aria-hidden="true"></i>Read more</a> </div> </div> </div> <div class="col-xs-12 col-sm-4 dev-card"> <div class="dev-card-content"> <div class="dev-section"> <h5>Middle ear infection</h5> </div> <div class="dev-section"> <p>This is probably the most common type of ear infection, particularly in children, and is caused by an infection or inflammation in the part of the ear behind the eardrum. It’s often associated with earache and fever in children.</p> <p>It is known to develop quite quickly (like after a cold) and usually resolves itself without any need for treatment. </p> </div> </div> </div> <div class="col-xs-12 col-sm-4 dev-card"> <div class="dev-card-content"> <div class="dev-section"> <h5>Inner ear infection</h5> </div> <div class="dev-section"> <p>This type of ear infection is rare and affects the intricate, inner structures of the ear involved in hearing and balance. This infection or inflammation is commonly caused by a virus.</p> <p>People tend to experience dizziness, problems with balance, <a href="/hearing/ear-health/tinnitus">Tinnitus</a>, nausea and vomiting, hearing loss to one ear, fullness in the ear and sometimes a fever.</p> </div> <div class="dev-section" style="display: none;"> <p>If you experience hearing loss to one ear, we recommend that you visit your local A&amp;E department.</p> </div> <div class="dev-section" data-button-text="Read more|Read less" data-toggle-speed="1000"> <a class="toggle-dev-section toggle-dev-section--prev btn btn--text" href="#"><i class="fa fa-plus" aria-hidden="true"></i>Read more</a> </div> </div> </div> </div> </div> </div> </section> </div> </div> <div class="banner banner--tertiary banner--transparent-mobile"> <div class="container"> <section class="dev-no-pad-top--mobile"> <div class="row"> <div class="col-xs-12 dev-cards dev-transparent dev-center--mobile dev-center--tablet dev-card-dividers"> <div class="row"> <div class="col-xs-12 col-sm-4 dev-card"> <div class="dev-card-content"> <div class="dev-section"> <h5>Treatment for ear infections</h5> </div> <div class="dev-section keep-margin-all"> <p>Treatments options will vary according to where in the ear the infection is, what’s causing it, and then extent of the infection. Generally, your GP might prescribe any of the following: </p> </div> <div class="dev-section keep-margin-all text-left"> <p class="dev-tick">Antibiotics</p> <p class="dev-tick">Ear drops</p> <p class="dev-tick">Pain relief medication</p> <p class="dev-tick">Anti-sickness tablets (if you have an inner ear infection)</p> </div> <div class="dev-section"> <p>Most cases of ear infections tend to resolve on their own after three days, but if your symptoms don’t get better after a few days, you should visit your GP.</p> </div> </div> </div> <div class="col-xs-12 col-sm-4 dev-card"> <div class="dev-card-content"> <div class="dev-section"> <h5>How long will an ear infection take to clear up?</h5> </div> <div class="dev-section"> <p>The time it takes for an infection to clear will depend on the type and extent of the ear infection you have.</p> <p>Typically, it can take between two days to a week to resolve, with more severe cases lasting for several weeks.</p> </div> </div> </div> <div class="col-xs-12 col-sm-4 dev-card"> <div class="dev-card-content"> <div class="dev-section"> <h5>Prevention of ear infections</h5> </div> <div class="dev-section keep-margin-all"> <p>There are a few things you can do to reduce you chance of getting an ear infection, although it’s important to note that you can’t always prevent them.</p> </div> <div class="dev-section text-left"> <p class="dev-tick">Make sure you’re up-to-date with your vaccinations</p> <p class="dev-tick">Don’t try to clean your ears with your fingers or using cotton buds</p> <p class="dev-tick">Make sure you dry your ears after a shower or going swimming</p> <p class="dev-tick">Try to cover your ears when you go swimming (with a swimming cap, or using ear plugs)</p> <p class="dev-tick">Avoid exposure to smoky environments</p> </div> </div> </div> </div> </div> </div> </section> </div> </div> <div class="banner"> <div class="container"> <section> <div class="row"> <div class="col-xs-12"> <div class="dev-section keep-margin-all"> <h3>FAQs</h3> </div> </div> <div class="col-xs-12"> <div class="dev-section dev-tool dev-accordion dev-accordion-alt--plus-right"> <a href="#" class="dev-tool__header "><i class="fa fa-plus dev-tool__header-icon" aria-hidden="true"></i>How long do ear infections last for?</a> <div class="dev-tool__content-holder"> <div class="dev-tool__content"> <div class="dev-section"> <p class="dev-bc3">Depending on the type of ear infection you have, they can last anywhere between a couple of days to a couple of months.</p> </div> </div> </div> <a href="#" class="dev-tool__header"><i class="fa fa-plus dev-tool__header-icon" aria-hidden="true"></i>Can an ear infection in adults go away on its own?</a> <div class="dev-tool__content-holder"> <div class="dev-tool__content"> <div class="dev-section"> <p class="dev-bc3">Yes. In many cases, certain ear infections will clear by themselves, with no need for treatment.</p> </div> </div> </div> <a href="#" class="dev-tool__header"><i class="fa fa-plus dev-tool__header-icon" aria-hidden="true"></i>How can I treat an ear infection at home?</a> <div class="dev-tool__content-holder"> <div class="dev-tool__content"> <div class="dev-section"> <p class="dev-bc3">Ask your pharmacist about over-the-counter medications that can help you. You could also try using painkillers to ease any pain you experience, using warm or cold compresses over the ear, and gently cleaning away any discharge from the outside of the ear. Make sure you don’t try to clean inside your ear.</p> </div> </div> </div> <a href="#" class="dev-tool__header"><i class="fa fa-plus dev-tool__header-icon" aria-hidden="true"></i>How do you get rid of an ear infection fast?</a> <div class="dev-tool__content-holder"> <div class="dev-tool__content"> <div class="dev-section"> <p class="dev-bc3">Seek advice from your GP or pharmacist for advice on the best treatment for you.</p> </div> </div> </div> <a href="#" class="dev-tool__header"><i class="fa fa-plus dev-tool__header-icon" aria-hidden="true"></i>What does the inside of an ear infection look like?</a> <div class="dev-tool__content-holder"> <div class="dev-tool__content"> <div class="dev-section"> <p class="dev-bc3">Its appearance can vary depending on what type of ear infection you have, but generally, in an outer ear infection the ear will appear red in colour, the canal may have swollen shut and discharge maybe visible from the entrance of the canal. Internally, the canal will be very red and have a white/yellowish discharge present.</p> </div> </div> </div> <a href="#" class="dev-tool__header"><i class="fa fa-plus dev-tool__header-icon" aria-hidden="true"></i>What are the symptoms of an inner ear infection in adults?</a> <div class="dev-tool__content-holder"> <div class="dev-tool__content"> <div class="dev-section"> <p class="dev-bc3">Inner ear infection symptoms can include: dizziness, problems with balance, ear pain, feeling or being sick, tinnitus, hearing loss in one ear, a feeling of fulness in the ear and sometimes a fever.</p> </div> </div> </div> </div> </div> </div> </section> </div> </div> <div class="banner banner--dark-blue"> <div class="container"> <section class="dev-ask"> <div class="row"> <div class="col-xs-12 col-md-10 col-md-offset-1 text-center"> <div class="dev-section"> <form id="dev-form--ask" method="get" action="/help-and-faqs/search"> <input class="dev-ask__field" name="search_api_views_fulltext" type="text" placeholder="Ask an Expert (Enter keyword or question)"><input class="dev-ask__submit btn btn--submit hidden-xs hidden-sm" type="submit"><div class="dev-inline"><input class="dev-ask__submit btn btn--submit btn--side--mob hidden-md hidden-lg" type="submit"><a class="btn btn--white btn--side--mob" href="/help-and-faqs/topic/hearing">See FAQs</a></div> </form> </div> </div> </div> </section> </div> </div> </div>
/*@import "partials/base"; @import "partials/typography"; @import "partials/buttons"; @import "partials/headers"; @import "partials/forms"; @import "partials/carousels"; @import "partials/accordions"; @import "partials/tabs"; @import "partials/lists"; @import "partials/cards"; @import "partials/section-breakers";*/ .dev .b-lazy { -webkit-transition: opacity 500ms ease-in-out; -moz-transition: opacity 500ms ease-in-out; -o-transition: opacity 500ms ease-in-out; transition: opacity 500ms ease-in-out; max-width: 100%; opacity: 0; } .dev .b-lazy.b-loaded { opacity: 1; } .dev .dev-center--img { display: block; margin-left: auto; margin-right: auto; } @media (max-width: 767px) { .dev .dev-center--img-mobile { display: block; margin-left: auto; margin-right: auto; } } @media (min-width: 992px) { .dev .dev-center--img-tablet { display: block; margin-left: auto; margin-right: auto; } } @media (min-width: 1200px) { .dev .dev-center--img-desktop { display: block; margin-left: auto; margin-right: auto; } } .dev .banner-image--full img { margin-left: -24px; margin-right: -24px; max-width: none; width: calc(100% + 48px); } .dev .dev-scale { transform: scale(1.2); position: relative; z-index: -1; } @media (min-width: 992px) { .dev .dev-panel--small.dev-image-1 { background-image: url("https://dummyimage.com/360x384/eeeeee/cccccc"); } } @media (min-width: 992px) { .dev .dev-panel--small.dev-image-2 { background-image: url("https://dummyimage.com/360x384/eeeeee/cccccc"); } } @media (min-width: 992px) { .dev .dev-panel--small.dev-image-3 { background-image: url("https://dummyimage.com/360x384/eeeeee/cccccc"); } } .dev .banner-header--example { background-image: url("https://dummyimage.com/768x240/cccccc/eeeeee"); background-position: top center !important; } @media (min-width: 768px) { .dev .banner-header--example { background-image: url("https://dummyimage.com/992x280/eeeeee/cccccc"); } } @media (min-width: 992px) { .dev .banner-header--example { background-image: url("https://dummyimage.com/1200x564/eeeeee/cccccc"); } } @media (min-width: 1200px) { .dev .banner-header--example { background-image: url("https://dummyimage.com/1920x564/eeeeee/cccccc"); } } @media (min-width: 992px) { .dev .banner-50--example .banner-image--50 { background-image: url("https://dummyimage.com/600x550/dddddd/bbbbbb"); } } @media (min-width: 1200px) { .dev .banner-50--example .banner-image--50 { background-image: url("https://dummyimage.com/960x700/dddddd/bbbbbb"); } } @media (min-width: 992px) { .dev .banner-42--example .banner-image--42 { background-image: url("https://dummyimage.com/504x550/dddddd/bbbbbb"); } } @media (min-width: 1200px) { .dev .banner-42--example .banner-image--42 { background-image: url("https://dummyimage.com/807x700/dddddd/bbbbbb"); } } @media (min-width: 992px) { .dev .banner-35--example .banner-image--33 { background-image: url("https://dummyimage.com/420x550/dddddd/bbbbbb"); } } @media (min-width: 1200px) { .dev .banner-35--example .banner-image--33 { background-image: url("https://dummyimage.com/672x700/dddddd/bbbbbb"); } } @media (min-width: 992px) { .dev .banner-header--split .banner-image--50 { background-image: url("https://dummyimage.com/600x1108/dddddd/bbbbbb"); } } @media (min-width: 1200px) { .dev .banner-header--split .banner-image--50 { background-image: url("https://dummyimage.com/960x1052/dddddd/bbbbbb"); } } @media (min-width: 992px) { .dev .banner-image--sandwich { background-image: url("https://dummyimage.com/1200x456/dddddd/bbbbbb"); } } @media (min-width: 1200px) { .dev .banner-image--sandwich { background-image: url("https://dummyimage.com/1920x456/dddddd/bbbbbb"); } } .dev .dev-align-center .dev-banner-title { left: 50%; transform: translate(-50%, -50%) !important; } @media (max-width: 767px) { .dev .dev-align-vertical--mobile div, .dev .dev-align-vertical--mobile section { height: 100%; padding-top: 0; padding-bottom: 0; } .dev .dev-align-vertical--mobile .dev-banner-title { height: auto; position: absolute; top: 50%; transform: translate(0, -50%); } } .dev .banner-earhealth { color: white; background: #ABB9B6; } .dev .banner-earhealth .dev-scroll { color: white; } .dev .banner--v-light-grey { background: #FAFAFA; } .dev .banner--secondary { background: #DDE2E1; } .dev .banner--tertiary { background: #ebedec; } .dev .banner--dark-blue { background: #2C3E50; } @media (max-width: 767px) { .dev .banner--transparent-mobile { background: transparent; } .dev .banner--transparent-mobile .dev-card-dividers .dev-card:before { display: none; } .dev .banner--transparent-mobile .dev-card-dividers .dev-card { background: #FFF; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; margin-left: -12px; margin-right: -12px; width: calc(100% + 24px); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16); } .dev .banner--transparent-mobile .dev-card-dividers .btn { border-color: #333; color: #333; } .dev .banner--transparent-mobile .dev-card-dividers .btn:hover { border-color: #009B4F; color: #FFF; } } @media (min-width: 768px) { .dev .banner--transparent-mobile .dev-card-dividers .dev-card:before { border-color: #666; } .dev .banner--transparent-mobile .btn--text { color: #333; } .dev .banner--transparent-mobile .btn--text i { color: #009B4F; } .dev .banner--transparent-mobile .btn--text:hover { color: #00693B; } .dev .banner--transparent-mobile .btn--text:hover i { color: #00693B; } } .dev .dev-card .dev-card-content { background-color: #FAFAFA; } .dev .dev-tick:before { color: #333; } .dev .dev-accordion .dev-tool__header { font-weight: 700; background-color: #F5F5F5; color: #333; } .dev .dev-accordion .dev-tool__header:hover { color: #333; } .dev .dev-accordion .dev-tool__content-holder { background-color: #FAFAFA; } #devpage .banner:nth-child(2n) { background-color: rgba(200, 200, 200, 0.4); } /*# sourceMappingURL=style.css.map */
Title Text: 
Test
Location button title text: 
Location
CTA button text: 
Test
Input field label: 
Postcode