<div class="weather-forecast weather-forecast--celsius" data-module="weatherForecast" data-language="en-us" data-api-endpoint="/components/preview/cp-forecast-location-results--{0}">
    <div class="weather-forecast__heading">
        <div class="grid-container">
            <div class="grid-x">
                <div class="cell medium-5">
                    <h1 class="weather-forecast__title">Ireland&#x27;s Weather</h1>
                </div>
                <div class="cell medium-7">
                    <p class="weather-forecast__subtitle">Ireland has been physically shaped by the Atlantic, with stunning beaches and coastlines. The weather has also shaped our culture, bringing people together through shared experiences, helping us connect to each other and to nature.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="weather-forecast__content">
        <div class="forecast-warning js-weather-warning">
            <button class="js-warning" type="button"></button>
            <div class="forecast-warning__info js-warning-box">
                <div class="forecast-warning__container js-warning-container">
                    <h3 class="forecast-warning__title js-warning-title"></h3>
                    <p class="forecast-warning__subtitle js-warning-subtitle"></p>
                    <button class="forecast-warning__close js-close"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.3 13.3" preserveAspectRatio="xMinYMin meet">
                            <g fill-rule="evenodd" clip-rule="evenodd">
                                <path d="M.2 13.1c-.3-.3-.3-.9 0-1.2L11.9.2c.3-.3.9-.3 1.2 0s.3.9 0 1.2L1.4 13.1c-.3.3-.8.3-1.2 0z" />
                                <path d="M.2.2c.3-.3.9-.3 1.2 0l11.7 11.7c.3.3.3.9 0 1.2-.3.3-.9.3-1.2 0L.2 1.4C-.1 1.1-.1.6.2.2z" />
                            </g>
                        </svg></button>
                </div>
            </div>
        </div>
        <div class="forecast-location js-forecast-location">
            <p class="forecast-location__label">Select a city</p>
            <div class="forecast-location__dropdown js-dropdown">
                <p class="forecast-location__current js-dropdown-current">Dublin</p>
                <ul class="forecast-location__dropdown-list">
                    <li class="forecast-location__dropdown-item js-dropdown-item" data-value="armagh">Armagh</li>
                    <li class="forecast-location__dropdown-item js-dropdown-item" data-value="belfast">Belfast</li>
                    <li class="forecast-location__dropdown-item js-dropdown-item" data-value="cork">Cork</li>
                    <li class="forecast-location__dropdown-item js-dropdown-item" data-value="derrylon">Derry~Londonderry</li>
                    <li class="forecast-location__dropdown-item js-dropdown-item" data-value="default">Dublin</li>
                    <li class="forecast-location__dropdown-item js-dropdown-item" data-value="galway">Galway</li>
                    <li class="forecast-location__dropdown-item js-dropdown-item" data-value="kilkenny">Kilkenny</li>
                    <li class="forecast-location__dropdown-item js-dropdown-item" data-value="limeric">Limerick</li>
                    <li class="forecast-location__dropdown-item js-dropdown-item" data-value="linsburn">Linsburn</li>
                    <li class="forecast-location__dropdown-item js-dropdown-item" data-value="newry">Newry</li>
                    <li class="forecast-location__dropdown-item js-dropdown-item" data-value="waterford">Waterford</li>
                </ul>
            </div>
        </div>
        <div class="temperature-switcher js-temperature-switcher">
            <div class="temperature-switcher__button js-fahrenheit-button js-switcher-button">°F</div>
            <div class="temperature-switcher__button is-active js-celsius-button js-switcher-button">°C</div>
        </div>
        <div class="weather-forecast__wheel-wrapper">
            <div class="forecast-wheel js-wheel">
                <div class="forecast-wheel__arrow js-wheel-arrow"></div>
                <div class="forecast-wheel__sections js-wheel-sections">
                    <div class="forecast-wheel__section js-wheel-section" data-index="0" data-title="Jan">
                        <p class="forecast-wheel__label">Jan</p>
                    </div>
                    <div class="forecast-wheel__section js-wheel-section" data-index="1" data-title="Feb">
                        <p class="forecast-wheel__label">Feb</p>
                    </div>
                    <div class="forecast-wheel__section js-wheel-section" data-index="2" data-title="Mar">
                        <p class="forecast-wheel__label">Mar</p>
                    </div>
                    <div class="forecast-wheel__section js-wheel-section" data-index="3" data-title="Apr">
                        <p class="forecast-wheel__label">Apr</p>
                    </div>
                    <div class="forecast-wheel__section js-wheel-section" data-index="4" data-title="May">
                        <p class="forecast-wheel__label">May</p>
                    </div>
                    <div class="forecast-wheel__section js-wheel-section" data-index="5" data-title="Jun">
                        <p class="forecast-wheel__label">Jun</p>
                    </div>
                    <div class="forecast-wheel__section js-wheel-section" data-index="6" data-title="Jul">
                        <p class="forecast-wheel__label">Jul</p>
                    </div>
                    <div class="forecast-wheel__section js-wheel-section" data-index="7" data-title="Aug">
                        <p class="forecast-wheel__label">Aug</p>
                    </div>
                    <div class="forecast-wheel__section js-wheel-section" data-index="8" data-title="Sep">
                        <p class="forecast-wheel__label">Sep</p>
                    </div>
                    <div class="forecast-wheel__section js-wheel-section" data-index="9" data-title="Oct">
                        <p class="forecast-wheel__label">Oct</p>
                    </div>
                    <div class="forecast-wheel__section js-wheel-section" data-index="10" data-title="Nov">
                        <p class="forecast-wheel__label">Nov</p>
                    </div>
                    <div class="forecast-wheel__section js-wheel-section" data-index="11" data-title="Dec">
                        <p class="forecast-wheel__label">Dec</p>
                    </div>
                    <div class="forecast-wheel__section js-wheel-section" data-index="12" data-title="5 days">
                        <p class="forecast-wheel__label">5 days</p>
                    </div>
                    <div class="forecast-wheel__section js-wheel-section" data-index="13" data-title="6-10 day">
                        <p class="forecast-wheel__label">6-10 day</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="js-results-wrapper">
            <div class="forecast-section is-active js-forecast-section" data-show-location="false" data-warning-title="" data-warning-subtitle="" data-warning-type="" data-warning-icon="" data-index="0">
                <div class="forecast-section__background">
                    <figure class="image js-image  " data-module="imagelazy" data-is-small-image="">
                        <img class="image__lowres js-image-lazyload" data-object-fit data-src="https://images.unsplash.com/photo-1485395578879-6ba080c9cdba?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;100&amp;q&#x3D;10" alt="Alt Text">
                        <picture class="image__container">
                            <source media="(max-width: 767px)" class="js-small-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1485395578879-6ba080c9cdba?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;640&amp;q&#x3D;80" />
                            <source media="(min-width: 768px) and (max-width:1319px)" class="js-medium-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1485395578879-6ba080c9cdba?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                            <source media="(min-width: 1320px)" class="js-large-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1485395578879-6ba080c9cdba?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                            <img class="js-image-lazyload js-fallback-image" data-object-fit data-src="https://images.unsplash.com/photo-1485395578879-6ba080c9cdba?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" alt="Alt Text">
                        </picture>
                    </figure>
                </div>
                <div class="forecast-section__inner">
                    <div class="forecast-section__content">
                        <div class="forecast-section__content-inner js-forecast-content">
                            <h2 class="forecast-section__title">January</h2>
                            <p class="forecast-section__subtitle">Average weather</p>
                            <div class="forecast-section__main-forecast">
                                <div class="forecast-section__forecast-block forecast-section__forecast-block--weather">
                                    <div class="forecast-section__icon"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 53'>
                                            <path d='M6.2 26.5H0v-5.3h6.2v5.3zM25.833 9.381V0h-5.166v9.381h5.166zM13.46 11.713L7.88 5.989 4.237 9.752l5.58 5.724 3.642-3.763zm24.439-6.36l-5.451 5.591 3.642 3.737L41.54 9.09c0 .026-3.642-3.737-3.642-3.737zM7.672 34.264L1.99 39.352l3.359 4.029 5.683-5.089-3.359-4.028zM62 41.658C62 47.912 56.962 53 50.763 53H24.154c-6.2 0-11.237-5.088-11.237-11.342 0-2.04.542-3.949 1.472-5.592-2.48-2.411-4.056-5.777-4.056-9.566 0-7.314 5.787-13.25 12.917-13.25 3.436 0 6.51 1.405 8.81 3.657a15.177 15.177 0 015.398-1.007c8.19 0 14.855 6.466 15.294 14.628 5.244.928 9.248 5.565 9.248 11.13zM15.5 26.5c0 2.279.956 4.32 2.454 5.75 1.266-.848 2.661-1.457 4.185-1.748a15.543 15.543 0 015.141-10.733c-1.163-.742-2.532-1.219-4.03-1.219-4.262 0-7.75 3.578-7.75 7.95zm41.333 15.158c0-5.512-5.115-6.943-9.015-6.651.568-3.816-.62-13.807-10.36-13.807-10.023 0-10.488 10.203-10.359 13.807-3.59-.239-9.016 1.033-9.016 6.651 0 3.339 2.739 6.042 6.071 6.042h26.583c3.358 0 6.096-2.703 6.096-6.042z' />
                                        </svg></div>
                                    <p class="forecast-section__text">Mostly sunny with some clouds</p>
                                </div>
                                <div class="forecast-section__forecast-block forecast-section__forecast-block--temperature">
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">53.6°</span>
                                        <span class="forecast-section__fahrenheit">50°</span>
                                    </p>
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">9°/12°</span>
                                        <span class="forecast-section__fahrenheit">48.2°/53.6°</span>
                                    </p>
                                </div>
                            </div>
                            <div class="forecast-section__information">
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M12.1035 25.5H6V22.5H12.1035C12.042 22.992 12 23.4915 12 24C12 24.5085 12.042 25.008 12.1035 25.5ZM16.6545 14.532L12.333 10.2105L10.212 12.3315L14.5335 16.653C15.15 15.8595 15.861 15.1485 16.6545 14.532V14.532ZM33.468 16.653L37.7895 12.3315L35.6685 10.2105L31.347 14.532C32.139 15.1485 32.85 15.861 33.468 16.653V16.653ZM24 12C24.5085 12 25.008 12.042 25.5 12.1035V6H22.5V12.1035C22.992 12.042 23.4915 12 24 12V12ZM24 36C23.4915 36 22.992 35.958 22.5 35.8965V42H25.5V35.8965C25.008 35.958 24.5085 36 24 36ZM35.8965 22.5C35.958 22.992 36 23.4915 36 24C36 24.5085 35.958 25.008 35.8965 25.5H42V22.5H35.8965ZM31.347 33.468L35.667 37.788L37.7895 35.667L33.4695 31.347C32.8515 32.139 32.1405 32.85 31.347 33.468ZM14.532 31.3455L10.212 35.6655L12.333 37.7865L16.653 33.4665C15.861 32.85 15.1485 32.139 14.532 31.3455ZM18 24C18 27.309 20.691 30 24 30C27.309 30 30 27.309 30 24C30 20.691 27.309 18 24 18C20.691 18 18 20.691 18 24V24ZM33 24C33 28.971 28.971 33 24 33C19.029 33 15 28.971 15 24C15 19.029 19.029 15 24 15C28.971 15 33 19.029 33 24V24Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">8hrs of sun per day</p>
                                </div>
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M22.5 21H6V18H22.5C23.325 18 24 17.325 24 16.5C24 15.675 23.325 15 22.5 15C21.9 15 21.375 15.36 21.15 15.885L18.525 14.445C19.275 13.005 20.76 12 22.5 12C28.455 12 28.455 21 22.5 21ZM33 31.5C33 29.01 30.99 27 28.5 27H6V30H28.5C29.325 30 30 30.675 30 31.5C30 32.325 29.325 33 28.5 33C27.9 33 27.375 32.64 27.15 32.115L24.525 33.555C25.275 34.995 26.76 36 28.5 36C30.99 36 33 33.99 33 31.5ZM34.515 20.01C34.65 18.885 35.595 18 36.75 18C37.995 18 39 19.005 39 20.25C39 21.495 37.995 22.5 36.75 22.5H6V25.5H36.75C39.645 25.5 42 23.145 42 20.25C42 17.355 39.645 15 36.75 15C34.32 15 32.28 16.68 31.695 18.93L34.515 20.01Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">Wind 10% likely</p>
                                </div>
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M35.2163 20.7722C34.898 14.768 30 10 24 10C22.751 10 21.5265 10.227 20.4 10.6055C18.5633 11.2109 17.2408 12.1444 15.9673 13.431C14.1061 15.3483 12.9306 17.9215 12.7592 20.7722C12.0735 20.8984 11.4367 21.1254 10.8245 21.4029C10.751 21.4282 10.6776 21.4786 10.6286 21.5039C10.5551 21.5291 10.5061 21.5795 10.4327 21.6048C10.3837 21.63 10.3592 21.6552 10.3102 21.6804C10.1143 21.8066 9.89388 21.9327 9.69796 22.0589C8.59592 22.8157 7.66531 23.7996 7.00408 25.0105V25.0357C6.93061 25.1619 6.88163 25.288 6.80816 25.3889C6.29388 26.4737 6 27.6847 6 28.9713C6 33.5879 9.67347 37.3217 14.2286 37.3217L15.9184 33.4114H14.2286C11.7796 33.4114 9.77143 31.4184 9.77143 28.9713C9.77143 24.8339 13.7633 23.9005 16.3837 24.0771C16.2857 21.4282 16.6531 13.9103 23.9755 13.9103C31.1265 13.9103 31.9837 21.2768 31.5673 24.0771C34.4327 23.8753 38.1796 24.9348 38.1796 28.9713C38.1796 31.2165 36.9306 33.3609 32.6449 33.3609L31.1265 37.3217H33.7469C38.302 37.3217 42 33.5879 42 28.9713C42 24.8844 39.0612 21.4786 35.2163 20.7722Z" />
                                            <path d="M28.8104 29C25.9812 30.4358 24.1713 31.3144 23.3808 32.7288C22.5903 34.1432 23.0687 35.9647 24.4625 36.8005C25.8564 37.6363 27.6246 37.1434 28.4151 35.729C29.2056 34.2932 29.0392 32.2574 28.8104 29Z" />
                                            <path d="M20.8104 36C17.9604 37.4272 16.1713 38.3137 15.3808 39.7409C14.5903 41.1681 15.0687 43.0061 16.4625 43.8494C17.8564 44.6928 19.6246 44.1954 20.4151 42.7682C21.2056 41.3411 21.0392 39.2868 20.8104 36Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">11 rainy days</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="forecast-section js-forecast-section" data-show-location="false" data-warning-title="" data-warning-subtitle="" data-warning-type="" data-warning-icon="" data-index="1">
                <div class="forecast-section__background">
                    <figure class="image js-image  " data-module="imagelazy" data-is-small-image="">
                        <img class="image__lowres js-image-lazyload" data-object-fit data-src="https://images.unsplash.com/photo-1451337516015-6b6e9a44a8a3?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;100&amp;q&#x3D;10" alt="Alt Text">
                        <picture class="image__container">
                            <source media="(max-width: 767px)" class="js-small-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1451337516015-6b6e9a44a8a3?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;640&amp;q&#x3D;80" />
                            <source media="(min-width: 768px) and (max-width:1319px)" class="js-medium-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1451337516015-6b6e9a44a8a3?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                            <source media="(min-width: 1320px)" class="js-large-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1451337516015-6b6e9a44a8a3?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                            <img class="js-image-lazyload js-fallback-image" data-object-fit data-src="https://images.unsplash.com/photo-1451337516015-6b6e9a44a8a3?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" alt="Alt Text">
                        </picture>
                    </figure>
                </div>
                <div class="forecast-section__inner">
                    <div class="forecast-section__content">
                        <div class="forecast-section__content-inner js-forecast-content">
                            <h2 class="forecast-section__title">February</h2>
                            <p class="forecast-section__subtitle">Average weather</p>
                            <div class="forecast-section__main-forecast">
                                <div class="forecast-section__forecast-block forecast-section__forecast-block--weather">
                                    <div class="forecast-section__icon"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 53'>
                                            <path d='M6.2 26.5H0v-5.3h6.2v5.3zM25.833 9.381V0h-5.166v9.381h5.166zM13.46 11.713L7.88 5.989 4.237 9.752l5.58 5.724 3.642-3.763zm24.439-6.36l-5.451 5.591 3.642 3.737L41.54 9.09c0 .026-3.642-3.737-3.642-3.737zM7.672 34.264L1.99 39.352l3.359 4.029 5.683-5.089-3.359-4.028zM62 41.658C62 47.912 56.962 53 50.763 53H24.154c-6.2 0-11.237-5.088-11.237-11.342 0-2.04.542-3.949 1.472-5.592-2.48-2.411-4.056-5.777-4.056-9.566 0-7.314 5.787-13.25 12.917-13.25 3.436 0 6.51 1.405 8.81 3.657a15.177 15.177 0 015.398-1.007c8.19 0 14.855 6.466 15.294 14.628 5.244.928 9.248 5.565 9.248 11.13zM15.5 26.5c0 2.279.956 4.32 2.454 5.75 1.266-.848 2.661-1.457 4.185-1.748a15.543 15.543 0 015.141-10.733c-1.163-.742-2.532-1.219-4.03-1.219-4.262 0-7.75 3.578-7.75 7.95zm41.333 15.158c0-5.512-5.115-6.943-9.015-6.651.568-3.816-.62-13.807-10.36-13.807-10.023 0-10.488 10.203-10.359 13.807-3.59-.239-9.016 1.033-9.016 6.651 0 3.339 2.739 6.042 6.071 6.042h26.583c3.358 0 6.096-2.703 6.096-6.042z' />
                                        </svg></div>
                                    <p class="forecast-section__text">Mostly sunny with some clouds</p>
                                </div>
                                <div class="forecast-section__forecast-block forecast-section__forecast-block--temperature">
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">10°</span>
                                        <span class="forecast-section__fahrenheit">50°</span>
                                    </p>
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">9°/12°</span>
                                        <span class="forecast-section__fahrenheit">48.2°/53.6°</span>
                                    </p>
                                </div>
                            </div>
                            <div class="forecast-section__information">
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M12.1035 25.5H6V22.5H12.1035C12.042 22.992 12 23.4915 12 24C12 24.5085 12.042 25.008 12.1035 25.5ZM16.6545 14.532L12.333 10.2105L10.212 12.3315L14.5335 16.653C15.15 15.8595 15.861 15.1485 16.6545 14.532V14.532ZM33.468 16.653L37.7895 12.3315L35.6685 10.2105L31.347 14.532C32.139 15.1485 32.85 15.861 33.468 16.653V16.653ZM24 12C24.5085 12 25.008 12.042 25.5 12.1035V6H22.5V12.1035C22.992 12.042 23.4915 12 24 12V12ZM24 36C23.4915 36 22.992 35.958 22.5 35.8965V42H25.5V35.8965C25.008 35.958 24.5085 36 24 36ZM35.8965 22.5C35.958 22.992 36 23.4915 36 24C36 24.5085 35.958 25.008 35.8965 25.5H42V22.5H35.8965ZM31.347 33.468L35.667 37.788L37.7895 35.667L33.4695 31.347C32.8515 32.139 32.1405 32.85 31.347 33.468ZM14.532 31.3455L10.212 35.6655L12.333 37.7865L16.653 33.4665C15.861 32.85 15.1485 32.139 14.532 31.3455ZM18 24C18 27.309 20.691 30 24 30C27.309 30 30 27.309 30 24C30 20.691 27.309 18 24 18C20.691 18 18 20.691 18 24V24ZM33 24C33 28.971 28.971 33 24 33C19.029 33 15 28.971 15 24C15 19.029 19.029 15 24 15C28.971 15 33 19.029 33 24V24Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">8hrs of sun per day</p>
                                </div>
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M22.5 21H6V18H22.5C23.325 18 24 17.325 24 16.5C24 15.675 23.325 15 22.5 15C21.9 15 21.375 15.36 21.15 15.885L18.525 14.445C19.275 13.005 20.76 12 22.5 12C28.455 12 28.455 21 22.5 21ZM33 31.5C33 29.01 30.99 27 28.5 27H6V30H28.5C29.325 30 30 30.675 30 31.5C30 32.325 29.325 33 28.5 33C27.9 33 27.375 32.64 27.15 32.115L24.525 33.555C25.275 34.995 26.76 36 28.5 36C30.99 36 33 33.99 33 31.5ZM34.515 20.01C34.65 18.885 35.595 18 36.75 18C37.995 18 39 19.005 39 20.25C39 21.495 37.995 22.5 36.75 22.5H6V25.5H36.75C39.645 25.5 42 23.145 42 20.25C42 17.355 39.645 15 36.75 15C34.32 15 32.28 16.68 31.695 18.93L34.515 20.01Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">Wind 10% likely</p>
                                </div>
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M35.2163 20.7722C34.898 14.768 30 10 24 10C22.751 10 21.5265 10.227 20.4 10.6055C18.5633 11.2109 17.2408 12.1444 15.9673 13.431C14.1061 15.3483 12.9306 17.9215 12.7592 20.7722C12.0735 20.8984 11.4367 21.1254 10.8245 21.4029C10.751 21.4282 10.6776 21.4786 10.6286 21.5039C10.5551 21.5291 10.5061 21.5795 10.4327 21.6048C10.3837 21.63 10.3592 21.6552 10.3102 21.6804C10.1143 21.8066 9.89388 21.9327 9.69796 22.0589C8.59592 22.8157 7.66531 23.7996 7.00408 25.0105V25.0357C6.93061 25.1619 6.88163 25.288 6.80816 25.3889C6.29388 26.4737 6 27.6847 6 28.9713C6 33.5879 9.67347 37.3217 14.2286 37.3217L15.9184 33.4114H14.2286C11.7796 33.4114 9.77143 31.4184 9.77143 28.9713C9.77143 24.8339 13.7633 23.9005 16.3837 24.0771C16.2857 21.4282 16.6531 13.9103 23.9755 13.9103C31.1265 13.9103 31.9837 21.2768 31.5673 24.0771C34.4327 23.8753 38.1796 24.9348 38.1796 28.9713C38.1796 31.2165 36.9306 33.3609 32.6449 33.3609L31.1265 37.3217H33.7469C38.302 37.3217 42 33.5879 42 28.9713C42 24.8844 39.0612 21.4786 35.2163 20.7722Z" />
                                            <path d="M28.8104 29C25.9812 30.4358 24.1713 31.3144 23.3808 32.7288C22.5903 34.1432 23.0687 35.9647 24.4625 36.8005C25.8564 37.6363 27.6246 37.1434 28.4151 35.729C29.2056 34.2932 29.0392 32.2574 28.8104 29Z" />
                                            <path d="M20.8104 36C17.9604 37.4272 16.1713 38.3137 15.3808 39.7409C14.5903 41.1681 15.0687 43.0061 16.4625 43.8494C17.8564 44.6928 19.6246 44.1954 20.4151 42.7682C21.2056 41.3411 21.0392 39.2868 20.8104 36Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">11 rainy days</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="forecast-section js-forecast-section" data-show-location="false" data-warning-title="" data-warning-subtitle="" data-warning-type="" data-warning-icon="" data-index="2">
                <div class="forecast-section__background">
                    <figure class="image js-image  " data-module="imagelazy" data-is-small-image="">
                        <img class="image__lowres js-image-lazyload" data-object-fit data-src="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;100&amp;q&#x3D;10" alt="Alt Text">
                        <picture class="image__container">
                            <source media="(max-width: 767px)" class="js-small-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;640&amp;q&#x3D;80" />
                            <source media="(min-width: 768px) and (max-width:1319px)" class="js-medium-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                            <source media="(min-width: 1320px)" class="js-large-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                            <img class="js-image-lazyload js-fallback-image" data-object-fit data-src="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" alt="Alt Text">
                        </picture>
                    </figure>
                </div>
                <div class="forecast-section__inner">
                    <div class="forecast-section__content">
                        <div class="forecast-section__content-inner js-forecast-content">
                            <h2 class="forecast-section__title">March</h2>
                            <p class="forecast-section__subtitle">Average weather</p>
                            <div class="forecast-section__main-forecast">
                                <div class="forecast-section__forecast-block forecast-section__forecast-block--weather">
                                    <div class="forecast-section__icon"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 53'>
                                            <path d='M6.2 26.5H0v-5.3h6.2v5.3zM25.833 9.381V0h-5.166v9.381h5.166zM13.46 11.713L7.88 5.989 4.237 9.752l5.58 5.724 3.642-3.763zm24.439-6.36l-5.451 5.591 3.642 3.737L41.54 9.09c0 .026-3.642-3.737-3.642-3.737zM7.672 34.264L1.99 39.352l3.359 4.029 5.683-5.089-3.359-4.028zM62 41.658C62 47.912 56.962 53 50.763 53H24.154c-6.2 0-11.237-5.088-11.237-11.342 0-2.04.542-3.949 1.472-5.592-2.48-2.411-4.056-5.777-4.056-9.566 0-7.314 5.787-13.25 12.917-13.25 3.436 0 6.51 1.405 8.81 3.657a15.177 15.177 0 015.398-1.007c8.19 0 14.855 6.466 15.294 14.628 5.244.928 9.248 5.565 9.248 11.13zM15.5 26.5c0 2.279.956 4.32 2.454 5.75 1.266-.848 2.661-1.457 4.185-1.748a15.543 15.543 0 015.141-10.733c-1.163-.742-2.532-1.219-4.03-1.219-4.262 0-7.75 3.578-7.75 7.95zm41.333 15.158c0-5.512-5.115-6.943-9.015-6.651.568-3.816-.62-13.807-10.36-13.807-10.023 0-10.488 10.203-10.359 13.807-3.59-.239-9.016 1.033-9.016 6.651 0 3.339 2.739 6.042 6.071 6.042h26.583c3.358 0 6.096-2.703 6.096-6.042z' />
                                        </svg></div>
                                    <p class="forecast-section__text">Mostly sunny with some clouds</p>
                                </div>
                                <div class="forecast-section__forecast-block forecast-section__forecast-block--temperature">
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">10°</span>
                                        <span class="forecast-section__fahrenheit">50°</span>
                                    </p>
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">9°/12°</span>
                                        <span class="forecast-section__fahrenheit">48.2°/53.6°</span>
                                    </p>
                                </div>
                            </div>
                            <div class="forecast-section__information">
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M12.1035 25.5H6V22.5H12.1035C12.042 22.992 12 23.4915 12 24C12 24.5085 12.042 25.008 12.1035 25.5ZM16.6545 14.532L12.333 10.2105L10.212 12.3315L14.5335 16.653C15.15 15.8595 15.861 15.1485 16.6545 14.532V14.532ZM33.468 16.653L37.7895 12.3315L35.6685 10.2105L31.347 14.532C32.139 15.1485 32.85 15.861 33.468 16.653V16.653ZM24 12C24.5085 12 25.008 12.042 25.5 12.1035V6H22.5V12.1035C22.992 12.042 23.4915 12 24 12V12ZM24 36C23.4915 36 22.992 35.958 22.5 35.8965V42H25.5V35.8965C25.008 35.958 24.5085 36 24 36ZM35.8965 22.5C35.958 22.992 36 23.4915 36 24C36 24.5085 35.958 25.008 35.8965 25.5H42V22.5H35.8965ZM31.347 33.468L35.667 37.788L37.7895 35.667L33.4695 31.347C32.8515 32.139 32.1405 32.85 31.347 33.468ZM14.532 31.3455L10.212 35.6655L12.333 37.7865L16.653 33.4665C15.861 32.85 15.1485 32.139 14.532 31.3455ZM18 24C18 27.309 20.691 30 24 30C27.309 30 30 27.309 30 24C30 20.691 27.309 18 24 18C20.691 18 18 20.691 18 24V24ZM33 24C33 28.971 28.971 33 24 33C19.029 33 15 28.971 15 24C15 19.029 19.029 15 24 15C28.971 15 33 19.029 33 24V24Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">8hrs of sun per day</p>
                                </div>
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M22.5 21H6V18H22.5C23.325 18 24 17.325 24 16.5C24 15.675 23.325 15 22.5 15C21.9 15 21.375 15.36 21.15 15.885L18.525 14.445C19.275 13.005 20.76 12 22.5 12C28.455 12 28.455 21 22.5 21ZM33 31.5C33 29.01 30.99 27 28.5 27H6V30H28.5C29.325 30 30 30.675 30 31.5C30 32.325 29.325 33 28.5 33C27.9 33 27.375 32.64 27.15 32.115L24.525 33.555C25.275 34.995 26.76 36 28.5 36C30.99 36 33 33.99 33 31.5ZM34.515 20.01C34.65 18.885 35.595 18 36.75 18C37.995 18 39 19.005 39 20.25C39 21.495 37.995 22.5 36.75 22.5H6V25.5H36.75C39.645 25.5 42 23.145 42 20.25C42 17.355 39.645 15 36.75 15C34.32 15 32.28 16.68 31.695 18.93L34.515 20.01Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">Wind 10% likely</p>
                                </div>
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M35.2163 20.7722C34.898 14.768 30 10 24 10C22.751 10 21.5265 10.227 20.4 10.6055C18.5633 11.2109 17.2408 12.1444 15.9673 13.431C14.1061 15.3483 12.9306 17.9215 12.7592 20.7722C12.0735 20.8984 11.4367 21.1254 10.8245 21.4029C10.751 21.4282 10.6776 21.4786 10.6286 21.5039C10.5551 21.5291 10.5061 21.5795 10.4327 21.6048C10.3837 21.63 10.3592 21.6552 10.3102 21.6804C10.1143 21.8066 9.89388 21.9327 9.69796 22.0589C8.59592 22.8157 7.66531 23.7996 7.00408 25.0105V25.0357C6.93061 25.1619 6.88163 25.288 6.80816 25.3889C6.29388 26.4737 6 27.6847 6 28.9713C6 33.5879 9.67347 37.3217 14.2286 37.3217L15.9184 33.4114H14.2286C11.7796 33.4114 9.77143 31.4184 9.77143 28.9713C9.77143 24.8339 13.7633 23.9005 16.3837 24.0771C16.2857 21.4282 16.6531 13.9103 23.9755 13.9103C31.1265 13.9103 31.9837 21.2768 31.5673 24.0771C34.4327 23.8753 38.1796 24.9348 38.1796 28.9713C38.1796 31.2165 36.9306 33.3609 32.6449 33.3609L31.1265 37.3217H33.7469C38.302 37.3217 42 33.5879 42 28.9713C42 24.8844 39.0612 21.4786 35.2163 20.7722Z" />
                                            <path d="M28.8104 29C25.9812 30.4358 24.1713 31.3144 23.3808 32.7288C22.5903 34.1432 23.0687 35.9647 24.4625 36.8005C25.8564 37.6363 27.6246 37.1434 28.4151 35.729C29.2056 34.2932 29.0392 32.2574 28.8104 29Z" />
                                            <path d="M20.8104 36C17.9604 37.4272 16.1713 38.3137 15.3808 39.7409C14.5903 41.1681 15.0687 43.0061 16.4625 43.8494C17.8564 44.6928 19.6246 44.1954 20.4151 42.7682C21.2056 41.3411 21.0392 39.2868 20.8104 36Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">11 rainy days</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="forecast-section js-forecast-section" data-show-location="false" data-warning-title="" data-warning-subtitle="" data-warning-type="" data-warning-icon="" data-index="3">
                <div class="forecast-section__background">
                    <figure class="image js-image  " data-module="imagelazy" data-is-small-image="">
                        <img class="image__lowres js-image-lazyload" data-object-fit data-src="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;100&amp;q&#x3D;10" alt="Alt Text">
                        <picture class="image__container">
                            <source media="(max-width: 767px)" class="js-small-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;640&amp;q&#x3D;80" />
                            <source media="(min-width: 768px) and (max-width:1319px)" class="js-medium-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                            <source media="(min-width: 1320px)" class="js-large-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                            <img class="js-image-lazyload js-fallback-image" data-object-fit data-src="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" alt="Alt Text">
                        </picture>
                    </figure>
                </div>
                <div class="forecast-section__inner">
                    <div class="forecast-section__content">
                        <div class="forecast-section__content-inner js-forecast-content">
                            <h2 class="forecast-section__title">April</h2>
                            <p class="forecast-section__subtitle">Average weather</p>
                            <div class="forecast-section__main-forecast">
                                <div class="forecast-section__forecast-block forecast-section__forecast-block--weather">
                                    <div class="forecast-section__icon"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 53'>
                                            <path d='M6.2 26.5H0v-5.3h6.2v5.3zM25.833 9.381V0h-5.166v9.381h5.166zM13.46 11.713L7.88 5.989 4.237 9.752l5.58 5.724 3.642-3.763zm24.439-6.36l-5.451 5.591 3.642 3.737L41.54 9.09c0 .026-3.642-3.737-3.642-3.737zM7.672 34.264L1.99 39.352l3.359 4.029 5.683-5.089-3.359-4.028zM62 41.658C62 47.912 56.962 53 50.763 53H24.154c-6.2 0-11.237-5.088-11.237-11.342 0-2.04.542-3.949 1.472-5.592-2.48-2.411-4.056-5.777-4.056-9.566 0-7.314 5.787-13.25 12.917-13.25 3.436 0 6.51 1.405 8.81 3.657a15.177 15.177 0 015.398-1.007c8.19 0 14.855 6.466 15.294 14.628 5.244.928 9.248 5.565 9.248 11.13zM15.5 26.5c0 2.279.956 4.32 2.454 5.75 1.266-.848 2.661-1.457 4.185-1.748a15.543 15.543 0 015.141-10.733c-1.163-.742-2.532-1.219-4.03-1.219-4.262 0-7.75 3.578-7.75 7.95zm41.333 15.158c0-5.512-5.115-6.943-9.015-6.651.568-3.816-.62-13.807-10.36-13.807-10.023 0-10.488 10.203-10.359 13.807-3.59-.239-9.016 1.033-9.016 6.651 0 3.339 2.739 6.042 6.071 6.042h26.583c3.358 0 6.096-2.703 6.096-6.042z' />
                                        </svg></div>
                                    <p class="forecast-section__text">Mostly sunny with some clouds</p>
                                </div>
                                <div class="forecast-section__forecast-block forecast-section__forecast-block--temperature">
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">10°</span>
                                        <span class="forecast-section__fahrenheit">50°</span>
                                    </p>
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">9°/12°</span>
                                        <span class="forecast-section__fahrenheit">48.2°/53.6°</span>
                                    </p>
                                </div>
                            </div>
                            <div class="forecast-section__information">
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M12.1035 25.5H6V22.5H12.1035C12.042 22.992 12 23.4915 12 24C12 24.5085 12.042 25.008 12.1035 25.5ZM16.6545 14.532L12.333 10.2105L10.212 12.3315L14.5335 16.653C15.15 15.8595 15.861 15.1485 16.6545 14.532V14.532ZM33.468 16.653L37.7895 12.3315L35.6685 10.2105L31.347 14.532C32.139 15.1485 32.85 15.861 33.468 16.653V16.653ZM24 12C24.5085 12 25.008 12.042 25.5 12.1035V6H22.5V12.1035C22.992 12.042 23.4915 12 24 12V12ZM24 36C23.4915 36 22.992 35.958 22.5 35.8965V42H25.5V35.8965C25.008 35.958 24.5085 36 24 36ZM35.8965 22.5C35.958 22.992 36 23.4915 36 24C36 24.5085 35.958 25.008 35.8965 25.5H42V22.5H35.8965ZM31.347 33.468L35.667 37.788L37.7895 35.667L33.4695 31.347C32.8515 32.139 32.1405 32.85 31.347 33.468ZM14.532 31.3455L10.212 35.6655L12.333 37.7865L16.653 33.4665C15.861 32.85 15.1485 32.139 14.532 31.3455ZM18 24C18 27.309 20.691 30 24 30C27.309 30 30 27.309 30 24C30 20.691 27.309 18 24 18C20.691 18 18 20.691 18 24V24ZM33 24C33 28.971 28.971 33 24 33C19.029 33 15 28.971 15 24C15 19.029 19.029 15 24 15C28.971 15 33 19.029 33 24V24Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">8hrs of sun per day</p>
                                </div>
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M22.5 21H6V18H22.5C23.325 18 24 17.325 24 16.5C24 15.675 23.325 15 22.5 15C21.9 15 21.375 15.36 21.15 15.885L18.525 14.445C19.275 13.005 20.76 12 22.5 12C28.455 12 28.455 21 22.5 21ZM33 31.5C33 29.01 30.99 27 28.5 27H6V30H28.5C29.325 30 30 30.675 30 31.5C30 32.325 29.325 33 28.5 33C27.9 33 27.375 32.64 27.15 32.115L24.525 33.555C25.275 34.995 26.76 36 28.5 36C30.99 36 33 33.99 33 31.5ZM34.515 20.01C34.65 18.885 35.595 18 36.75 18C37.995 18 39 19.005 39 20.25C39 21.495 37.995 22.5 36.75 22.5H6V25.5H36.75C39.645 25.5 42 23.145 42 20.25C42 17.355 39.645 15 36.75 15C34.32 15 32.28 16.68 31.695 18.93L34.515 20.01Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">Wind 10% likely</p>
                                </div>
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M35.2163 20.7722C34.898 14.768 30 10 24 10C22.751 10 21.5265 10.227 20.4 10.6055C18.5633 11.2109 17.2408 12.1444 15.9673 13.431C14.1061 15.3483 12.9306 17.9215 12.7592 20.7722C12.0735 20.8984 11.4367 21.1254 10.8245 21.4029C10.751 21.4282 10.6776 21.4786 10.6286 21.5039C10.5551 21.5291 10.5061 21.5795 10.4327 21.6048C10.3837 21.63 10.3592 21.6552 10.3102 21.6804C10.1143 21.8066 9.89388 21.9327 9.69796 22.0589C8.59592 22.8157 7.66531 23.7996 7.00408 25.0105V25.0357C6.93061 25.1619 6.88163 25.288 6.80816 25.3889C6.29388 26.4737 6 27.6847 6 28.9713C6 33.5879 9.67347 37.3217 14.2286 37.3217L15.9184 33.4114H14.2286C11.7796 33.4114 9.77143 31.4184 9.77143 28.9713C9.77143 24.8339 13.7633 23.9005 16.3837 24.0771C16.2857 21.4282 16.6531 13.9103 23.9755 13.9103C31.1265 13.9103 31.9837 21.2768 31.5673 24.0771C34.4327 23.8753 38.1796 24.9348 38.1796 28.9713C38.1796 31.2165 36.9306 33.3609 32.6449 33.3609L31.1265 37.3217H33.7469C38.302 37.3217 42 33.5879 42 28.9713C42 24.8844 39.0612 21.4786 35.2163 20.7722Z" />
                                            <path d="M28.8104 29C25.9812 30.4358 24.1713 31.3144 23.3808 32.7288C22.5903 34.1432 23.0687 35.9647 24.4625 36.8005C25.8564 37.6363 27.6246 37.1434 28.4151 35.729C29.2056 34.2932 29.0392 32.2574 28.8104 29Z" />
                                            <path d="M20.8104 36C17.9604 37.4272 16.1713 38.3137 15.3808 39.7409C14.5903 41.1681 15.0687 43.0061 16.4625 43.8494C17.8564 44.6928 19.6246 44.1954 20.4151 42.7682C21.2056 41.3411 21.0392 39.2868 20.8104 36Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">11 rainy days</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="forecast-section js-forecast-section" data-show-location="false" data-warning-title="" data-warning-subtitle="" data-warning-type="" data-warning-icon="" data-index="4">
                <div class="forecast-section__background">
                    <figure class="image js-image  " data-module="imagelazy" data-is-small-image="">
                        <img class="image__lowres js-image-lazyload" data-object-fit data-src="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;100&amp;q&#x3D;10" alt="Alt Text">
                        <picture class="image__container">
                            <source media="(max-width: 767px)" class="js-small-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;640&amp;q&#x3D;80" />
                            <source media="(min-width: 768px) and (max-width:1319px)" class="js-medium-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                            <source media="(min-width: 1320px)" class="js-large-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                            <img class="js-image-lazyload js-fallback-image" data-object-fit data-src="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" alt="Alt Text">
                        </picture>
                    </figure>
                </div>
                <div class="forecast-section__inner">
                    <div class="forecast-section__content">
                        <div class="forecast-section__content-inner js-forecast-content">
                            <h2 class="forecast-section__title">May</h2>
                            <p class="forecast-section__subtitle">Average weather</p>
                            <div class="forecast-section__main-forecast">
                                <div class="forecast-section__forecast-block forecast-section__forecast-block--weather">
                                    <div class="forecast-section__icon"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 53'>
                                            <path d='M6.2 26.5H0v-5.3h6.2v5.3zM25.833 9.381V0h-5.166v9.381h5.166zM13.46 11.713L7.88 5.989 4.237 9.752l5.58 5.724 3.642-3.763zm24.439-6.36l-5.451 5.591 3.642 3.737L41.54 9.09c0 .026-3.642-3.737-3.642-3.737zM7.672 34.264L1.99 39.352l3.359 4.029 5.683-5.089-3.359-4.028zM62 41.658C62 47.912 56.962 53 50.763 53H24.154c-6.2 0-11.237-5.088-11.237-11.342 0-2.04.542-3.949 1.472-5.592-2.48-2.411-4.056-5.777-4.056-9.566 0-7.314 5.787-13.25 12.917-13.25 3.436 0 6.51 1.405 8.81 3.657a15.177 15.177 0 015.398-1.007c8.19 0 14.855 6.466 15.294 14.628 5.244.928 9.248 5.565 9.248 11.13zM15.5 26.5c0 2.279.956 4.32 2.454 5.75 1.266-.848 2.661-1.457 4.185-1.748a15.543 15.543 0 015.141-10.733c-1.163-.742-2.532-1.219-4.03-1.219-4.262 0-7.75 3.578-7.75 7.95zm41.333 15.158c0-5.512-5.115-6.943-9.015-6.651.568-3.816-.62-13.807-10.36-13.807-10.023 0-10.488 10.203-10.359 13.807-3.59-.239-9.016 1.033-9.016 6.651 0 3.339 2.739 6.042 6.071 6.042h26.583c3.358 0 6.096-2.703 6.096-6.042z' />
                                        </svg></div>
                                    <p class="forecast-section__text">Mostly sunny with some clouds</p>
                                </div>
                                <div class="forecast-section__forecast-block forecast-section__forecast-block--temperature">
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">10°</span>
                                        <span class="forecast-section__fahrenheit">50°</span>
                                    </p>
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">9°/12°</span>
                                        <span class="forecast-section__fahrenheit">48.2°/53.6°</span>
                                    </p>
                                </div>
                            </div>
                            <div class="forecast-section__information">
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M12.1035 25.5H6V22.5H12.1035C12.042 22.992 12 23.4915 12 24C12 24.5085 12.042 25.008 12.1035 25.5ZM16.6545 14.532L12.333 10.2105L10.212 12.3315L14.5335 16.653C15.15 15.8595 15.861 15.1485 16.6545 14.532V14.532ZM33.468 16.653L37.7895 12.3315L35.6685 10.2105L31.347 14.532C32.139 15.1485 32.85 15.861 33.468 16.653V16.653ZM24 12C24.5085 12 25.008 12.042 25.5 12.1035V6H22.5V12.1035C22.992 12.042 23.4915 12 24 12V12ZM24 36C23.4915 36 22.992 35.958 22.5 35.8965V42H25.5V35.8965C25.008 35.958 24.5085 36 24 36ZM35.8965 22.5C35.958 22.992 36 23.4915 36 24C36 24.5085 35.958 25.008 35.8965 25.5H42V22.5H35.8965ZM31.347 33.468L35.667 37.788L37.7895 35.667L33.4695 31.347C32.8515 32.139 32.1405 32.85 31.347 33.468ZM14.532 31.3455L10.212 35.6655L12.333 37.7865L16.653 33.4665C15.861 32.85 15.1485 32.139 14.532 31.3455ZM18 24C18 27.309 20.691 30 24 30C27.309 30 30 27.309 30 24C30 20.691 27.309 18 24 18C20.691 18 18 20.691 18 24V24ZM33 24C33 28.971 28.971 33 24 33C19.029 33 15 28.971 15 24C15 19.029 19.029 15 24 15C28.971 15 33 19.029 33 24V24Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">8hrs of sun per day</p>
                                </div>
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M22.5 21H6V18H22.5C23.325 18 24 17.325 24 16.5C24 15.675 23.325 15 22.5 15C21.9 15 21.375 15.36 21.15 15.885L18.525 14.445C19.275 13.005 20.76 12 22.5 12C28.455 12 28.455 21 22.5 21ZM33 31.5C33 29.01 30.99 27 28.5 27H6V30H28.5C29.325 30 30 30.675 30 31.5C30 32.325 29.325 33 28.5 33C27.9 33 27.375 32.64 27.15 32.115L24.525 33.555C25.275 34.995 26.76 36 28.5 36C30.99 36 33 33.99 33 31.5ZM34.515 20.01C34.65 18.885 35.595 18 36.75 18C37.995 18 39 19.005 39 20.25C39 21.495 37.995 22.5 36.75 22.5H6V25.5H36.75C39.645 25.5 42 23.145 42 20.25C42 17.355 39.645 15 36.75 15C34.32 15 32.28 16.68 31.695 18.93L34.515 20.01Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">Wind 10% likely</p>
                                </div>
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M35.2163 20.7722C34.898 14.768 30 10 24 10C22.751 10 21.5265 10.227 20.4 10.6055C18.5633 11.2109 17.2408 12.1444 15.9673 13.431C14.1061 15.3483 12.9306 17.9215 12.7592 20.7722C12.0735 20.8984 11.4367 21.1254 10.8245 21.4029C10.751 21.4282 10.6776 21.4786 10.6286 21.5039C10.5551 21.5291 10.5061 21.5795 10.4327 21.6048C10.3837 21.63 10.3592 21.6552 10.3102 21.6804C10.1143 21.8066 9.89388 21.9327 9.69796 22.0589C8.59592 22.8157 7.66531 23.7996 7.00408 25.0105V25.0357C6.93061 25.1619 6.88163 25.288 6.80816 25.3889C6.29388 26.4737 6 27.6847 6 28.9713C6 33.5879 9.67347 37.3217 14.2286 37.3217L15.9184 33.4114H14.2286C11.7796 33.4114 9.77143 31.4184 9.77143 28.9713C9.77143 24.8339 13.7633 23.9005 16.3837 24.0771C16.2857 21.4282 16.6531 13.9103 23.9755 13.9103C31.1265 13.9103 31.9837 21.2768 31.5673 24.0771C34.4327 23.8753 38.1796 24.9348 38.1796 28.9713C38.1796 31.2165 36.9306 33.3609 32.6449 33.3609L31.1265 37.3217H33.7469C38.302 37.3217 42 33.5879 42 28.9713C42 24.8844 39.0612 21.4786 35.2163 20.7722Z" />
                                            <path d="M28.8104 29C25.9812 30.4358 24.1713 31.3144 23.3808 32.7288C22.5903 34.1432 23.0687 35.9647 24.4625 36.8005C25.8564 37.6363 27.6246 37.1434 28.4151 35.729C29.2056 34.2932 29.0392 32.2574 28.8104 29Z" />
                                            <path d="M20.8104 36C17.9604 37.4272 16.1713 38.3137 15.3808 39.7409C14.5903 41.1681 15.0687 43.0061 16.4625 43.8494C17.8564 44.6928 19.6246 44.1954 20.4151 42.7682C21.2056 41.3411 21.0392 39.2868 20.8104 36Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">11 rainy days</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="forecast-section js-forecast-section" data-show-location="false" data-warning-title="" data-warning-subtitle="" data-warning-type="" data-warning-icon="" data-index="5">
                <div class="forecast-section__background">
                    <figure class="image js-image  " data-module="imagelazy" data-is-small-image="">
                        <img class="image__lowres js-image-lazyload" data-object-fit data-src="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;100&amp;q&#x3D;10" alt="Alt Text">
                        <picture class="image__container">
                            <source media="(max-width: 767px)" class="js-small-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;640&amp;q&#x3D;80" />
                            <source media="(min-width: 768px) and (max-width:1319px)" class="js-medium-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                            <source media="(min-width: 1320px)" class="js-large-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                            <img class="js-image-lazyload js-fallback-image" data-object-fit data-src="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" alt="Alt Text">
                        </picture>
                    </figure>
                </div>
                <div class="forecast-section__inner">
                    <div class="forecast-section__content">
                        <div class="forecast-section__content-inner js-forecast-content">
                            <h2 class="forecast-section__title">June</h2>
                            <p class="forecast-section__subtitle">Average weather</p>
                            <div class="forecast-section__main-forecast">
                                <div class="forecast-section__forecast-block forecast-section__forecast-block--weather">
                                    <div class="forecast-section__icon"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 53'>
                                            <path d='M6.2 26.5H0v-5.3h6.2v5.3zM25.833 9.381V0h-5.166v9.381h5.166zM13.46 11.713L7.88 5.989 4.237 9.752l5.58 5.724 3.642-3.763zm24.439-6.36l-5.451 5.591 3.642 3.737L41.54 9.09c0 .026-3.642-3.737-3.642-3.737zM7.672 34.264L1.99 39.352l3.359 4.029 5.683-5.089-3.359-4.028zM62 41.658C62 47.912 56.962 53 50.763 53H24.154c-6.2 0-11.237-5.088-11.237-11.342 0-2.04.542-3.949 1.472-5.592-2.48-2.411-4.056-5.777-4.056-9.566 0-7.314 5.787-13.25 12.917-13.25 3.436 0 6.51 1.405 8.81 3.657a15.177 15.177 0 015.398-1.007c8.19 0 14.855 6.466 15.294 14.628 5.244.928 9.248 5.565 9.248 11.13zM15.5 26.5c0 2.279.956 4.32 2.454 5.75 1.266-.848 2.661-1.457 4.185-1.748a15.543 15.543 0 015.141-10.733c-1.163-.742-2.532-1.219-4.03-1.219-4.262 0-7.75 3.578-7.75 7.95zm41.333 15.158c0-5.512-5.115-6.943-9.015-6.651.568-3.816-.62-13.807-10.36-13.807-10.023 0-10.488 10.203-10.359 13.807-3.59-.239-9.016 1.033-9.016 6.651 0 3.339 2.739 6.042 6.071 6.042h26.583c3.358 0 6.096-2.703 6.096-6.042z' />
                                        </svg></div>
                                    <p class="forecast-section__text">Mostly sunny with some clouds</p>
                                </div>
                                <div class="forecast-section__forecast-block forecast-section__forecast-block--temperature">
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">10°</span>
                                        <span class="forecast-section__fahrenheit">50°</span>
                                    </p>
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">9°/12°</span>
                                        <span class="forecast-section__fahrenheit">48.2°/53.6°</span>
                                    </p>
                                </div>
                            </div>
                            <div class="forecast-section__information">
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M12.1035 25.5H6V22.5H12.1035C12.042 22.992 12 23.4915 12 24C12 24.5085 12.042 25.008 12.1035 25.5ZM16.6545 14.532L12.333 10.2105L10.212 12.3315L14.5335 16.653C15.15 15.8595 15.861 15.1485 16.6545 14.532V14.532ZM33.468 16.653L37.7895 12.3315L35.6685 10.2105L31.347 14.532C32.139 15.1485 32.85 15.861 33.468 16.653V16.653ZM24 12C24.5085 12 25.008 12.042 25.5 12.1035V6H22.5V12.1035C22.992 12.042 23.4915 12 24 12V12ZM24 36C23.4915 36 22.992 35.958 22.5 35.8965V42H25.5V35.8965C25.008 35.958 24.5085 36 24 36ZM35.8965 22.5C35.958 22.992 36 23.4915 36 24C36 24.5085 35.958 25.008 35.8965 25.5H42V22.5H35.8965ZM31.347 33.468L35.667 37.788L37.7895 35.667L33.4695 31.347C32.8515 32.139 32.1405 32.85 31.347 33.468ZM14.532 31.3455L10.212 35.6655L12.333 37.7865L16.653 33.4665C15.861 32.85 15.1485 32.139 14.532 31.3455ZM18 24C18 27.309 20.691 30 24 30C27.309 30 30 27.309 30 24C30 20.691 27.309 18 24 18C20.691 18 18 20.691 18 24V24ZM33 24C33 28.971 28.971 33 24 33C19.029 33 15 28.971 15 24C15 19.029 19.029 15 24 15C28.971 15 33 19.029 33 24V24Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">8hrs of sun per day</p>
                                </div>
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M22.5 21H6V18H22.5C23.325 18 24 17.325 24 16.5C24 15.675 23.325 15 22.5 15C21.9 15 21.375 15.36 21.15 15.885L18.525 14.445C19.275 13.005 20.76 12 22.5 12C28.455 12 28.455 21 22.5 21ZM33 31.5C33 29.01 30.99 27 28.5 27H6V30H28.5C29.325 30 30 30.675 30 31.5C30 32.325 29.325 33 28.5 33C27.9 33 27.375 32.64 27.15 32.115L24.525 33.555C25.275 34.995 26.76 36 28.5 36C30.99 36 33 33.99 33 31.5ZM34.515 20.01C34.65 18.885 35.595 18 36.75 18C37.995 18 39 19.005 39 20.25C39 21.495 37.995 22.5 36.75 22.5H6V25.5H36.75C39.645 25.5 42 23.145 42 20.25C42 17.355 39.645 15 36.75 15C34.32 15 32.28 16.68 31.695 18.93L34.515 20.01Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">Wind 10% likely</p>
                                </div>
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M35.2163 20.7722C34.898 14.768 30 10 24 10C22.751 10 21.5265 10.227 20.4 10.6055C18.5633 11.2109 17.2408 12.1444 15.9673 13.431C14.1061 15.3483 12.9306 17.9215 12.7592 20.7722C12.0735 20.8984 11.4367 21.1254 10.8245 21.4029C10.751 21.4282 10.6776 21.4786 10.6286 21.5039C10.5551 21.5291 10.5061 21.5795 10.4327 21.6048C10.3837 21.63 10.3592 21.6552 10.3102 21.6804C10.1143 21.8066 9.89388 21.9327 9.69796 22.0589C8.59592 22.8157 7.66531 23.7996 7.00408 25.0105V25.0357C6.93061 25.1619 6.88163 25.288 6.80816 25.3889C6.29388 26.4737 6 27.6847 6 28.9713C6 33.5879 9.67347 37.3217 14.2286 37.3217L15.9184 33.4114H14.2286C11.7796 33.4114 9.77143 31.4184 9.77143 28.9713C9.77143 24.8339 13.7633 23.9005 16.3837 24.0771C16.2857 21.4282 16.6531 13.9103 23.9755 13.9103C31.1265 13.9103 31.9837 21.2768 31.5673 24.0771C34.4327 23.8753 38.1796 24.9348 38.1796 28.9713C38.1796 31.2165 36.9306 33.3609 32.6449 33.3609L31.1265 37.3217H33.7469C38.302 37.3217 42 33.5879 42 28.9713C42 24.8844 39.0612 21.4786 35.2163 20.7722Z" />
                                            <path d="M28.8104 29C25.9812 30.4358 24.1713 31.3144 23.3808 32.7288C22.5903 34.1432 23.0687 35.9647 24.4625 36.8005C25.8564 37.6363 27.6246 37.1434 28.4151 35.729C29.2056 34.2932 29.0392 32.2574 28.8104 29Z" />
                                            <path d="M20.8104 36C17.9604 37.4272 16.1713 38.3137 15.3808 39.7409C14.5903 41.1681 15.0687 43.0061 16.4625 43.8494C17.8564 44.6928 19.6246 44.1954 20.4151 42.7682C21.2056 41.3411 21.0392 39.2868 20.8104 36Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">11 rainy days</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="forecast-section js-forecast-section" data-show-location="false" data-warning-title="" data-warning-subtitle="" data-warning-type="" data-warning-icon="" data-index="6">
                <div class="forecast-section__background">
                    <figure class="image js-image  " data-module="imagelazy" data-is-small-image="">
                        <img class="image__lowres js-image-lazyload" data-object-fit data-src="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;100&amp;q&#x3D;10" alt="Alt Text">
                        <picture class="image__container">
                            <source media="(max-width: 767px)" class="js-small-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;640&amp;q&#x3D;80" />
                            <source media="(min-width: 768px) and (max-width:1319px)" class="js-medium-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                            <source media="(min-width: 1320px)" class="js-large-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                            <img class="js-image-lazyload js-fallback-image" data-object-fit data-src="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" alt="Alt Text">
                        </picture>
                    </figure>
                </div>
                <div class="forecast-section__inner">
                    <div class="forecast-section__content">
                        <div class="forecast-section__content-inner js-forecast-content">
                            <h2 class="forecast-section__title">July</h2>
                            <p class="forecast-section__subtitle">Average weather</p>
                            <div class="forecast-section__main-forecast">
                                <div class="forecast-section__forecast-block forecast-section__forecast-block--weather">
                                    <div class="forecast-section__icon"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 53'>
                                            <path d='M6.2 26.5H0v-5.3h6.2v5.3zM25.833 9.381V0h-5.166v9.381h5.166zM13.46 11.713L7.88 5.989 4.237 9.752l5.58 5.724 3.642-3.763zm24.439-6.36l-5.451 5.591 3.642 3.737L41.54 9.09c0 .026-3.642-3.737-3.642-3.737zM7.672 34.264L1.99 39.352l3.359 4.029 5.683-5.089-3.359-4.028zM62 41.658C62 47.912 56.962 53 50.763 53H24.154c-6.2 0-11.237-5.088-11.237-11.342 0-2.04.542-3.949 1.472-5.592-2.48-2.411-4.056-5.777-4.056-9.566 0-7.314 5.787-13.25 12.917-13.25 3.436 0 6.51 1.405 8.81 3.657a15.177 15.177 0 015.398-1.007c8.19 0 14.855 6.466 15.294 14.628 5.244.928 9.248 5.565 9.248 11.13zM15.5 26.5c0 2.279.956 4.32 2.454 5.75 1.266-.848 2.661-1.457 4.185-1.748a15.543 15.543 0 015.141-10.733c-1.163-.742-2.532-1.219-4.03-1.219-4.262 0-7.75 3.578-7.75 7.95zm41.333 15.158c0-5.512-5.115-6.943-9.015-6.651.568-3.816-.62-13.807-10.36-13.807-10.023 0-10.488 10.203-10.359 13.807-3.59-.239-9.016 1.033-9.016 6.651 0 3.339 2.739 6.042 6.071 6.042h26.583c3.358 0 6.096-2.703 6.096-6.042z' />
                                        </svg></div>
                                    <p class="forecast-section__text">Mostly sunny with some clouds</p>
                                </div>
                                <div class="forecast-section__forecast-block forecast-section__forecast-block--temperature">
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">10°</span>
                                        <span class="forecast-section__fahrenheit">50°</span>
                                    </p>
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">9°/12°</span>
                                        <span class="forecast-section__fahrenheit">48.2°/53.6°</span>
                                    </p>
                                </div>
                            </div>
                            <div class="forecast-section__information">
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M12.1035 25.5H6V22.5H12.1035C12.042 22.992 12 23.4915 12 24C12 24.5085 12.042 25.008 12.1035 25.5ZM16.6545 14.532L12.333 10.2105L10.212 12.3315L14.5335 16.653C15.15 15.8595 15.861 15.1485 16.6545 14.532V14.532ZM33.468 16.653L37.7895 12.3315L35.6685 10.2105L31.347 14.532C32.139 15.1485 32.85 15.861 33.468 16.653V16.653ZM24 12C24.5085 12 25.008 12.042 25.5 12.1035V6H22.5V12.1035C22.992 12.042 23.4915 12 24 12V12ZM24 36C23.4915 36 22.992 35.958 22.5 35.8965V42H25.5V35.8965C25.008 35.958 24.5085 36 24 36ZM35.8965 22.5C35.958 22.992 36 23.4915 36 24C36 24.5085 35.958 25.008 35.8965 25.5H42V22.5H35.8965ZM31.347 33.468L35.667 37.788L37.7895 35.667L33.4695 31.347C32.8515 32.139 32.1405 32.85 31.347 33.468ZM14.532 31.3455L10.212 35.6655L12.333 37.7865L16.653 33.4665C15.861 32.85 15.1485 32.139 14.532 31.3455ZM18 24C18 27.309 20.691 30 24 30C27.309 30 30 27.309 30 24C30 20.691 27.309 18 24 18C20.691 18 18 20.691 18 24V24ZM33 24C33 28.971 28.971 33 24 33C19.029 33 15 28.971 15 24C15 19.029 19.029 15 24 15C28.971 15 33 19.029 33 24V24Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">8hrs of sun per day</p>
                                </div>
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M22.5 21H6V18H22.5C23.325 18 24 17.325 24 16.5C24 15.675 23.325 15 22.5 15C21.9 15 21.375 15.36 21.15 15.885L18.525 14.445C19.275 13.005 20.76 12 22.5 12C28.455 12 28.455 21 22.5 21ZM33 31.5C33 29.01 30.99 27 28.5 27H6V30H28.5C29.325 30 30 30.675 30 31.5C30 32.325 29.325 33 28.5 33C27.9 33 27.375 32.64 27.15 32.115L24.525 33.555C25.275 34.995 26.76 36 28.5 36C30.99 36 33 33.99 33 31.5ZM34.515 20.01C34.65 18.885 35.595 18 36.75 18C37.995 18 39 19.005 39 20.25C39 21.495 37.995 22.5 36.75 22.5H6V25.5H36.75C39.645 25.5 42 23.145 42 20.25C42 17.355 39.645 15 36.75 15C34.32 15 32.28 16.68 31.695 18.93L34.515 20.01Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">Wind 10% likely</p>
                                </div>
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M35.2163 20.7722C34.898 14.768 30 10 24 10C22.751 10 21.5265 10.227 20.4 10.6055C18.5633 11.2109 17.2408 12.1444 15.9673 13.431C14.1061 15.3483 12.9306 17.9215 12.7592 20.7722C12.0735 20.8984 11.4367 21.1254 10.8245 21.4029C10.751 21.4282 10.6776 21.4786 10.6286 21.5039C10.5551 21.5291 10.5061 21.5795 10.4327 21.6048C10.3837 21.63 10.3592 21.6552 10.3102 21.6804C10.1143 21.8066 9.89388 21.9327 9.69796 22.0589C8.59592 22.8157 7.66531 23.7996 7.00408 25.0105V25.0357C6.93061 25.1619 6.88163 25.288 6.80816 25.3889C6.29388 26.4737 6 27.6847 6 28.9713C6 33.5879 9.67347 37.3217 14.2286 37.3217L15.9184 33.4114H14.2286C11.7796 33.4114 9.77143 31.4184 9.77143 28.9713C9.77143 24.8339 13.7633 23.9005 16.3837 24.0771C16.2857 21.4282 16.6531 13.9103 23.9755 13.9103C31.1265 13.9103 31.9837 21.2768 31.5673 24.0771C34.4327 23.8753 38.1796 24.9348 38.1796 28.9713C38.1796 31.2165 36.9306 33.3609 32.6449 33.3609L31.1265 37.3217H33.7469C38.302 37.3217 42 33.5879 42 28.9713C42 24.8844 39.0612 21.4786 35.2163 20.7722Z" />
                                            <path d="M28.8104 29C25.9812 30.4358 24.1713 31.3144 23.3808 32.7288C22.5903 34.1432 23.0687 35.9647 24.4625 36.8005C25.8564 37.6363 27.6246 37.1434 28.4151 35.729C29.2056 34.2932 29.0392 32.2574 28.8104 29Z" />
                                            <path d="M20.8104 36C17.9604 37.4272 16.1713 38.3137 15.3808 39.7409C14.5903 41.1681 15.0687 43.0061 16.4625 43.8494C17.8564 44.6928 19.6246 44.1954 20.4151 42.7682C21.2056 41.3411 21.0392 39.2868 20.8104 36Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">11 rainy days</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="forecast-section js-forecast-section" data-show-location="false" data-warning-title="" data-warning-subtitle="" data-warning-type="" data-warning-icon="" data-index="7">
                <div class="forecast-section__background">
                    <figure class="image js-image  " data-module="imagelazy" data-is-small-image="">
                        <img class="image__lowres js-image-lazyload" data-object-fit data-src="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;100&amp;q&#x3D;10" alt="Alt Text">
                        <picture class="image__container">
                            <source media="(max-width: 767px)" class="js-small-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;640&amp;q&#x3D;80" />
                            <source media="(min-width: 768px) and (max-width:1319px)" class="js-medium-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                            <source media="(min-width: 1320px)" class="js-large-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                            <img class="js-image-lazyload js-fallback-image" data-object-fit data-src="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" alt="Alt Text">
                        </picture>
                    </figure>
                </div>
                <div class="forecast-section__inner">
                    <div class="forecast-section__content">
                        <div class="forecast-section__content-inner js-forecast-content">
                            <h2 class="forecast-section__title">August</h2>
                            <p class="forecast-section__subtitle">Average weather</p>
                            <div class="forecast-section__main-forecast">
                                <div class="forecast-section__forecast-block forecast-section__forecast-block--weather">
                                    <div class="forecast-section__icon"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 53'>
                                            <path d='M6.2 26.5H0v-5.3h6.2v5.3zM25.833 9.381V0h-5.166v9.381h5.166zM13.46 11.713L7.88 5.989 4.237 9.752l5.58 5.724 3.642-3.763zm24.439-6.36l-5.451 5.591 3.642 3.737L41.54 9.09c0 .026-3.642-3.737-3.642-3.737zM7.672 34.264L1.99 39.352l3.359 4.029 5.683-5.089-3.359-4.028zM62 41.658C62 47.912 56.962 53 50.763 53H24.154c-6.2 0-11.237-5.088-11.237-11.342 0-2.04.542-3.949 1.472-5.592-2.48-2.411-4.056-5.777-4.056-9.566 0-7.314 5.787-13.25 12.917-13.25 3.436 0 6.51 1.405 8.81 3.657a15.177 15.177 0 015.398-1.007c8.19 0 14.855 6.466 15.294 14.628 5.244.928 9.248 5.565 9.248 11.13zM15.5 26.5c0 2.279.956 4.32 2.454 5.75 1.266-.848 2.661-1.457 4.185-1.748a15.543 15.543 0 015.141-10.733c-1.163-.742-2.532-1.219-4.03-1.219-4.262 0-7.75 3.578-7.75 7.95zm41.333 15.158c0-5.512-5.115-6.943-9.015-6.651.568-3.816-.62-13.807-10.36-13.807-10.023 0-10.488 10.203-10.359 13.807-3.59-.239-9.016 1.033-9.016 6.651 0 3.339 2.739 6.042 6.071 6.042h26.583c3.358 0 6.096-2.703 6.096-6.042z' />
                                        </svg></div>
                                    <p class="forecast-section__text">Mostly sunny with some clouds</p>
                                </div>
                                <div class="forecast-section__forecast-block forecast-section__forecast-block--temperature">
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">10°</span>
                                        <span class="forecast-section__fahrenheit">50°</span>
                                    </p>
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">9°/12°</span>
                                        <span class="forecast-section__fahrenheit">48.2°/53.6°</span>
                                    </p>
                                </div>
                            </div>
                            <div class="forecast-section__information">
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M12.1035 25.5H6V22.5H12.1035C12.042 22.992 12 23.4915 12 24C12 24.5085 12.042 25.008 12.1035 25.5ZM16.6545 14.532L12.333 10.2105L10.212 12.3315L14.5335 16.653C15.15 15.8595 15.861 15.1485 16.6545 14.532V14.532ZM33.468 16.653L37.7895 12.3315L35.6685 10.2105L31.347 14.532C32.139 15.1485 32.85 15.861 33.468 16.653V16.653ZM24 12C24.5085 12 25.008 12.042 25.5 12.1035V6H22.5V12.1035C22.992 12.042 23.4915 12 24 12V12ZM24 36C23.4915 36 22.992 35.958 22.5 35.8965V42H25.5V35.8965C25.008 35.958 24.5085 36 24 36ZM35.8965 22.5C35.958 22.992 36 23.4915 36 24C36 24.5085 35.958 25.008 35.8965 25.5H42V22.5H35.8965ZM31.347 33.468L35.667 37.788L37.7895 35.667L33.4695 31.347C32.8515 32.139 32.1405 32.85 31.347 33.468ZM14.532 31.3455L10.212 35.6655L12.333 37.7865L16.653 33.4665C15.861 32.85 15.1485 32.139 14.532 31.3455ZM18 24C18 27.309 20.691 30 24 30C27.309 30 30 27.309 30 24C30 20.691 27.309 18 24 18C20.691 18 18 20.691 18 24V24ZM33 24C33 28.971 28.971 33 24 33C19.029 33 15 28.971 15 24C15 19.029 19.029 15 24 15C28.971 15 33 19.029 33 24V24Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">8hrs of sun per day</p>
                                </div>
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M22.5 21H6V18H22.5C23.325 18 24 17.325 24 16.5C24 15.675 23.325 15 22.5 15C21.9 15 21.375 15.36 21.15 15.885L18.525 14.445C19.275 13.005 20.76 12 22.5 12C28.455 12 28.455 21 22.5 21ZM33 31.5C33 29.01 30.99 27 28.5 27H6V30H28.5C29.325 30 30 30.675 30 31.5C30 32.325 29.325 33 28.5 33C27.9 33 27.375 32.64 27.15 32.115L24.525 33.555C25.275 34.995 26.76 36 28.5 36C30.99 36 33 33.99 33 31.5ZM34.515 20.01C34.65 18.885 35.595 18 36.75 18C37.995 18 39 19.005 39 20.25C39 21.495 37.995 22.5 36.75 22.5H6V25.5H36.75C39.645 25.5 42 23.145 42 20.25C42 17.355 39.645 15 36.75 15C34.32 15 32.28 16.68 31.695 18.93L34.515 20.01Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">Wind 10% likely</p>
                                </div>
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M35.2163 20.7722C34.898 14.768 30 10 24 10C22.751 10 21.5265 10.227 20.4 10.6055C18.5633 11.2109 17.2408 12.1444 15.9673 13.431C14.1061 15.3483 12.9306 17.9215 12.7592 20.7722C12.0735 20.8984 11.4367 21.1254 10.8245 21.4029C10.751 21.4282 10.6776 21.4786 10.6286 21.5039C10.5551 21.5291 10.5061 21.5795 10.4327 21.6048C10.3837 21.63 10.3592 21.6552 10.3102 21.6804C10.1143 21.8066 9.89388 21.9327 9.69796 22.0589C8.59592 22.8157 7.66531 23.7996 7.00408 25.0105V25.0357C6.93061 25.1619 6.88163 25.288 6.80816 25.3889C6.29388 26.4737 6 27.6847 6 28.9713C6 33.5879 9.67347 37.3217 14.2286 37.3217L15.9184 33.4114H14.2286C11.7796 33.4114 9.77143 31.4184 9.77143 28.9713C9.77143 24.8339 13.7633 23.9005 16.3837 24.0771C16.2857 21.4282 16.6531 13.9103 23.9755 13.9103C31.1265 13.9103 31.9837 21.2768 31.5673 24.0771C34.4327 23.8753 38.1796 24.9348 38.1796 28.9713C38.1796 31.2165 36.9306 33.3609 32.6449 33.3609L31.1265 37.3217H33.7469C38.302 37.3217 42 33.5879 42 28.9713C42 24.8844 39.0612 21.4786 35.2163 20.7722Z" />
                                            <path d="M28.8104 29C25.9812 30.4358 24.1713 31.3144 23.3808 32.7288C22.5903 34.1432 23.0687 35.9647 24.4625 36.8005C25.8564 37.6363 27.6246 37.1434 28.4151 35.729C29.2056 34.2932 29.0392 32.2574 28.8104 29Z" />
                                            <path d="M20.8104 36C17.9604 37.4272 16.1713 38.3137 15.3808 39.7409C14.5903 41.1681 15.0687 43.0061 16.4625 43.8494C17.8564 44.6928 19.6246 44.1954 20.4151 42.7682C21.2056 41.3411 21.0392 39.2868 20.8104 36Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">11 rainy days</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="forecast-section js-forecast-section" data-show-location="false" data-warning-title="" data-warning-subtitle="" data-warning-type="" data-warning-icon="" data-index="8">
                <div class="forecast-section__background">
                    <figure class="image js-image  " data-module="imagelazy" data-is-small-image="">
                        <img class="image__lowres js-image-lazyload" data-object-fit data-src="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;100&amp;q&#x3D;10" alt="Alt Text">
                        <picture class="image__container">
                            <source media="(max-width: 767px)" class="js-small-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;640&amp;q&#x3D;80" />
                            <source media="(min-width: 768px) and (max-width:1319px)" class="js-medium-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                            <source media="(min-width: 1320px)" class="js-large-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                            <img class="js-image-lazyload js-fallback-image" data-object-fit data-src="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" alt="Alt Text">
                        </picture>
                    </figure>
                </div>
                <div class="forecast-section__inner">
                    <div class="forecast-section__content">
                        <div class="forecast-section__content-inner js-forecast-content">
                            <h2 class="forecast-section__title">September</h2>
                            <p class="forecast-section__subtitle">Average weather</p>
                            <div class="forecast-section__main-forecast">
                                <div class="forecast-section__forecast-block forecast-section__forecast-block--weather">
                                    <div class="forecast-section__icon"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 53'>
                                            <path d='M6.2 26.5H0v-5.3h6.2v5.3zM25.833 9.381V0h-5.166v9.381h5.166zM13.46 11.713L7.88 5.989 4.237 9.752l5.58 5.724 3.642-3.763zm24.439-6.36l-5.451 5.591 3.642 3.737L41.54 9.09c0 .026-3.642-3.737-3.642-3.737zM7.672 34.264L1.99 39.352l3.359 4.029 5.683-5.089-3.359-4.028zM62 41.658C62 47.912 56.962 53 50.763 53H24.154c-6.2 0-11.237-5.088-11.237-11.342 0-2.04.542-3.949 1.472-5.592-2.48-2.411-4.056-5.777-4.056-9.566 0-7.314 5.787-13.25 12.917-13.25 3.436 0 6.51 1.405 8.81 3.657a15.177 15.177 0 015.398-1.007c8.19 0 14.855 6.466 15.294 14.628 5.244.928 9.248 5.565 9.248 11.13zM15.5 26.5c0 2.279.956 4.32 2.454 5.75 1.266-.848 2.661-1.457 4.185-1.748a15.543 15.543 0 015.141-10.733c-1.163-.742-2.532-1.219-4.03-1.219-4.262 0-7.75 3.578-7.75 7.95zm41.333 15.158c0-5.512-5.115-6.943-9.015-6.651.568-3.816-.62-13.807-10.36-13.807-10.023 0-10.488 10.203-10.359 13.807-3.59-.239-9.016 1.033-9.016 6.651 0 3.339 2.739 6.042 6.071 6.042h26.583c3.358 0 6.096-2.703 6.096-6.042z' />
                                        </svg></div>
                                    <p class="forecast-section__text">Mostly sunny with some clouds</p>
                                </div>
                                <div class="forecast-section__forecast-block forecast-section__forecast-block--temperature">
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">10°</span>
                                        <span class="forecast-section__fahrenheit">50°</span>
                                    </p>
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">9°/12°</span>
                                        <span class="forecast-section__fahrenheit">48.2°/53.6°</span>
                                    </p>
                                </div>
                            </div>
                            <div class="forecast-section__information">
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M12.1035 25.5H6V22.5H12.1035C12.042 22.992 12 23.4915 12 24C12 24.5085 12.042 25.008 12.1035 25.5ZM16.6545 14.532L12.333 10.2105L10.212 12.3315L14.5335 16.653C15.15 15.8595 15.861 15.1485 16.6545 14.532V14.532ZM33.468 16.653L37.7895 12.3315L35.6685 10.2105L31.347 14.532C32.139 15.1485 32.85 15.861 33.468 16.653V16.653ZM24 12C24.5085 12 25.008 12.042 25.5 12.1035V6H22.5V12.1035C22.992 12.042 23.4915 12 24 12V12ZM24 36C23.4915 36 22.992 35.958 22.5 35.8965V42H25.5V35.8965C25.008 35.958 24.5085 36 24 36ZM35.8965 22.5C35.958 22.992 36 23.4915 36 24C36 24.5085 35.958 25.008 35.8965 25.5H42V22.5H35.8965ZM31.347 33.468L35.667 37.788L37.7895 35.667L33.4695 31.347C32.8515 32.139 32.1405 32.85 31.347 33.468ZM14.532 31.3455L10.212 35.6655L12.333 37.7865L16.653 33.4665C15.861 32.85 15.1485 32.139 14.532 31.3455ZM18 24C18 27.309 20.691 30 24 30C27.309 30 30 27.309 30 24C30 20.691 27.309 18 24 18C20.691 18 18 20.691 18 24V24ZM33 24C33 28.971 28.971 33 24 33C19.029 33 15 28.971 15 24C15 19.029 19.029 15 24 15C28.971 15 33 19.029 33 24V24Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">8hrs of sun per day</p>
                                </div>
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M22.5 21H6V18H22.5C23.325 18 24 17.325 24 16.5C24 15.675 23.325 15 22.5 15C21.9 15 21.375 15.36 21.15 15.885L18.525 14.445C19.275 13.005 20.76 12 22.5 12C28.455 12 28.455 21 22.5 21ZM33 31.5C33 29.01 30.99 27 28.5 27H6V30H28.5C29.325 30 30 30.675 30 31.5C30 32.325 29.325 33 28.5 33C27.9 33 27.375 32.64 27.15 32.115L24.525 33.555C25.275 34.995 26.76 36 28.5 36C30.99 36 33 33.99 33 31.5ZM34.515 20.01C34.65 18.885 35.595 18 36.75 18C37.995 18 39 19.005 39 20.25C39 21.495 37.995 22.5 36.75 22.5H6V25.5H36.75C39.645 25.5 42 23.145 42 20.25C42 17.355 39.645 15 36.75 15C34.32 15 32.28 16.68 31.695 18.93L34.515 20.01Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">Wind 10% likely</p>
                                </div>
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M35.2163 20.7722C34.898 14.768 30 10 24 10C22.751 10 21.5265 10.227 20.4 10.6055C18.5633 11.2109 17.2408 12.1444 15.9673 13.431C14.1061 15.3483 12.9306 17.9215 12.7592 20.7722C12.0735 20.8984 11.4367 21.1254 10.8245 21.4029C10.751 21.4282 10.6776 21.4786 10.6286 21.5039C10.5551 21.5291 10.5061 21.5795 10.4327 21.6048C10.3837 21.63 10.3592 21.6552 10.3102 21.6804C10.1143 21.8066 9.89388 21.9327 9.69796 22.0589C8.59592 22.8157 7.66531 23.7996 7.00408 25.0105V25.0357C6.93061 25.1619 6.88163 25.288 6.80816 25.3889C6.29388 26.4737 6 27.6847 6 28.9713C6 33.5879 9.67347 37.3217 14.2286 37.3217L15.9184 33.4114H14.2286C11.7796 33.4114 9.77143 31.4184 9.77143 28.9713C9.77143 24.8339 13.7633 23.9005 16.3837 24.0771C16.2857 21.4282 16.6531 13.9103 23.9755 13.9103C31.1265 13.9103 31.9837 21.2768 31.5673 24.0771C34.4327 23.8753 38.1796 24.9348 38.1796 28.9713C38.1796 31.2165 36.9306 33.3609 32.6449 33.3609L31.1265 37.3217H33.7469C38.302 37.3217 42 33.5879 42 28.9713C42 24.8844 39.0612 21.4786 35.2163 20.7722Z" />
                                            <path d="M28.8104 29C25.9812 30.4358 24.1713 31.3144 23.3808 32.7288C22.5903 34.1432 23.0687 35.9647 24.4625 36.8005C25.8564 37.6363 27.6246 37.1434 28.4151 35.729C29.2056 34.2932 29.0392 32.2574 28.8104 29Z" />
                                            <path d="M20.8104 36C17.9604 37.4272 16.1713 38.3137 15.3808 39.7409C14.5903 41.1681 15.0687 43.0061 16.4625 43.8494C17.8564 44.6928 19.6246 44.1954 20.4151 42.7682C21.2056 41.3411 21.0392 39.2868 20.8104 36Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">11 rainy days</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="forecast-section js-forecast-section" data-show-location="false" data-warning-title="" data-warning-subtitle="" data-warning-type="" data-warning-icon="" data-index="9">
                <div class="forecast-section__background">
                    <figure class="image js-image  " data-module="imagelazy" data-is-small-image="">
                        <img class="image__lowres js-image-lazyload" data-object-fit data-src="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;100&amp;q&#x3D;10" alt="Alt Text">
                        <picture class="image__container">
                            <source media="(max-width: 767px)" class="js-small-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;640&amp;q&#x3D;80" />
                            <source media="(min-width: 768px) and (max-width:1319px)" class="js-medium-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                            <source media="(min-width: 1320px)" class="js-large-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                            <img class="js-image-lazyload js-fallback-image" data-object-fit data-src="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" alt="Alt Text">
                        </picture>
                    </figure>
                </div>
                <div class="forecast-section__inner">
                    <div class="forecast-section__content">
                        <div class="forecast-section__content-inner js-forecast-content">
                            <h2 class="forecast-section__title">October</h2>
                            <p class="forecast-section__subtitle">Average weather</p>
                            <div class="forecast-section__main-forecast">
                                <div class="forecast-section__forecast-block forecast-section__forecast-block--weather">
                                    <div class="forecast-section__icon"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 53'>
                                            <path d='M6.2 26.5H0v-5.3h6.2v5.3zM25.833 9.381V0h-5.166v9.381h5.166zM13.46 11.713L7.88 5.989 4.237 9.752l5.58 5.724 3.642-3.763zm24.439-6.36l-5.451 5.591 3.642 3.737L41.54 9.09c0 .026-3.642-3.737-3.642-3.737zM7.672 34.264L1.99 39.352l3.359 4.029 5.683-5.089-3.359-4.028zM62 41.658C62 47.912 56.962 53 50.763 53H24.154c-6.2 0-11.237-5.088-11.237-11.342 0-2.04.542-3.949 1.472-5.592-2.48-2.411-4.056-5.777-4.056-9.566 0-7.314 5.787-13.25 12.917-13.25 3.436 0 6.51 1.405 8.81 3.657a15.177 15.177 0 015.398-1.007c8.19 0 14.855 6.466 15.294 14.628 5.244.928 9.248 5.565 9.248 11.13zM15.5 26.5c0 2.279.956 4.32 2.454 5.75 1.266-.848 2.661-1.457 4.185-1.748a15.543 15.543 0 015.141-10.733c-1.163-.742-2.532-1.219-4.03-1.219-4.262 0-7.75 3.578-7.75 7.95zm41.333 15.158c0-5.512-5.115-6.943-9.015-6.651.568-3.816-.62-13.807-10.36-13.807-10.023 0-10.488 10.203-10.359 13.807-3.59-.239-9.016 1.033-9.016 6.651 0 3.339 2.739 6.042 6.071 6.042h26.583c3.358 0 6.096-2.703 6.096-6.042z' />
                                        </svg></div>
                                    <p class="forecast-section__text">Mostly sunny with some clouds</p>
                                </div>
                                <div class="forecast-section__forecast-block forecast-section__forecast-block--temperature">
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">10°</span>
                                        <span class="forecast-section__fahrenheit">50°</span>
                                    </p>
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">9°/12°</span>
                                        <span class="forecast-section__fahrenheit">48.2°/53.6°</span>
                                    </p>
                                </div>
                            </div>
                            <div class="forecast-section__information">
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M12.1035 25.5H6V22.5H12.1035C12.042 22.992 12 23.4915 12 24C12 24.5085 12.042 25.008 12.1035 25.5ZM16.6545 14.532L12.333 10.2105L10.212 12.3315L14.5335 16.653C15.15 15.8595 15.861 15.1485 16.6545 14.532V14.532ZM33.468 16.653L37.7895 12.3315L35.6685 10.2105L31.347 14.532C32.139 15.1485 32.85 15.861 33.468 16.653V16.653ZM24 12C24.5085 12 25.008 12.042 25.5 12.1035V6H22.5V12.1035C22.992 12.042 23.4915 12 24 12V12ZM24 36C23.4915 36 22.992 35.958 22.5 35.8965V42H25.5V35.8965C25.008 35.958 24.5085 36 24 36ZM35.8965 22.5C35.958 22.992 36 23.4915 36 24C36 24.5085 35.958 25.008 35.8965 25.5H42V22.5H35.8965ZM31.347 33.468L35.667 37.788L37.7895 35.667L33.4695 31.347C32.8515 32.139 32.1405 32.85 31.347 33.468ZM14.532 31.3455L10.212 35.6655L12.333 37.7865L16.653 33.4665C15.861 32.85 15.1485 32.139 14.532 31.3455ZM18 24C18 27.309 20.691 30 24 30C27.309 30 30 27.309 30 24C30 20.691 27.309 18 24 18C20.691 18 18 20.691 18 24V24ZM33 24C33 28.971 28.971 33 24 33C19.029 33 15 28.971 15 24C15 19.029 19.029 15 24 15C28.971 15 33 19.029 33 24V24Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">8hrs of sun per day</p>
                                </div>
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M22.5 21H6V18H22.5C23.325 18 24 17.325 24 16.5C24 15.675 23.325 15 22.5 15C21.9 15 21.375 15.36 21.15 15.885L18.525 14.445C19.275 13.005 20.76 12 22.5 12C28.455 12 28.455 21 22.5 21ZM33 31.5C33 29.01 30.99 27 28.5 27H6V30H28.5C29.325 30 30 30.675 30 31.5C30 32.325 29.325 33 28.5 33C27.9 33 27.375 32.64 27.15 32.115L24.525 33.555C25.275 34.995 26.76 36 28.5 36C30.99 36 33 33.99 33 31.5ZM34.515 20.01C34.65 18.885 35.595 18 36.75 18C37.995 18 39 19.005 39 20.25C39 21.495 37.995 22.5 36.75 22.5H6V25.5H36.75C39.645 25.5 42 23.145 42 20.25C42 17.355 39.645 15 36.75 15C34.32 15 32.28 16.68 31.695 18.93L34.515 20.01Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">Wind 10% likely</p>
                                </div>
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M35.2163 20.7722C34.898 14.768 30 10 24 10C22.751 10 21.5265 10.227 20.4 10.6055C18.5633 11.2109 17.2408 12.1444 15.9673 13.431C14.1061 15.3483 12.9306 17.9215 12.7592 20.7722C12.0735 20.8984 11.4367 21.1254 10.8245 21.4029C10.751 21.4282 10.6776 21.4786 10.6286 21.5039C10.5551 21.5291 10.5061 21.5795 10.4327 21.6048C10.3837 21.63 10.3592 21.6552 10.3102 21.6804C10.1143 21.8066 9.89388 21.9327 9.69796 22.0589C8.59592 22.8157 7.66531 23.7996 7.00408 25.0105V25.0357C6.93061 25.1619 6.88163 25.288 6.80816 25.3889C6.29388 26.4737 6 27.6847 6 28.9713C6 33.5879 9.67347 37.3217 14.2286 37.3217L15.9184 33.4114H14.2286C11.7796 33.4114 9.77143 31.4184 9.77143 28.9713C9.77143 24.8339 13.7633 23.9005 16.3837 24.0771C16.2857 21.4282 16.6531 13.9103 23.9755 13.9103C31.1265 13.9103 31.9837 21.2768 31.5673 24.0771C34.4327 23.8753 38.1796 24.9348 38.1796 28.9713C38.1796 31.2165 36.9306 33.3609 32.6449 33.3609L31.1265 37.3217H33.7469C38.302 37.3217 42 33.5879 42 28.9713C42 24.8844 39.0612 21.4786 35.2163 20.7722Z" />
                                            <path d="M28.8104 29C25.9812 30.4358 24.1713 31.3144 23.3808 32.7288C22.5903 34.1432 23.0687 35.9647 24.4625 36.8005C25.8564 37.6363 27.6246 37.1434 28.4151 35.729C29.2056 34.2932 29.0392 32.2574 28.8104 29Z" />
                                            <path d="M20.8104 36C17.9604 37.4272 16.1713 38.3137 15.3808 39.7409C14.5903 41.1681 15.0687 43.0061 16.4625 43.8494C17.8564 44.6928 19.6246 44.1954 20.4151 42.7682C21.2056 41.3411 21.0392 39.2868 20.8104 36Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">11 rainy days</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="forecast-section js-forecast-section" data-show-location="false" data-warning-title="" data-warning-subtitle="" data-warning-type="" data-warning-icon="" data-index="10">
                <div class="forecast-section__background">
                    <figure class="image js-image  " data-module="imagelazy" data-is-small-image="">
                        <img class="image__lowres js-image-lazyload" data-object-fit data-src="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;100&amp;q&#x3D;10" alt="Alt Text">
                        <picture class="image__container">
                            <source media="(max-width: 767px)" class="js-small-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;640&amp;q&#x3D;80" />
                            <source media="(min-width: 768px) and (max-width:1319px)" class="js-medium-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                            <source media="(min-width: 1320px)" class="js-large-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                            <img class="js-image-lazyload js-fallback-image" data-object-fit data-src="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" alt="Alt Text">
                        </picture>
                    </figure>
                </div>
                <div class="forecast-section__inner">
                    <div class="forecast-section__content">
                        <div class="forecast-section__content-inner js-forecast-content">
                            <h2 class="forecast-section__title">November</h2>
                            <p class="forecast-section__subtitle">Average weather</p>
                            <div class="forecast-section__main-forecast">
                                <div class="forecast-section__forecast-block forecast-section__forecast-block--weather">
                                    <div class="forecast-section__icon"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 53'>
                                            <path d='M6.2 26.5H0v-5.3h6.2v5.3zM25.833 9.381V0h-5.166v9.381h5.166zM13.46 11.713L7.88 5.989 4.237 9.752l5.58 5.724 3.642-3.763zm24.439-6.36l-5.451 5.591 3.642 3.737L41.54 9.09c0 .026-3.642-3.737-3.642-3.737zM7.672 34.264L1.99 39.352l3.359 4.029 5.683-5.089-3.359-4.028zM62 41.658C62 47.912 56.962 53 50.763 53H24.154c-6.2 0-11.237-5.088-11.237-11.342 0-2.04.542-3.949 1.472-5.592-2.48-2.411-4.056-5.777-4.056-9.566 0-7.314 5.787-13.25 12.917-13.25 3.436 0 6.51 1.405 8.81 3.657a15.177 15.177 0 015.398-1.007c8.19 0 14.855 6.466 15.294 14.628 5.244.928 9.248 5.565 9.248 11.13zM15.5 26.5c0 2.279.956 4.32 2.454 5.75 1.266-.848 2.661-1.457 4.185-1.748a15.543 15.543 0 015.141-10.733c-1.163-.742-2.532-1.219-4.03-1.219-4.262 0-7.75 3.578-7.75 7.95zm41.333 15.158c0-5.512-5.115-6.943-9.015-6.651.568-3.816-.62-13.807-10.36-13.807-10.023 0-10.488 10.203-10.359 13.807-3.59-.239-9.016 1.033-9.016 6.651 0 3.339 2.739 6.042 6.071 6.042h26.583c3.358 0 6.096-2.703 6.096-6.042z' />
                                        </svg></div>
                                    <p class="forecast-section__text">Mostly sunny with some clouds</p>
                                </div>
                                <div class="forecast-section__forecast-block forecast-section__forecast-block--temperature">
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">10°</span>
                                        <span class="forecast-section__fahrenheit">50°</span>
                                    </p>
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">9°/12°</span>
                                        <span class="forecast-section__fahrenheit">48.2°/53.6°</span>
                                    </p>
                                </div>
                            </div>
                            <div class="forecast-section__information">
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M12.1035 25.5H6V22.5H12.1035C12.042 22.992 12 23.4915 12 24C12 24.5085 12.042 25.008 12.1035 25.5ZM16.6545 14.532L12.333 10.2105L10.212 12.3315L14.5335 16.653C15.15 15.8595 15.861 15.1485 16.6545 14.532V14.532ZM33.468 16.653L37.7895 12.3315L35.6685 10.2105L31.347 14.532C32.139 15.1485 32.85 15.861 33.468 16.653V16.653ZM24 12C24.5085 12 25.008 12.042 25.5 12.1035V6H22.5V12.1035C22.992 12.042 23.4915 12 24 12V12ZM24 36C23.4915 36 22.992 35.958 22.5 35.8965V42H25.5V35.8965C25.008 35.958 24.5085 36 24 36ZM35.8965 22.5C35.958 22.992 36 23.4915 36 24C36 24.5085 35.958 25.008 35.8965 25.5H42V22.5H35.8965ZM31.347 33.468L35.667 37.788L37.7895 35.667L33.4695 31.347C32.8515 32.139 32.1405 32.85 31.347 33.468ZM14.532 31.3455L10.212 35.6655L12.333 37.7865L16.653 33.4665C15.861 32.85 15.1485 32.139 14.532 31.3455ZM18 24C18 27.309 20.691 30 24 30C27.309 30 30 27.309 30 24C30 20.691 27.309 18 24 18C20.691 18 18 20.691 18 24V24ZM33 24C33 28.971 28.971 33 24 33C19.029 33 15 28.971 15 24C15 19.029 19.029 15 24 15C28.971 15 33 19.029 33 24V24Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">8hrs of sun per day</p>
                                </div>
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M22.5 21H6V18H22.5C23.325 18 24 17.325 24 16.5C24 15.675 23.325 15 22.5 15C21.9 15 21.375 15.36 21.15 15.885L18.525 14.445C19.275 13.005 20.76 12 22.5 12C28.455 12 28.455 21 22.5 21ZM33 31.5C33 29.01 30.99 27 28.5 27H6V30H28.5C29.325 30 30 30.675 30 31.5C30 32.325 29.325 33 28.5 33C27.9 33 27.375 32.64 27.15 32.115L24.525 33.555C25.275 34.995 26.76 36 28.5 36C30.99 36 33 33.99 33 31.5ZM34.515 20.01C34.65 18.885 35.595 18 36.75 18C37.995 18 39 19.005 39 20.25C39 21.495 37.995 22.5 36.75 22.5H6V25.5H36.75C39.645 25.5 42 23.145 42 20.25C42 17.355 39.645 15 36.75 15C34.32 15 32.28 16.68 31.695 18.93L34.515 20.01Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">Wind 10% likely</p>
                                </div>
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M35.2163 20.7722C34.898 14.768 30 10 24 10C22.751 10 21.5265 10.227 20.4 10.6055C18.5633 11.2109 17.2408 12.1444 15.9673 13.431C14.1061 15.3483 12.9306 17.9215 12.7592 20.7722C12.0735 20.8984 11.4367 21.1254 10.8245 21.4029C10.751 21.4282 10.6776 21.4786 10.6286 21.5039C10.5551 21.5291 10.5061 21.5795 10.4327 21.6048C10.3837 21.63 10.3592 21.6552 10.3102 21.6804C10.1143 21.8066 9.89388 21.9327 9.69796 22.0589C8.59592 22.8157 7.66531 23.7996 7.00408 25.0105V25.0357C6.93061 25.1619 6.88163 25.288 6.80816 25.3889C6.29388 26.4737 6 27.6847 6 28.9713C6 33.5879 9.67347 37.3217 14.2286 37.3217L15.9184 33.4114H14.2286C11.7796 33.4114 9.77143 31.4184 9.77143 28.9713C9.77143 24.8339 13.7633 23.9005 16.3837 24.0771C16.2857 21.4282 16.6531 13.9103 23.9755 13.9103C31.1265 13.9103 31.9837 21.2768 31.5673 24.0771C34.4327 23.8753 38.1796 24.9348 38.1796 28.9713C38.1796 31.2165 36.9306 33.3609 32.6449 33.3609L31.1265 37.3217H33.7469C38.302 37.3217 42 33.5879 42 28.9713C42 24.8844 39.0612 21.4786 35.2163 20.7722Z" />
                                            <path d="M28.8104 29C25.9812 30.4358 24.1713 31.3144 23.3808 32.7288C22.5903 34.1432 23.0687 35.9647 24.4625 36.8005C25.8564 37.6363 27.6246 37.1434 28.4151 35.729C29.2056 34.2932 29.0392 32.2574 28.8104 29Z" />
                                            <path d="M20.8104 36C17.9604 37.4272 16.1713 38.3137 15.3808 39.7409C14.5903 41.1681 15.0687 43.0061 16.4625 43.8494C17.8564 44.6928 19.6246 44.1954 20.4151 42.7682C21.2056 41.3411 21.0392 39.2868 20.8104 36Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">11 rainy days</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="forecast-section js-forecast-section" data-show-location="false" data-warning-title="" data-warning-subtitle="" data-warning-type="" data-warning-icon="" data-index="11">
                <div class="forecast-section__background">
                    <figure class="image js-image  " data-module="imagelazy" data-is-small-image="">
                        <img class="image__lowres js-image-lazyload" data-object-fit data-src="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;100&amp;q&#x3D;10" alt="Alt Text">
                        <picture class="image__container">
                            <source media="(max-width: 767px)" class="js-small-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;640&amp;q&#x3D;80" />
                            <source media="(min-width: 768px) and (max-width:1319px)" class="js-medium-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                            <source media="(min-width: 1320px)" class="js-large-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                            <img class="js-image-lazyload js-fallback-image" data-object-fit data-src="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" alt="Alt Text">
                        </picture>
                    </figure>
                </div>
                <div class="forecast-section__inner">
                    <div class="forecast-section__content">
                        <div class="forecast-section__content-inner js-forecast-content">
                            <h2 class="forecast-section__title">December</h2>
                            <p class="forecast-section__subtitle">Average weather</p>
                            <div class="forecast-section__main-forecast">
                                <div class="forecast-section__forecast-block forecast-section__forecast-block--weather">
                                    <div class="forecast-section__icon"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 53'>
                                            <path d='M6.2 26.5H0v-5.3h6.2v5.3zM25.833 9.381V0h-5.166v9.381h5.166zM13.46 11.713L7.88 5.989 4.237 9.752l5.58 5.724 3.642-3.763zm24.439-6.36l-5.451 5.591 3.642 3.737L41.54 9.09c0 .026-3.642-3.737-3.642-3.737zM7.672 34.264L1.99 39.352l3.359 4.029 5.683-5.089-3.359-4.028zM62 41.658C62 47.912 56.962 53 50.763 53H24.154c-6.2 0-11.237-5.088-11.237-11.342 0-2.04.542-3.949 1.472-5.592-2.48-2.411-4.056-5.777-4.056-9.566 0-7.314 5.787-13.25 12.917-13.25 3.436 0 6.51 1.405 8.81 3.657a15.177 15.177 0 015.398-1.007c8.19 0 14.855 6.466 15.294 14.628 5.244.928 9.248 5.565 9.248 11.13zM15.5 26.5c0 2.279.956 4.32 2.454 5.75 1.266-.848 2.661-1.457 4.185-1.748a15.543 15.543 0 015.141-10.733c-1.163-.742-2.532-1.219-4.03-1.219-4.262 0-7.75 3.578-7.75 7.95zm41.333 15.158c0-5.512-5.115-6.943-9.015-6.651.568-3.816-.62-13.807-10.36-13.807-10.023 0-10.488 10.203-10.359 13.807-3.59-.239-9.016 1.033-9.016 6.651 0 3.339 2.739 6.042 6.071 6.042h26.583c3.358 0 6.096-2.703 6.096-6.042z' />
                                        </svg></div>
                                    <p class="forecast-section__text">Mostly sunny with some clouds</p>
                                </div>
                                <div class="forecast-section__forecast-block forecast-section__forecast-block--temperature">
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">10°</span>
                                        <span class="forecast-section__fahrenheit">50°</span>
                                    </p>
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">9°/12°</span>
                                        <span class="forecast-section__fahrenheit">48.2°/53.6°</span>
                                    </p>
                                </div>
                            </div>
                            <div class="forecast-section__information">
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M12.1035 25.5H6V22.5H12.1035C12.042 22.992 12 23.4915 12 24C12 24.5085 12.042 25.008 12.1035 25.5ZM16.6545 14.532L12.333 10.2105L10.212 12.3315L14.5335 16.653C15.15 15.8595 15.861 15.1485 16.6545 14.532V14.532ZM33.468 16.653L37.7895 12.3315L35.6685 10.2105L31.347 14.532C32.139 15.1485 32.85 15.861 33.468 16.653V16.653ZM24 12C24.5085 12 25.008 12.042 25.5 12.1035V6H22.5V12.1035C22.992 12.042 23.4915 12 24 12V12ZM24 36C23.4915 36 22.992 35.958 22.5 35.8965V42H25.5V35.8965C25.008 35.958 24.5085 36 24 36ZM35.8965 22.5C35.958 22.992 36 23.4915 36 24C36 24.5085 35.958 25.008 35.8965 25.5H42V22.5H35.8965ZM31.347 33.468L35.667 37.788L37.7895 35.667L33.4695 31.347C32.8515 32.139 32.1405 32.85 31.347 33.468ZM14.532 31.3455L10.212 35.6655L12.333 37.7865L16.653 33.4665C15.861 32.85 15.1485 32.139 14.532 31.3455ZM18 24C18 27.309 20.691 30 24 30C27.309 30 30 27.309 30 24C30 20.691 27.309 18 24 18C20.691 18 18 20.691 18 24V24ZM33 24C33 28.971 28.971 33 24 33C19.029 33 15 28.971 15 24C15 19.029 19.029 15 24 15C28.971 15 33 19.029 33 24V24Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">8hrs of sun per day</p>
                                </div>
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M22.5 21H6V18H22.5C23.325 18 24 17.325 24 16.5C24 15.675 23.325 15 22.5 15C21.9 15 21.375 15.36 21.15 15.885L18.525 14.445C19.275 13.005 20.76 12 22.5 12C28.455 12 28.455 21 22.5 21ZM33 31.5C33 29.01 30.99 27 28.5 27H6V30H28.5C29.325 30 30 30.675 30 31.5C30 32.325 29.325 33 28.5 33C27.9 33 27.375 32.64 27.15 32.115L24.525 33.555C25.275 34.995 26.76 36 28.5 36C30.99 36 33 33.99 33 31.5ZM34.515 20.01C34.65 18.885 35.595 18 36.75 18C37.995 18 39 19.005 39 20.25C39 21.495 37.995 22.5 36.75 22.5H6V25.5H36.75C39.645 25.5 42 23.145 42 20.25C42 17.355 39.645 15 36.75 15C34.32 15 32.28 16.68 31.695 18.93L34.515 20.01Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">Wind 10% likely</p>
                                </div>
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M35.2163 20.7722C34.898 14.768 30 10 24 10C22.751 10 21.5265 10.227 20.4 10.6055C18.5633 11.2109 17.2408 12.1444 15.9673 13.431C14.1061 15.3483 12.9306 17.9215 12.7592 20.7722C12.0735 20.8984 11.4367 21.1254 10.8245 21.4029C10.751 21.4282 10.6776 21.4786 10.6286 21.5039C10.5551 21.5291 10.5061 21.5795 10.4327 21.6048C10.3837 21.63 10.3592 21.6552 10.3102 21.6804C10.1143 21.8066 9.89388 21.9327 9.69796 22.0589C8.59592 22.8157 7.66531 23.7996 7.00408 25.0105V25.0357C6.93061 25.1619 6.88163 25.288 6.80816 25.3889C6.29388 26.4737 6 27.6847 6 28.9713C6 33.5879 9.67347 37.3217 14.2286 37.3217L15.9184 33.4114H14.2286C11.7796 33.4114 9.77143 31.4184 9.77143 28.9713C9.77143 24.8339 13.7633 23.9005 16.3837 24.0771C16.2857 21.4282 16.6531 13.9103 23.9755 13.9103C31.1265 13.9103 31.9837 21.2768 31.5673 24.0771C34.4327 23.8753 38.1796 24.9348 38.1796 28.9713C38.1796 31.2165 36.9306 33.3609 32.6449 33.3609L31.1265 37.3217H33.7469C38.302 37.3217 42 33.5879 42 28.9713C42 24.8844 39.0612 21.4786 35.2163 20.7722Z" />
                                            <path d="M28.8104 29C25.9812 30.4358 24.1713 31.3144 23.3808 32.7288C22.5903 34.1432 23.0687 35.9647 24.4625 36.8005C25.8564 37.6363 27.6246 37.1434 28.4151 35.729C29.2056 34.2932 29.0392 32.2574 28.8104 29Z" />
                                            <path d="M20.8104 36C17.9604 37.4272 16.1713 38.3137 15.3808 39.7409C14.5903 41.1681 15.0687 43.0061 16.4625 43.8494C17.8564 44.6928 19.6246 44.1954 20.4151 42.7682C21.2056 41.3411 21.0392 39.2868 20.8104 36Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">11 rainy days</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="forecast-section js-forecast-section" data-show-location="true" data-warning-title="Be aware" data-warning-subtitle="Heavy showers will affect all areas overnight and tomorrow. Expect local flooding" data-warning-type="yellow" data-warning-icon="&lt;svg width&#x3D;&quot;28&quot; height&#x3D;&quot;25&quot; fill&#x3D;&quot;none&quot; xmlns&#x3D;&quot;http://www.w3.org/2000/svg&quot;&gt;&lt;path fill-rule&#x3D;&quot;evenodd&quot; clip-rule&#x3D;&quot;evenodd&quot; d&#x3D;&quot;M14 0c.836 0 1.61.446 2.028 1.17l11.658 20.194a2.341 2.341 0 01-2.027 3.512H2.34a2.341 2.341 0 01-2.027-3.512L11.972 1.171A2.341 2.341 0 0114 0z&quot; fill&#x3D;&quot;#FBED4F&quot;/&gt;&lt;path fill-rule&#x3D;&quot;evenodd&quot; clip-rule&#x3D;&quot;evenodd&quot; d&#x3D;&quot;M14.002 16.389a1.17 1.17 0 01-1.17-1.171V9.365a1.17 1.17 0 112.34 0v5.853a1.17 1.17 0 01-1.17 1.17z&quot; fill&#x3D;&quot;#111317&quot;/&gt;&lt;circle cx&#x3D;&quot;14.002&quot; cy&#x3D;&quot;18.73&quot; r&#x3D;&quot;1.171&quot; transform&#x3D;&quot;rotate(-180 14.002 18.73)&quot; fill&#x3D;&quot;#111317&quot;/&gt;&lt;/svg&gt;" data-index="12" data-is-default="true">
                <div class="forecast-section__background">
                    <figure class="image js-image  " data-module="imagelazy" data-is-small-image="">
                        <img class="image__lowres js-image-lazyload" data-object-fit data-src="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;100&amp;q&#x3D;10" alt="Alt Text">
                        <picture class="image__container">
                            <source media="(max-width: 767px)" class="js-small-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;640&amp;q&#x3D;80" />
                            <source media="(min-width: 768px) and (max-width:1319px)" class="js-medium-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                            <source media="(min-width: 1320px)" class="js-large-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                            <img class="js-image-lazyload js-fallback-image" data-object-fit data-src="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" alt="Alt Text">
                        </picture>
                    </figure>
                </div>
                <div class="forecast-section__inner">
                    <div class="forecast-section__content">
                        <div class="forecast-section__content-inner js-forecast-content">
                            <h2 class="forecast-section__title">This Week</h2>
                            <p class="forecast-section__subtitle">Today</p>
                            <div class="forecast-section__main-forecast">
                                <div class="forecast-section__forecast-block forecast-section__forecast-block--weather">
                                    <div class="forecast-section__icon"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 53'>
                                            <path d='M6.2 26.5H0v-5.3h6.2v5.3zM25.833 9.381V0h-5.166v9.381h5.166zM13.46 11.713L7.88 5.989 4.237 9.752l5.58 5.724 3.642-3.763zm24.439-6.36l-5.451 5.591 3.642 3.737L41.54 9.09c0 .026-3.642-3.737-3.642-3.737zM7.672 34.264L1.99 39.352l3.359 4.029 5.683-5.089-3.359-4.028zM62 41.658C62 47.912 56.962 53 50.763 53H24.154c-6.2 0-11.237-5.088-11.237-11.342 0-2.04.542-3.949 1.472-5.592-2.48-2.411-4.056-5.777-4.056-9.566 0-7.314 5.787-13.25 12.917-13.25 3.436 0 6.51 1.405 8.81 3.657a15.177 15.177 0 015.398-1.007c8.19 0 14.855 6.466 15.294 14.628 5.244.928 9.248 5.565 9.248 11.13zM15.5 26.5c0 2.279.956 4.32 2.454 5.75 1.266-.848 2.661-1.457 4.185-1.748a15.543 15.543 0 015.141-10.733c-1.163-.742-2.532-1.219-4.03-1.219-4.262 0-7.75 3.578-7.75 7.95zm41.333 15.158c0-5.512-5.115-6.943-9.015-6.651.568-3.816-.62-13.807-10.36-13.807-10.023 0-10.488 10.203-10.359 13.807-3.59-.239-9.016 1.033-9.016 6.651 0 3.339 2.739 6.042 6.071 6.042h26.583c3.358 0 6.096-2.703 6.096-6.042z' />
                                        </svg></div>
                                    <p class="forecast-section__text">Mostly sunny with some clouds</p>
                                </div>
                                <div class="forecast-section__forecast-block forecast-section__forecast-block--temperature">
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">10°</span>
                                        <span class="forecast-section__fahrenheit">50°</span>
                                    </p>
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">9°/12°</span>
                                        <span class="forecast-section__fahrenheit">48.2°/53.6°</span>
                                    </p>
                                </div>
                            </div>
                            <div class="forecast-section__information">
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M35.2163 20.4571C34.898 14.6286 30 10 24 10C22.751 10 21.5265 10.2204 20.4 10.5878C18.5633 11.1755 17.2408 12.0816 15.9673 13.3306C14.1061 15.1918 12.9306 17.6898 12.7592 20.4571C12.0735 20.5796 11.4367 20.8 10.8245 21.0694C10.751 21.0939 10.6776 21.1429 10.6286 21.1673C10.5551 21.1918 10.5061 21.2408 10.4327 21.2653C10.3837 21.2898 10.3592 21.3143 10.3102 21.3388C10.1143 21.4612 9.89388 21.5837 9.69796 21.7061C8.59592 22.4408 7.66531 23.3959 7.00408 24.5714V24.5959C6.93061 24.7184 6.88163 24.8408 6.80816 24.9388C6.29388 25.9918 6 27.1673 6 28.4163C6 32.7755 9.52653 36.351 13.9347 36.5224C14.0082 36.5224 17.0449 36.5224 18.3184 36.5224C18.6122 36.5224 29.3878 36.5224 31.1265 36.5224H33.7469C38.302 36.5224 42 32.898 42 28.4163C42 24.449 39.0612 21.1429 35.2163 20.4571ZM32.7918 32.7265H32.6204H18.8327H15.551H14.2531C11.8041 32.7265 9.79592 30.7918 9.79592 28.4163C9.79592 24.4 13.7878 23.4939 16.4082 23.6653C16.3102 21.0939 16.6776 13.7959 24 13.7959C31.151 13.7959 32.0082 20.9469 31.5918 23.6653C34.4571 23.4694 38.2041 24.498 38.2041 28.4163C38.2041 30.5959 36.6612 32.7265 32.7918 32.7265Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">Tues</p>
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">10°</span>
                                        <span class="forecast-section__fahrenheit">48.8°</span>
                                    </p>
                                </div>
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M9.594 21H6V18H9.594V21ZM21 11.313V6H18V11.313H21ZM13.8105 12.627L10.5765 9.393L8.4555 11.514L11.6895 14.748L13.8105 12.627V12.627ZM28.002 9.033L24.8295 12.204L26.9505 14.325L30.123 11.154L28.002 9.033V9.033ZM10.452 25.3935L7.155 28.272L9.1095 30.5475L12.4065 27.669L10.452 25.3935V25.3935ZM42 29.583C42 33.126 39.075 36 35.469 36H20.031C16.425 36 13.5 33.126 13.5 29.583C13.5 28.428 13.8165 27.348 14.361 26.4135C12.915 25.053 12 23.1435 12 21C12 16.857 15.357 13.5 19.5 13.5C21.4935 13.5 23.2845 14.292 24.621 15.564C25.5945 15.204 26.646 15 27.75 15C32.5065 15 36.3795 18.6645 36.6315 23.274C39.6825 23.8125 42 26.4315 42 29.583ZM15 21C15 22.29 15.555 23.442 16.4325 24.258C17.16 23.784 17.976 23.4315 18.8685 23.274C19.0005 20.859 20.133 18.711 21.8595 17.205C21.1695 16.773 20.373 16.5 19.5 16.5C17.019 16.5 15 18.519 15 21V21ZM39 29.583C39 26.469 36.0315 25.656 33.7665 25.815C34.0935 23.6565 33.4065 18 27.75 18C21.9375 18 21.657 23.781 21.7335 25.8135C19.656 25.6875 16.5 26.406 16.5 29.583C16.5 31.467 18.084 33 20.031 33H35.4675C37.416 33 39 31.467 39 29.583V29.583Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">Wed</p>
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">10°</span>
                                        <span class="forecast-section__fahrenheit">48.8°</span>
                                    </p>
                                </div>
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M35.2163 20.7722C34.898 14.768 30 10 24 10C22.751 10 21.5265 10.227 20.4 10.6055C18.5633 11.2109 17.2408 12.1444 15.9673 13.431C14.1061 15.3483 12.9306 17.9215 12.7592 20.7722C12.0735 20.8984 11.4367 21.1254 10.8245 21.4029C10.751 21.4282 10.6776 21.4786 10.6286 21.5039C10.5551 21.5291 10.5061 21.5795 10.4327 21.6048C10.3837 21.63 10.3592 21.6552 10.3102 21.6804C10.1143 21.8066 9.89388 21.9327 9.69796 22.0589C8.59592 22.8157 7.66531 23.7996 7.00408 25.0105V25.0357C6.93061 25.1619 6.88163 25.288 6.80816 25.3889C6.29388 26.4737 6 27.6847 6 28.9713C6 33.5879 9.67347 37.3217 14.2286 37.3217L15.9184 33.4114H14.2286C11.7796 33.4114 9.77143 31.4184 9.77143 28.9713C9.77143 24.8339 13.7633 23.9005 16.3837 24.0771C16.2857 21.4282 16.6531 13.9103 23.9755 13.9103C31.1265 13.9103 31.9837 21.2768 31.5673 24.0771C34.4327 23.8753 38.1796 24.9348 38.1796 28.9713C38.1796 31.2165 36.9306 33.3609 32.6449 33.3609L31.1265 37.3217H33.7469C38.302 37.3217 42 33.5879 42 28.9713C42 24.8844 39.0612 21.4786 35.2163 20.7722Z" />
                                            <path d="M28.8104 29C25.9812 30.4358 24.1713 31.3144 23.3808 32.7288C22.5903 34.1432 23.0687 35.9647 24.4625 36.8005C25.8564 37.6363 27.6246 37.1434 28.4151 35.729C29.2056 34.2932 29.0392 32.2574 28.8104 29Z" />
                                            <path d="M20.8104 36C17.9604 37.4272 16.1713 38.3137 15.3808 39.7409C14.5903 41.1681 15.0687 43.0061 16.4625 43.8494C17.8564 44.6928 19.6246 44.1954 20.4151 42.7682C21.2056 41.3411 21.0392 39.2868 20.8104 36Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">Thu</p>
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">10°</span>
                                        <span class="forecast-section__fahrenheit">48.8°</span>
                                    </p>
                                </div>
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M35.2163 20.4571C34.898 14.6286 30 10 24 10C22.751 10 21.5265 10.2204 20.4 10.5878C18.5633 11.1755 17.2408 12.0816 15.9673 13.3306C14.1061 15.1918 12.9306 17.6898 12.7592 20.4571C12.0735 20.5796 11.4367 20.8 10.8245 21.0694C10.751 21.0939 10.6776 21.1429 10.6286 21.1673C10.5551 21.1918 10.5061 21.2408 10.4327 21.2653C10.3837 21.2898 10.3592 21.3143 10.3102 21.3388C10.1143 21.4612 9.89388 21.5837 9.69796 21.7061C8.59592 22.4408 7.66531 23.3959 7.00408 24.5714V24.5959C6.93061 24.7184 6.88163 24.8408 6.80816 24.9388C6.29388 25.9918 6 27.1673 6 28.4163C6 32.898 9.67347 36.5224 14.2286 36.5224L15.9184 32.7265H14.2286C11.7796 32.7265 9.77143 30.7918 9.77143 28.4163C9.77143 24.4 13.7633 23.4939 16.3837 23.6653C16.2857 21.0939 16.6531 13.7959 23.9755 13.7959C31.1265 13.7959 31.9837 20.9469 31.5673 23.6653C34.4327 23.4694 38.2531 24.8408 38.1796 28.4163C38.1306 30.5959 36.9061 32.5796 30.9306 32.6776L29.4122 36.5224H33.7469C38.302 36.5224 42 32.898 42 28.4163C42 24.449 39.0612 21.1429 35.2163 20.4571Z" />
                                            <path d="M24.4525 32.4525H28.5475L20.3576 42L23.095 35.1899H19L22.8279 27H26.9674L24.4525 32.4525Z" />
                                            <path d="M17.1339 39C14.6421 40.2048 13.0539 40.9715 12.3419 42.1764C11.63 43.3812 12.0681 44.942 13.3003 45.6539C14.5325 46.3659 16.0933 45.9551 16.7779 44.7503C17.4898 43.5181 17.3529 41.7656 17.1339 39Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">Fri</p>
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">10°</span>
                                        <span class="forecast-section__fahrenheit">48.8°</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="forecast-section js-forecast-section" data-show-location="true" data-warning-title="Take action" data-warning-subtitle="Heavy showers will affect all areas overnight and tomorrow. Expect local flooding" data-warning-type="red" data-warning-icon="&lt;svg width&#x3D;&quot;28&quot; height&#x3D;&quot;25&quot; fill&#x3D;&quot;none&quot; xmlns&#x3D;&quot;http://www.w3.org/2000/svg&quot;&gt;&lt;path fill-rule&#x3D;&quot;evenodd&quot; clip-rule&#x3D;&quot;evenodd&quot; d&#x3D;&quot;M14 0c.836 0 1.61.446 2.028 1.17l11.658 20.194a2.341 2.341 0 01-2.027 3.512H2.34a2.341 2.341 0 01-2.027-3.512L11.972 1.171A2.341 2.341 0 0114 0z&quot; fill&#x3D;&quot;#DD3817&quot;/&gt;&lt;path fill-rule&#x3D;&quot;evenodd&quot; clip-rule&#x3D;&quot;evenodd&quot; d&#x3D;&quot;M14.002 16.389a1.17 1.17 0 01-1.17-1.171V9.365a1.17 1.17 0 112.34 0v5.853a1.17 1.17 0 01-1.17 1.17z&quot; fill&#x3D;&quot;#fff&quot;/&gt;&lt;circle cx&#x3D;&quot;14.002&quot; cy&#x3D;&quot;18.73&quot; r&#x3D;&quot;1.171&quot; transform&#x3D;&quot;rotate(-180 14.002 18.73)&quot; fill&#x3D;&quot;#fff&quot;/&gt;&lt;/svg&gt;" data-index="13">
                <div class="forecast-section__background">
                    <figure class="image js-image  " data-module="imagelazy" data-is-small-image="">
                        <img class="image__lowres js-image-lazyload" data-object-fit data-src="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;100&amp;q&#x3D;10" alt="Alt Text">
                        <picture class="image__container">
                            <source media="(max-width: 767px)" class="js-small-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;640&amp;q&#x3D;80" />
                            <source media="(min-width: 768px) and (max-width:1319px)" class="js-medium-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                            <source media="(min-width: 1320px)" class="js-large-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                            <img class="js-image-lazyload js-fallback-image" data-object-fit data-src="https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib&#x3D;rb-1.2.1&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" alt="Alt Text">
                        </picture>
                    </figure>
                </div>
                <div class="forecast-section__inner">
                    <div class="forecast-section__content">
                        <div class="forecast-section__content-inner js-forecast-content">
                            <h2 class="forecast-section__title">Next week</h2>
                            <div class="forecast-section__information forecast-section__information--no-main-forecast">
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M35.2163 20.7722C34.898 14.768 30 10 24 10C22.751 10 21.5265 10.227 20.4 10.6055C18.5633 11.2109 17.2408 12.1444 15.9673 13.431C14.1061 15.3483 12.9306 17.9215 12.7592 20.7722C12.0735 20.8984 11.4367 21.1254 10.8245 21.4029C10.751 21.4282 10.6776 21.4786 10.6286 21.5039C10.5551 21.5291 10.5061 21.5795 10.4327 21.6048C10.3837 21.63 10.3592 21.6552 10.3102 21.6804C10.1143 21.8066 9.89388 21.9327 9.69796 22.0589C8.59592 22.8157 7.66531 23.7996 7.00408 25.0105V25.0357C6.93061 25.1619 6.88163 25.288 6.80816 25.3889C6.29388 26.4737 6 27.6847 6 28.9713C6 33.5879 9.67347 37.3217 14.2286 37.3217L15.9184 33.4114H14.2286C11.7796 33.4114 9.77143 31.4184 9.77143 28.9713C9.77143 24.8339 13.7633 23.9005 16.3837 24.0771C16.2857 21.4282 16.6531 13.9103 23.9755 13.9103C31.1265 13.9103 31.9837 21.2768 31.5673 24.0771C34.4327 23.8753 38.1796 24.9348 38.1796 28.9713C38.1796 31.2165 36.9306 33.3609 32.6449 33.3609L31.1265 37.3217H33.7469C38.302 37.3217 42 33.5879 42 28.9713C42 24.8844 39.0612 21.4786 35.2163 20.7722Z" />
                                            <path d="M28.8104 29C25.9812 30.4358 24.1713 31.3144 23.3808 32.7288C22.5903 34.1432 23.0687 35.9647 24.4625 36.8005C25.8564 37.6363 27.6246 37.1434 28.4151 35.729C29.2056 34.2932 29.0392 32.2574 28.8104 29Z" />
                                            <path d="M20.8104 36C17.9604 37.4272 16.1713 38.3137 15.3808 39.7409C14.5903 41.1681 15.0687 43.0061 16.4625 43.8494C17.8564 44.6928 19.6246 44.1954 20.4151 42.7682C21.2056 41.3411 21.0392 39.2868 20.8104 36Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">Sat</p>
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">10°</span>
                                        <span class="forecast-section__fahrenheit">48.8°</span>
                                    </p>
                                </div>
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M35.2163 20.4571C34.898 14.6286 30 10 24 10C22.751 10 21.5265 10.2204 20.4 10.5878C18.5633 11.1755 17.2408 12.0816 15.9673 13.3306C14.1061 15.1918 12.9306 17.6898 12.7592 20.4571C12.0735 20.5796 11.4367 20.8 10.8245 21.0694C10.751 21.0939 10.6776 21.1429 10.6286 21.1673C10.5551 21.1918 10.5061 21.2408 10.4327 21.2653C10.3837 21.2898 10.3592 21.3143 10.3102 21.3388C10.1143 21.4612 9.89388 21.5837 9.69796 21.7061C8.59592 22.4408 7.66531 23.3959 7.00408 24.5714V24.5959C6.93061 24.7184 6.88163 24.8408 6.80816 24.9388C6.29388 25.9918 6 27.1673 6 28.4163C6 32.898 9.67347 36.5224 14.2286 36.5224L15.9184 32.7265H14.2286C11.7796 32.7265 9.77143 30.7918 9.77143 28.4163C9.77143 24.4 13.7633 23.4939 16.3837 23.6653C16.2857 21.0939 16.6531 13.7959 23.9755 13.7959C31.1265 13.7959 31.9837 20.9469 31.5673 23.6653C34.4327 23.4694 38.2531 24.8408 38.1796 28.4163C38.1306 30.5959 36.9061 32.5796 30.9306 32.6776L29.4122 36.5224H33.7469C38.302 36.5224 42 32.898 42 28.4163C42 24.449 39.0612 21.1429 35.2163 20.4571Z" />
                                            <path d="M24.4525 32.4525H28.5475L20.3576 42L23.095 35.1899H19L22.8279 27H26.9674L24.4525 32.4525Z" />
                                            <path d="M17.1339 39C14.6421 40.2048 13.0539 40.9715 12.3419 42.1764C11.63 43.3812 12.0681 44.942 13.3003 45.6539C14.5325 46.3659 16.0933 45.9551 16.7779 44.7503C17.4898 43.5181 17.3529 41.7656 17.1339 39Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">Sun</p>
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">10°</span>
                                        <span class="forecast-section__fahrenheit">48.8°</span>
                                    </p>
                                </div>
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M35.2163 20.4571C34.898 14.6286 30 10 24 10C22.751 10 21.5265 10.2204 20.4 10.5878C18.5633 11.1755 17.2408 12.0816 15.9673 13.3306C14.1061 15.1918 12.9306 17.6898 12.7592 20.4571C12.0735 20.5796 11.4367 20.8 10.8245 21.0694C10.751 21.0939 10.6776 21.1429 10.6286 21.1673C10.5551 21.1918 10.5061 21.2408 10.4327 21.2653C10.3837 21.2898 10.3592 21.3143 10.3102 21.3388C10.1143 21.4612 9.89388 21.5837 9.69796 21.7061C8.59592 22.4408 7.66531 23.3959 7.00408 24.5714V24.5959C6.93061 24.7184 6.88163 24.8408 6.80816 24.9388C6.29388 25.9918 6 27.1673 6 28.4163C6 32.7755 9.52653 36.351 13.9347 36.5224C14.0082 36.5224 17.0449 36.5224 18.3184 36.5224C18.6122 36.5224 29.3878 36.5224 31.1265 36.5224H33.7469C38.302 36.5224 42 32.898 42 28.4163C42 24.449 39.0612 21.1429 35.2163 20.4571ZM32.7918 32.7265H32.6204H18.8327H15.551H14.2531C11.8041 32.7265 9.79592 30.7918 9.79592 28.4163C9.79592 24.4 13.7878 23.4939 16.4082 23.6653C16.3102 21.0939 16.6776 13.7959 24 13.7959C31.151 13.7959 32.0082 20.9469 31.5918 23.6653C34.4571 23.4694 38.2041 24.498 38.2041 28.4163C38.2041 30.5959 36.6612 32.7265 32.7918 32.7265Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">Mon</p>
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">10°</span>
                                        <span class="forecast-section__fahrenheit">48.8°</span>
                                    </p>
                                </div>
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M35.2163 20.4571C34.898 14.6286 30 10 24 10C22.751 10 21.5265 10.2204 20.4 10.5878C18.5633 11.1755 17.2408 12.0816 15.9673 13.3306C14.1061 15.1918 12.9306 17.6898 12.7592 20.4571C12.0735 20.5796 11.4367 20.8 10.8245 21.0694C10.751 21.0939 10.6776 21.1429 10.6286 21.1673C10.5551 21.1918 10.5061 21.2408 10.4327 21.2653C10.3837 21.2898 10.3592 21.3143 10.3102 21.3388C10.1143 21.4612 9.89388 21.5837 9.69796 21.7061C8.59592 22.4408 7.66531 23.3959 7.00408 24.5714V24.5959C6.93061 24.7184 6.88163 24.8408 6.80816 24.9388C6.29388 25.9918 6 27.1673 6 28.4163C6 32.7755 9.52653 36.351 13.9347 36.5224C14.0082 36.5224 17.0449 36.5224 18.3184 36.5224C18.6122 36.5224 29.3878 36.5224 31.1265 36.5224H33.7469C38.302 36.5224 42 32.898 42 28.4163C42 24.449 39.0612 21.1429 35.2163 20.4571ZM32.7918 32.7265H32.6204H18.8327H15.551H14.2531C11.8041 32.7265 9.79592 30.7918 9.79592 28.4163C9.79592 24.4 13.7878 23.4939 16.4082 23.6653C16.3102 21.0939 16.6776 13.7959 24 13.7959C31.151 13.7959 32.0082 20.9469 31.5918 23.6653C34.4571 23.4694 38.2041 24.498 38.2041 28.4163C38.2041 30.5959 36.6612 32.7265 32.7918 32.7265Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">Tues</p>
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">10°</span>
                                        <span class="forecast-section__fahrenheit">48.8°</span>
                                    </p>
                                </div>
                                <div class="forecast-section__forecast-block">
                                    <div class="forecast-section__icon"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M9.594 21H6V18H9.594V21ZM21 11.313V6H18V11.313H21ZM13.8105 12.627L10.5765 9.393L8.4555 11.514L11.6895 14.748L13.8105 12.627V12.627ZM28.002 9.033L24.8295 12.204L26.9505 14.325L30.123 11.154L28.002 9.033V9.033ZM10.452 25.3935L7.155 28.272L9.1095 30.5475L12.4065 27.669L10.452 25.3935V25.3935ZM42 29.583C42 33.126 39.075 36 35.469 36H20.031C16.425 36 13.5 33.126 13.5 29.583C13.5 28.428 13.8165 27.348 14.361 26.4135C12.915 25.053 12 23.1435 12 21C12 16.857 15.357 13.5 19.5 13.5C21.4935 13.5 23.2845 14.292 24.621 15.564C25.5945 15.204 26.646 15 27.75 15C32.5065 15 36.3795 18.6645 36.6315 23.274C39.6825 23.8125 42 26.4315 42 29.583ZM15 21C15 22.29 15.555 23.442 16.4325 24.258C17.16 23.784 17.976 23.4315 18.8685 23.274C19.0005 20.859 20.133 18.711 21.8595 17.205C21.1695 16.773 20.373 16.5 19.5 16.5C17.019 16.5 15 18.519 15 21V21ZM39 29.583C39 26.469 36.0315 25.656 33.7665 25.815C34.0935 23.6565 33.4065 18 27.75 18C21.9375 18 21.657 23.781 21.7335 25.8135C19.656 25.6875 16.5 26.406 16.5 29.583C16.5 31.467 18.084 33 20.031 33H35.4675C37.416 33 39 31.467 39 29.583V29.583Z" />
                                        </svg></div>
                                    <p class="forecast-section__text">Wed</p>
                                    <p class="forecast-section__text">
                                        <span class="forecast-section__celsius">10°</span>
                                        <span class="forecast-section__fahrenheit">48.8°</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="forecast-controls">
            <div class="forecast-controls__button forecast-controls__button--prev js-prev"></div>
            <div class="forecast-controls__button forecast-controls__button--next js-next"></div>
        </div>
        <div class="hero-like" data-module="heroLike">
            <button class="hero-like__button js-module-like-button" data-card-id="1338">
                Save to my board
                <span class="like-button js-heart"><span class="like-button__wave"></span></span>
            </button>
            <div class="hero-like__card-container js-card-container">
                <div class="card-featured bg-inverted js-card-generic has-tags" data-module="card" data-card-id=1338 data-longitude="-5.95577" data-latitude="54.59623">
                    <a href="#" class="card-featured__anchor js-link">
                        <div class="location-marker js-location-marker" data-module="locationMarker" data-longitude="-5.95577" data-latitude="54.59623">
                            <div class="location-marker__text">
                                <span class="location-marker__text-description js-marker-description"></span>
                                <span class="location-marker__distance js-marker-distance"></span>
                            </div>
                        </div>
                        <button class="like-button js-like-button" role="button">
                            <span class="like-button__text"></span>
                            <span class="like-button__wave"></span>
                        </button>
                        <figure class="image js-image  " data-module="imagelazy" data-is-small-image="" data-force-load="true">
                            <img class="image__lowres js-image-lazyload" data-object-fit data-src="https://images.unsplash.com/photo-1528108058346-0457fb78ab00?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;50&amp;q&#x3D;10" alt="Alt Text">
                            <picture class="image__container">
                                <source media="(max-width: 767px)" class="js-small-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1528108058346-0457fb78ab00?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;800&amp;q&#x3D;80" />
                                <source media="(min-width: 768px) and (max-width:1319px)" class="js-medium-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1528108058346-0457fb78ab00?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;1600&amp;q&#x3D;80" />
                                <source media="(min-width: 1320px)" class="js-large-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1528108058346-0457fb78ab00?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;1600&amp;q&#x3D;80" />
                                <img class="js-image-lazyload js-fallback-image" data-object-fit data-src="https://images.unsplash.com/photo-1528108058346-0457fb78ab00?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;1600&amp;q&#x3D;80" alt="Alt Text">
                            </picture>
                        </figure>
                        <p class="card-featured__page-type js-page-type">Accommodation</p>
                        <div class="card-featured__overlay">
                            <time class="card-featured__read-time" datetime="">14 - 18 March</time>
                            <h2 class="card-featured__title js-title">Accom example</h2>
                            <p class="card-featured__location js-location-name">Belfast</p>
                            <div class="hashtags" data-module="hashtags">
                                <ul>
                                    <li><span class="hashtags__link js-hashtag-link" data-tag-name="citybreak" role="button">#Citybreak</span></li>
                                    <li><span class="hashtags__link js-hashtag-link" data-tag-name="adventure" role="button">#Adventure</span></li>
                                    <li><span class="hashtags__link js-hashtag-link" data-tag-name="surfing" role="button">#Surfing</span></li>
                                </ul>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <figcaption class="image__caption">
        <p class="image__description">Weather data provided by Met Éireann, link to license <a href='http://www.google.com'>here</a></p>
    </figcaption>
</div>
<div class="weather-forecast weather-forecast--celsius" data-module="weatherForecast" data-language="{{language}}" data-api-endpoint="{{forecastApiEndpoint}}">
    <div class="weather-forecast__heading">
        <div class="grid-container">
            <div class="grid-x">
                <div class="cell medium-5">
                    <h1 class="weather-forecast__title">{{title}}</h1>
                </div>
                <div class="cell medium-7">
                    <p class="weather-forecast__subtitle">{{subtitle}}</p>
                </div>
            </div>
        </div>
    </div>
    <div class="weather-forecast__content">
        {{> @cp-forecast-warning weatherWarning }}
        {{> @cp-forecast-location forecastLocation}}
        {{> @cp-temperature-switcher}}
        {{#if forecastWheel}}
            <div class="weather-forecast__wheel-wrapper">
                {{> @cp-forecast-wheel}}
            </div>
        {{/if}}
        <div class="js-results-wrapper">
            {{#if forecastSections}}
                {{#each forecastSections}}
                {{> @cp-forecast-section}}
                {{/each}}
            {{/if}}
        </div>
        {{> @cp-forecast-controls}}
        {{#if likeButton}}
            {{> @cp-hero-like-button likeButton}}
        {{/if}}
    </div>
    <figcaption class="image__caption">
        <p class="image__description">{{{ credit }}}</p>
    </figcaption>
</div>
{
  "title": "Ireland's Weather",
  "subtitle": "Ireland has been physically shaped by the Atlantic, with stunning beaches and coastlines. The weather has also shaped our culture, bringing people together through shared experiences, helping us connect to each other and to nature.",
  "forecastApiEndpoint": "/components/preview/cp-forecast-location-results--{0}",
  "credit": "Weather data provided by Met Éireann, link to license <a href='http://www.google.com'>here</a>",
  "language": "en-us",
  "forecastLocation": {
    "label": "Select a city",
    "defaultOption": {
      "label": "Dublin",
      "value": "dublin"
    },
    "options": [
      {
        "label": "Armagh",
        "value": "armagh"
      },
      {
        "label": "Belfast",
        "value": "belfast"
      },
      {
        "label": "Cork",
        "value": "cork"
      },
      {
        "label": "Derry~Londonderry",
        "value": "derrylon"
      },
      {
        "label": "Dublin",
        "value": "default"
      },
      {
        "label": "Galway",
        "value": "galway"
      },
      {
        "label": "Kilkenny",
        "value": "kilkenny"
      },
      {
        "label": "Limerick",
        "value": "limeric"
      },
      {
        "label": "Linsburn",
        "value": "linsburn"
      },
      {
        "label": "Newry",
        "value": "newry"
      },
      {
        "label": "Waterford",
        "value": "waterford"
      }
    ]
  },
  "forecastWheel": [
    "Jan",
    "Feb",
    "Mar",
    "Apr",
    "May",
    "Jun",
    "Jul",
    "Aug",
    "Sep",
    "Oct",
    "Nov",
    "Dec",
    "5 days",
    "6-10 day"
  ],
  "forecastSections": [
    {
      "title": "January",
      "subtitle": "Average weather",
      "weather": {
        "icon": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 53'><path d='M6.2 26.5H0v-5.3h6.2v5.3zM25.833 9.381V0h-5.166v9.381h5.166zM13.46 11.713L7.88 5.989 4.237 9.752l5.58 5.724 3.642-3.763zm24.439-6.36l-5.451 5.591 3.642 3.737L41.54 9.09c0 .026-3.642-3.737-3.642-3.737zM7.672 34.264L1.99 39.352l3.359 4.029 5.683-5.089-3.359-4.028zM62 41.658C62 47.912 56.962 53 50.763 53H24.154c-6.2 0-11.237-5.088-11.237-11.342 0-2.04.542-3.949 1.472-5.592-2.48-2.411-4.056-5.777-4.056-9.566 0-7.314 5.787-13.25 12.917-13.25 3.436 0 6.51 1.405 8.81 3.657a15.177 15.177 0 015.398-1.007c8.19 0 14.855 6.466 15.294 14.628 5.244.928 9.248 5.565 9.248 11.13zM15.5 26.5c0 2.279.956 4.32 2.454 5.75 1.266-.848 2.661-1.457 4.185-1.748a15.543 15.543 0 015.141-10.733c-1.163-.742-2.532-1.219-4.03-1.219-4.262 0-7.75 3.578-7.75 7.95zm41.333 15.158c0-5.512-5.115-6.943-9.015-6.651.568-3.816-.62-13.807-10.36-13.807-10.023 0-10.488 10.203-10.359 13.807-3.59-.239-9.016 1.033-9.016 6.651 0 3.339 2.739 6.042 6.071 6.042h26.583c3.358 0 6.096-2.703 6.096-6.042z'/></svg>",
        "text": "Mostly sunny with some clouds"
      },
      "temperature": {
        "averageCelsius": "53.6°",
        "averageFahrenheit": "50°",
        "rangeCelsius": "9°/12°",
        "rangeFahrenheit": "48.2°/53.6°"
      },
      "showLocation": false,
      "weekForecast": null,
      "informationItems": [
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.1035 25.5H6V22.5H12.1035C12.042 22.992 12 23.4915 12 24C12 24.5085 12.042 25.008 12.1035 25.5ZM16.6545 14.532L12.333 10.2105L10.212 12.3315L14.5335 16.653C15.15 15.8595 15.861 15.1485 16.6545 14.532V14.532ZM33.468 16.653L37.7895 12.3315L35.6685 10.2105L31.347 14.532C32.139 15.1485 32.85 15.861 33.468 16.653V16.653ZM24 12C24.5085 12 25.008 12.042 25.5 12.1035V6H22.5V12.1035C22.992 12.042 23.4915 12 24 12V12ZM24 36C23.4915 36 22.992 35.958 22.5 35.8965V42H25.5V35.8965C25.008 35.958 24.5085 36 24 36ZM35.8965 22.5C35.958 22.992 36 23.4915 36 24C36 24.5085 35.958 25.008 35.8965 25.5H42V22.5H35.8965ZM31.347 33.468L35.667 37.788L37.7895 35.667L33.4695 31.347C32.8515 32.139 32.1405 32.85 31.347 33.468ZM14.532 31.3455L10.212 35.6655L12.333 37.7865L16.653 33.4665C15.861 32.85 15.1485 32.139 14.532 31.3455ZM18 24C18 27.309 20.691 30 24 30C27.309 30 30 27.309 30 24C30 20.691 27.309 18 24 18C20.691 18 18 20.691 18 24V24ZM33 24C33 28.971 28.971 33 24 33C19.029 33 15 28.971 15 24C15 19.029 19.029 15 24 15C28.971 15 33 19.029 33 24V24Z\"/></svg>",
          "text": "8hrs of sun per day"
        },
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M22.5 21H6V18H22.5C23.325 18 24 17.325 24 16.5C24 15.675 23.325 15 22.5 15C21.9 15 21.375 15.36 21.15 15.885L18.525 14.445C19.275 13.005 20.76 12 22.5 12C28.455 12 28.455 21 22.5 21ZM33 31.5C33 29.01 30.99 27 28.5 27H6V30H28.5C29.325 30 30 30.675 30 31.5C30 32.325 29.325 33 28.5 33C27.9 33 27.375 32.64 27.15 32.115L24.525 33.555C25.275 34.995 26.76 36 28.5 36C30.99 36 33 33.99 33 31.5ZM34.515 20.01C34.65 18.885 35.595 18 36.75 18C37.995 18 39 19.005 39 20.25C39 21.495 37.995 22.5 36.75 22.5H6V25.5H36.75C39.645 25.5 42 23.145 42 20.25C42 17.355 39.645 15 36.75 15C34.32 15 32.28 16.68 31.695 18.93L34.515 20.01Z\"/>\n</svg>",
          "text": "Wind 10% likely"
        },
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M35.2163 20.7722C34.898 14.768 30 10 24 10C22.751 10 21.5265 10.227 20.4 10.6055C18.5633 11.2109 17.2408 12.1444 15.9673 13.431C14.1061 15.3483 12.9306 17.9215 12.7592 20.7722C12.0735 20.8984 11.4367 21.1254 10.8245 21.4029C10.751 21.4282 10.6776 21.4786 10.6286 21.5039C10.5551 21.5291 10.5061 21.5795 10.4327 21.6048C10.3837 21.63 10.3592 21.6552 10.3102 21.6804C10.1143 21.8066 9.89388 21.9327 9.69796 22.0589C8.59592 22.8157 7.66531 23.7996 7.00408 25.0105V25.0357C6.93061 25.1619 6.88163 25.288 6.80816 25.3889C6.29388 26.4737 6 27.6847 6 28.9713C6 33.5879 9.67347 37.3217 14.2286 37.3217L15.9184 33.4114H14.2286C11.7796 33.4114 9.77143 31.4184 9.77143 28.9713C9.77143 24.8339 13.7633 23.9005 16.3837 24.0771C16.2857 21.4282 16.6531 13.9103 23.9755 13.9103C31.1265 13.9103 31.9837 21.2768 31.5673 24.0771C34.4327 23.8753 38.1796 24.9348 38.1796 28.9713C38.1796 31.2165 36.9306 33.3609 32.6449 33.3609L31.1265 37.3217H33.7469C38.302 37.3217 42 33.5879 42 28.9713C42 24.8844 39.0612 21.4786 35.2163 20.7722Z\"/>\n<path d=\"M28.8104 29C25.9812 30.4358 24.1713 31.3144 23.3808 32.7288C22.5903 34.1432 23.0687 35.9647 24.4625 36.8005C25.8564 37.6363 27.6246 37.1434 28.4151 35.729C29.2056 34.2932 29.0392 32.2574 28.8104 29Z\"/>\n<path d=\"M20.8104 36C17.9604 37.4272 16.1713 38.3137 15.3808 39.7409C14.5903 41.1681 15.0687 43.0061 16.4625 43.8494C17.8564 44.6928 19.6246 44.1954 20.4151 42.7682C21.2056 41.3411 21.0392 39.2868 20.8104 36Z\"/></svg>",
          "text": "11 rainy days"
        }
      ],
      "backgroundResponsiveImage": {
        "altText": "Alt Text",
        "lowResolutionUrl": "https://images.unsplash.com/photo-1485395578879-6ba080c9cdba?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=100&q=10",
        "fallbackImageUrl": "https://images.unsplash.com/photo-1485395578879-6ba080c9cdba?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2100&q=80",
        "sources": [
          {
            "type": "image/jpeg",
            "largeUrl": "https://images.unsplash.com/photo-1485395578879-6ba080c9cdba?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2100&q=80",
            "smallUrl": "https://images.unsplash.com/photo-1485395578879-6ba080c9cdba?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=640&q=80"
          }
        ]
      },
      "isDefault": false
    },
    {
      "title": "February",
      "subtitle": "Average weather",
      "weather": {
        "icon": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 53'><path d='M6.2 26.5H0v-5.3h6.2v5.3zM25.833 9.381V0h-5.166v9.381h5.166zM13.46 11.713L7.88 5.989 4.237 9.752l5.58 5.724 3.642-3.763zm24.439-6.36l-5.451 5.591 3.642 3.737L41.54 9.09c0 .026-3.642-3.737-3.642-3.737zM7.672 34.264L1.99 39.352l3.359 4.029 5.683-5.089-3.359-4.028zM62 41.658C62 47.912 56.962 53 50.763 53H24.154c-6.2 0-11.237-5.088-11.237-11.342 0-2.04.542-3.949 1.472-5.592-2.48-2.411-4.056-5.777-4.056-9.566 0-7.314 5.787-13.25 12.917-13.25 3.436 0 6.51 1.405 8.81 3.657a15.177 15.177 0 015.398-1.007c8.19 0 14.855 6.466 15.294 14.628 5.244.928 9.248 5.565 9.248 11.13zM15.5 26.5c0 2.279.956 4.32 2.454 5.75 1.266-.848 2.661-1.457 4.185-1.748a15.543 15.543 0 015.141-10.733c-1.163-.742-2.532-1.219-4.03-1.219-4.262 0-7.75 3.578-7.75 7.95zm41.333 15.158c0-5.512-5.115-6.943-9.015-6.651.568-3.816-.62-13.807-10.36-13.807-10.023 0-10.488 10.203-10.359 13.807-3.59-.239-9.016 1.033-9.016 6.651 0 3.339 2.739 6.042 6.071 6.042h26.583c3.358 0 6.096-2.703 6.096-6.042z'/></svg>",
        "text": "Mostly sunny with some clouds"
      },
      "temperature": {
        "averageCelsius": "10°",
        "averageFahrenheit": "50°",
        "rangeCelsius": "9°/12°",
        "rangeFahrenheit": "48.2°/53.6°"
      },
      "showLocation": false,
      "weekForecast": null,
      "informationItems": [
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.1035 25.5H6V22.5H12.1035C12.042 22.992 12 23.4915 12 24C12 24.5085 12.042 25.008 12.1035 25.5ZM16.6545 14.532L12.333 10.2105L10.212 12.3315L14.5335 16.653C15.15 15.8595 15.861 15.1485 16.6545 14.532V14.532ZM33.468 16.653L37.7895 12.3315L35.6685 10.2105L31.347 14.532C32.139 15.1485 32.85 15.861 33.468 16.653V16.653ZM24 12C24.5085 12 25.008 12.042 25.5 12.1035V6H22.5V12.1035C22.992 12.042 23.4915 12 24 12V12ZM24 36C23.4915 36 22.992 35.958 22.5 35.8965V42H25.5V35.8965C25.008 35.958 24.5085 36 24 36ZM35.8965 22.5C35.958 22.992 36 23.4915 36 24C36 24.5085 35.958 25.008 35.8965 25.5H42V22.5H35.8965ZM31.347 33.468L35.667 37.788L37.7895 35.667L33.4695 31.347C32.8515 32.139 32.1405 32.85 31.347 33.468ZM14.532 31.3455L10.212 35.6655L12.333 37.7865L16.653 33.4665C15.861 32.85 15.1485 32.139 14.532 31.3455ZM18 24C18 27.309 20.691 30 24 30C27.309 30 30 27.309 30 24C30 20.691 27.309 18 24 18C20.691 18 18 20.691 18 24V24ZM33 24C33 28.971 28.971 33 24 33C19.029 33 15 28.971 15 24C15 19.029 19.029 15 24 15C28.971 15 33 19.029 33 24V24Z\"/></svg>",
          "text": "8hrs of sun per day"
        },
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M22.5 21H6V18H22.5C23.325 18 24 17.325 24 16.5C24 15.675 23.325 15 22.5 15C21.9 15 21.375 15.36 21.15 15.885L18.525 14.445C19.275 13.005 20.76 12 22.5 12C28.455 12 28.455 21 22.5 21ZM33 31.5C33 29.01 30.99 27 28.5 27H6V30H28.5C29.325 30 30 30.675 30 31.5C30 32.325 29.325 33 28.5 33C27.9 33 27.375 32.64 27.15 32.115L24.525 33.555C25.275 34.995 26.76 36 28.5 36C30.99 36 33 33.99 33 31.5ZM34.515 20.01C34.65 18.885 35.595 18 36.75 18C37.995 18 39 19.005 39 20.25C39 21.495 37.995 22.5 36.75 22.5H6V25.5H36.75C39.645 25.5 42 23.145 42 20.25C42 17.355 39.645 15 36.75 15C34.32 15 32.28 16.68 31.695 18.93L34.515 20.01Z\"/>\n</svg>",
          "text": "Wind 10% likely"
        },
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M35.2163 20.7722C34.898 14.768 30 10 24 10C22.751 10 21.5265 10.227 20.4 10.6055C18.5633 11.2109 17.2408 12.1444 15.9673 13.431C14.1061 15.3483 12.9306 17.9215 12.7592 20.7722C12.0735 20.8984 11.4367 21.1254 10.8245 21.4029C10.751 21.4282 10.6776 21.4786 10.6286 21.5039C10.5551 21.5291 10.5061 21.5795 10.4327 21.6048C10.3837 21.63 10.3592 21.6552 10.3102 21.6804C10.1143 21.8066 9.89388 21.9327 9.69796 22.0589C8.59592 22.8157 7.66531 23.7996 7.00408 25.0105V25.0357C6.93061 25.1619 6.88163 25.288 6.80816 25.3889C6.29388 26.4737 6 27.6847 6 28.9713C6 33.5879 9.67347 37.3217 14.2286 37.3217L15.9184 33.4114H14.2286C11.7796 33.4114 9.77143 31.4184 9.77143 28.9713C9.77143 24.8339 13.7633 23.9005 16.3837 24.0771C16.2857 21.4282 16.6531 13.9103 23.9755 13.9103C31.1265 13.9103 31.9837 21.2768 31.5673 24.0771C34.4327 23.8753 38.1796 24.9348 38.1796 28.9713C38.1796 31.2165 36.9306 33.3609 32.6449 33.3609L31.1265 37.3217H33.7469C38.302 37.3217 42 33.5879 42 28.9713C42 24.8844 39.0612 21.4786 35.2163 20.7722Z\"/>\n<path d=\"M28.8104 29C25.9812 30.4358 24.1713 31.3144 23.3808 32.7288C22.5903 34.1432 23.0687 35.9647 24.4625 36.8005C25.8564 37.6363 27.6246 37.1434 28.4151 35.729C29.2056 34.2932 29.0392 32.2574 28.8104 29Z\"/>\n<path d=\"M20.8104 36C17.9604 37.4272 16.1713 38.3137 15.3808 39.7409C14.5903 41.1681 15.0687 43.0061 16.4625 43.8494C17.8564 44.6928 19.6246 44.1954 20.4151 42.7682C21.2056 41.3411 21.0392 39.2868 20.8104 36Z\"/></svg>",
          "text": "11 rainy days"
        }
      ],
      "backgroundResponsiveImage": {
        "altText": "Alt Text",
        "lowResolutionUrl": "https://images.unsplash.com/photo-1451337516015-6b6e9a44a8a3?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=100&q=10",
        "fallbackImageUrl": "https://images.unsplash.com/photo-1451337516015-6b6e9a44a8a3?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2100&q=80",
        "sources": [
          {
            "type": "image/jpeg",
            "largeUrl": "https://images.unsplash.com/photo-1451337516015-6b6e9a44a8a3?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2100&q=80",
            "smallUrl": "https://images.unsplash.com/photo-1451337516015-6b6e9a44a8a3?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=640&q=80"
          }
        ]
      },
      "isDefault": false
    },
    {
      "title": "March",
      "subtitle": "Average weather",
      "weather": {
        "icon": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 53'><path d='M6.2 26.5H0v-5.3h6.2v5.3zM25.833 9.381V0h-5.166v9.381h5.166zM13.46 11.713L7.88 5.989 4.237 9.752l5.58 5.724 3.642-3.763zm24.439-6.36l-5.451 5.591 3.642 3.737L41.54 9.09c0 .026-3.642-3.737-3.642-3.737zM7.672 34.264L1.99 39.352l3.359 4.029 5.683-5.089-3.359-4.028zM62 41.658C62 47.912 56.962 53 50.763 53H24.154c-6.2 0-11.237-5.088-11.237-11.342 0-2.04.542-3.949 1.472-5.592-2.48-2.411-4.056-5.777-4.056-9.566 0-7.314 5.787-13.25 12.917-13.25 3.436 0 6.51 1.405 8.81 3.657a15.177 15.177 0 015.398-1.007c8.19 0 14.855 6.466 15.294 14.628 5.244.928 9.248 5.565 9.248 11.13zM15.5 26.5c0 2.279.956 4.32 2.454 5.75 1.266-.848 2.661-1.457 4.185-1.748a15.543 15.543 0 015.141-10.733c-1.163-.742-2.532-1.219-4.03-1.219-4.262 0-7.75 3.578-7.75 7.95zm41.333 15.158c0-5.512-5.115-6.943-9.015-6.651.568-3.816-.62-13.807-10.36-13.807-10.023 0-10.488 10.203-10.359 13.807-3.59-.239-9.016 1.033-9.016 6.651 0 3.339 2.739 6.042 6.071 6.042h26.583c3.358 0 6.096-2.703 6.096-6.042z'/></svg>",
        "text": "Mostly sunny with some clouds"
      },
      "temperature": {
        "averageCelsius": "10°",
        "averageFahrenheit": "50°",
        "rangeCelsius": "9°/12°",
        "rangeFahrenheit": "48.2°/53.6°"
      },
      "showLocation": false,
      "weekForecast": null,
      "informationItems": [
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.1035 25.5H6V22.5H12.1035C12.042 22.992 12 23.4915 12 24C12 24.5085 12.042 25.008 12.1035 25.5ZM16.6545 14.532L12.333 10.2105L10.212 12.3315L14.5335 16.653C15.15 15.8595 15.861 15.1485 16.6545 14.532V14.532ZM33.468 16.653L37.7895 12.3315L35.6685 10.2105L31.347 14.532C32.139 15.1485 32.85 15.861 33.468 16.653V16.653ZM24 12C24.5085 12 25.008 12.042 25.5 12.1035V6H22.5V12.1035C22.992 12.042 23.4915 12 24 12V12ZM24 36C23.4915 36 22.992 35.958 22.5 35.8965V42H25.5V35.8965C25.008 35.958 24.5085 36 24 36ZM35.8965 22.5C35.958 22.992 36 23.4915 36 24C36 24.5085 35.958 25.008 35.8965 25.5H42V22.5H35.8965ZM31.347 33.468L35.667 37.788L37.7895 35.667L33.4695 31.347C32.8515 32.139 32.1405 32.85 31.347 33.468ZM14.532 31.3455L10.212 35.6655L12.333 37.7865L16.653 33.4665C15.861 32.85 15.1485 32.139 14.532 31.3455ZM18 24C18 27.309 20.691 30 24 30C27.309 30 30 27.309 30 24C30 20.691 27.309 18 24 18C20.691 18 18 20.691 18 24V24ZM33 24C33 28.971 28.971 33 24 33C19.029 33 15 28.971 15 24C15 19.029 19.029 15 24 15C28.971 15 33 19.029 33 24V24Z\"/></svg>",
          "text": "8hrs of sun per day"
        },
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M22.5 21H6V18H22.5C23.325 18 24 17.325 24 16.5C24 15.675 23.325 15 22.5 15C21.9 15 21.375 15.36 21.15 15.885L18.525 14.445C19.275 13.005 20.76 12 22.5 12C28.455 12 28.455 21 22.5 21ZM33 31.5C33 29.01 30.99 27 28.5 27H6V30H28.5C29.325 30 30 30.675 30 31.5C30 32.325 29.325 33 28.5 33C27.9 33 27.375 32.64 27.15 32.115L24.525 33.555C25.275 34.995 26.76 36 28.5 36C30.99 36 33 33.99 33 31.5ZM34.515 20.01C34.65 18.885 35.595 18 36.75 18C37.995 18 39 19.005 39 20.25C39 21.495 37.995 22.5 36.75 22.5H6V25.5H36.75C39.645 25.5 42 23.145 42 20.25C42 17.355 39.645 15 36.75 15C34.32 15 32.28 16.68 31.695 18.93L34.515 20.01Z\"/>\n</svg>",
          "text": "Wind 10% likely"
        },
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M35.2163 20.7722C34.898 14.768 30 10 24 10C22.751 10 21.5265 10.227 20.4 10.6055C18.5633 11.2109 17.2408 12.1444 15.9673 13.431C14.1061 15.3483 12.9306 17.9215 12.7592 20.7722C12.0735 20.8984 11.4367 21.1254 10.8245 21.4029C10.751 21.4282 10.6776 21.4786 10.6286 21.5039C10.5551 21.5291 10.5061 21.5795 10.4327 21.6048C10.3837 21.63 10.3592 21.6552 10.3102 21.6804C10.1143 21.8066 9.89388 21.9327 9.69796 22.0589C8.59592 22.8157 7.66531 23.7996 7.00408 25.0105V25.0357C6.93061 25.1619 6.88163 25.288 6.80816 25.3889C6.29388 26.4737 6 27.6847 6 28.9713C6 33.5879 9.67347 37.3217 14.2286 37.3217L15.9184 33.4114H14.2286C11.7796 33.4114 9.77143 31.4184 9.77143 28.9713C9.77143 24.8339 13.7633 23.9005 16.3837 24.0771C16.2857 21.4282 16.6531 13.9103 23.9755 13.9103C31.1265 13.9103 31.9837 21.2768 31.5673 24.0771C34.4327 23.8753 38.1796 24.9348 38.1796 28.9713C38.1796 31.2165 36.9306 33.3609 32.6449 33.3609L31.1265 37.3217H33.7469C38.302 37.3217 42 33.5879 42 28.9713C42 24.8844 39.0612 21.4786 35.2163 20.7722Z\"/>\n<path d=\"M28.8104 29C25.9812 30.4358 24.1713 31.3144 23.3808 32.7288C22.5903 34.1432 23.0687 35.9647 24.4625 36.8005C25.8564 37.6363 27.6246 37.1434 28.4151 35.729C29.2056 34.2932 29.0392 32.2574 28.8104 29Z\"/>\n<path d=\"M20.8104 36C17.9604 37.4272 16.1713 38.3137 15.3808 39.7409C14.5903 41.1681 15.0687 43.0061 16.4625 43.8494C17.8564 44.6928 19.6246 44.1954 20.4151 42.7682C21.2056 41.3411 21.0392 39.2868 20.8104 36Z\"/></svg>",
          "text": "11 rainy days"
        }
      ],
      "backgroundResponsiveImage": {
        "altText": "Alt Text",
        "lowResolutionUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=100&q=10",
        "fallbackImageUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=2100&q=80",
        "sources": [
          {
            "type": "image/jpeg",
            "largeUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=2100&q=80",
            "smallUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=640&q=80"
          }
        ]
      }
    },
    {
      "title": "April",
      "subtitle": "Average weather",
      "weather": {
        "icon": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 53'><path d='M6.2 26.5H0v-5.3h6.2v5.3zM25.833 9.381V0h-5.166v9.381h5.166zM13.46 11.713L7.88 5.989 4.237 9.752l5.58 5.724 3.642-3.763zm24.439-6.36l-5.451 5.591 3.642 3.737L41.54 9.09c0 .026-3.642-3.737-3.642-3.737zM7.672 34.264L1.99 39.352l3.359 4.029 5.683-5.089-3.359-4.028zM62 41.658C62 47.912 56.962 53 50.763 53H24.154c-6.2 0-11.237-5.088-11.237-11.342 0-2.04.542-3.949 1.472-5.592-2.48-2.411-4.056-5.777-4.056-9.566 0-7.314 5.787-13.25 12.917-13.25 3.436 0 6.51 1.405 8.81 3.657a15.177 15.177 0 015.398-1.007c8.19 0 14.855 6.466 15.294 14.628 5.244.928 9.248 5.565 9.248 11.13zM15.5 26.5c0 2.279.956 4.32 2.454 5.75 1.266-.848 2.661-1.457 4.185-1.748a15.543 15.543 0 015.141-10.733c-1.163-.742-2.532-1.219-4.03-1.219-4.262 0-7.75 3.578-7.75 7.95zm41.333 15.158c0-5.512-5.115-6.943-9.015-6.651.568-3.816-.62-13.807-10.36-13.807-10.023 0-10.488 10.203-10.359 13.807-3.59-.239-9.016 1.033-9.016 6.651 0 3.339 2.739 6.042 6.071 6.042h26.583c3.358 0 6.096-2.703 6.096-6.042z'/></svg>",
        "text": "Mostly sunny with some clouds"
      },
      "temperature": {
        "averageCelsius": "10°",
        "averageFahrenheit": "50°",
        "rangeCelsius": "9°/12°",
        "rangeFahrenheit": "48.2°/53.6°"
      },
      "showLocation": false,
      "weekForecast": null,
      "informationItems": [
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.1035 25.5H6V22.5H12.1035C12.042 22.992 12 23.4915 12 24C12 24.5085 12.042 25.008 12.1035 25.5ZM16.6545 14.532L12.333 10.2105L10.212 12.3315L14.5335 16.653C15.15 15.8595 15.861 15.1485 16.6545 14.532V14.532ZM33.468 16.653L37.7895 12.3315L35.6685 10.2105L31.347 14.532C32.139 15.1485 32.85 15.861 33.468 16.653V16.653ZM24 12C24.5085 12 25.008 12.042 25.5 12.1035V6H22.5V12.1035C22.992 12.042 23.4915 12 24 12V12ZM24 36C23.4915 36 22.992 35.958 22.5 35.8965V42H25.5V35.8965C25.008 35.958 24.5085 36 24 36ZM35.8965 22.5C35.958 22.992 36 23.4915 36 24C36 24.5085 35.958 25.008 35.8965 25.5H42V22.5H35.8965ZM31.347 33.468L35.667 37.788L37.7895 35.667L33.4695 31.347C32.8515 32.139 32.1405 32.85 31.347 33.468ZM14.532 31.3455L10.212 35.6655L12.333 37.7865L16.653 33.4665C15.861 32.85 15.1485 32.139 14.532 31.3455ZM18 24C18 27.309 20.691 30 24 30C27.309 30 30 27.309 30 24C30 20.691 27.309 18 24 18C20.691 18 18 20.691 18 24V24ZM33 24C33 28.971 28.971 33 24 33C19.029 33 15 28.971 15 24C15 19.029 19.029 15 24 15C28.971 15 33 19.029 33 24V24Z\"/></svg>",
          "text": "8hrs of sun per day"
        },
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M22.5 21H6V18H22.5C23.325 18 24 17.325 24 16.5C24 15.675 23.325 15 22.5 15C21.9 15 21.375 15.36 21.15 15.885L18.525 14.445C19.275 13.005 20.76 12 22.5 12C28.455 12 28.455 21 22.5 21ZM33 31.5C33 29.01 30.99 27 28.5 27H6V30H28.5C29.325 30 30 30.675 30 31.5C30 32.325 29.325 33 28.5 33C27.9 33 27.375 32.64 27.15 32.115L24.525 33.555C25.275 34.995 26.76 36 28.5 36C30.99 36 33 33.99 33 31.5ZM34.515 20.01C34.65 18.885 35.595 18 36.75 18C37.995 18 39 19.005 39 20.25C39 21.495 37.995 22.5 36.75 22.5H6V25.5H36.75C39.645 25.5 42 23.145 42 20.25C42 17.355 39.645 15 36.75 15C34.32 15 32.28 16.68 31.695 18.93L34.515 20.01Z\"/>\n</svg>",
          "text": "Wind 10% likely"
        },
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M35.2163 20.7722C34.898 14.768 30 10 24 10C22.751 10 21.5265 10.227 20.4 10.6055C18.5633 11.2109 17.2408 12.1444 15.9673 13.431C14.1061 15.3483 12.9306 17.9215 12.7592 20.7722C12.0735 20.8984 11.4367 21.1254 10.8245 21.4029C10.751 21.4282 10.6776 21.4786 10.6286 21.5039C10.5551 21.5291 10.5061 21.5795 10.4327 21.6048C10.3837 21.63 10.3592 21.6552 10.3102 21.6804C10.1143 21.8066 9.89388 21.9327 9.69796 22.0589C8.59592 22.8157 7.66531 23.7996 7.00408 25.0105V25.0357C6.93061 25.1619 6.88163 25.288 6.80816 25.3889C6.29388 26.4737 6 27.6847 6 28.9713C6 33.5879 9.67347 37.3217 14.2286 37.3217L15.9184 33.4114H14.2286C11.7796 33.4114 9.77143 31.4184 9.77143 28.9713C9.77143 24.8339 13.7633 23.9005 16.3837 24.0771C16.2857 21.4282 16.6531 13.9103 23.9755 13.9103C31.1265 13.9103 31.9837 21.2768 31.5673 24.0771C34.4327 23.8753 38.1796 24.9348 38.1796 28.9713C38.1796 31.2165 36.9306 33.3609 32.6449 33.3609L31.1265 37.3217H33.7469C38.302 37.3217 42 33.5879 42 28.9713C42 24.8844 39.0612 21.4786 35.2163 20.7722Z\"/>\n<path d=\"M28.8104 29C25.9812 30.4358 24.1713 31.3144 23.3808 32.7288C22.5903 34.1432 23.0687 35.9647 24.4625 36.8005C25.8564 37.6363 27.6246 37.1434 28.4151 35.729C29.2056 34.2932 29.0392 32.2574 28.8104 29Z\"/>\n<path d=\"M20.8104 36C17.9604 37.4272 16.1713 38.3137 15.3808 39.7409C14.5903 41.1681 15.0687 43.0061 16.4625 43.8494C17.8564 44.6928 19.6246 44.1954 20.4151 42.7682C21.2056 41.3411 21.0392 39.2868 20.8104 36Z\"/></svg>",
          "text": "11 rainy days"
        }
      ],
      "backgroundResponsiveImage": {
        "altText": "Alt Text",
        "lowResolutionUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=100&q=10",
        "fallbackImageUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=2100&q=80",
        "sources": [
          {
            "type": "image/jpeg",
            "largeUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=2100&q=80",
            "smallUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=640&q=80"
          }
        ]
      },
      "isDefault": false
    },
    {
      "title": "May",
      "subtitle": "Average weather",
      "weather": {
        "icon": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 53'><path d='M6.2 26.5H0v-5.3h6.2v5.3zM25.833 9.381V0h-5.166v9.381h5.166zM13.46 11.713L7.88 5.989 4.237 9.752l5.58 5.724 3.642-3.763zm24.439-6.36l-5.451 5.591 3.642 3.737L41.54 9.09c0 .026-3.642-3.737-3.642-3.737zM7.672 34.264L1.99 39.352l3.359 4.029 5.683-5.089-3.359-4.028zM62 41.658C62 47.912 56.962 53 50.763 53H24.154c-6.2 0-11.237-5.088-11.237-11.342 0-2.04.542-3.949 1.472-5.592-2.48-2.411-4.056-5.777-4.056-9.566 0-7.314 5.787-13.25 12.917-13.25 3.436 0 6.51 1.405 8.81 3.657a15.177 15.177 0 015.398-1.007c8.19 0 14.855 6.466 15.294 14.628 5.244.928 9.248 5.565 9.248 11.13zM15.5 26.5c0 2.279.956 4.32 2.454 5.75 1.266-.848 2.661-1.457 4.185-1.748a15.543 15.543 0 015.141-10.733c-1.163-.742-2.532-1.219-4.03-1.219-4.262 0-7.75 3.578-7.75 7.95zm41.333 15.158c0-5.512-5.115-6.943-9.015-6.651.568-3.816-.62-13.807-10.36-13.807-10.023 0-10.488 10.203-10.359 13.807-3.59-.239-9.016 1.033-9.016 6.651 0 3.339 2.739 6.042 6.071 6.042h26.583c3.358 0 6.096-2.703 6.096-6.042z'/></svg>",
        "text": "Mostly sunny with some clouds"
      },
      "temperature": {
        "averageCelsius": "10°",
        "averageFahrenheit": "50°",
        "rangeCelsius": "9°/12°",
        "rangeFahrenheit": "48.2°/53.6°"
      },
      "showLocation": false,
      "weekForecast": null,
      "informationItems": [
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.1035 25.5H6V22.5H12.1035C12.042 22.992 12 23.4915 12 24C12 24.5085 12.042 25.008 12.1035 25.5ZM16.6545 14.532L12.333 10.2105L10.212 12.3315L14.5335 16.653C15.15 15.8595 15.861 15.1485 16.6545 14.532V14.532ZM33.468 16.653L37.7895 12.3315L35.6685 10.2105L31.347 14.532C32.139 15.1485 32.85 15.861 33.468 16.653V16.653ZM24 12C24.5085 12 25.008 12.042 25.5 12.1035V6H22.5V12.1035C22.992 12.042 23.4915 12 24 12V12ZM24 36C23.4915 36 22.992 35.958 22.5 35.8965V42H25.5V35.8965C25.008 35.958 24.5085 36 24 36ZM35.8965 22.5C35.958 22.992 36 23.4915 36 24C36 24.5085 35.958 25.008 35.8965 25.5H42V22.5H35.8965ZM31.347 33.468L35.667 37.788L37.7895 35.667L33.4695 31.347C32.8515 32.139 32.1405 32.85 31.347 33.468ZM14.532 31.3455L10.212 35.6655L12.333 37.7865L16.653 33.4665C15.861 32.85 15.1485 32.139 14.532 31.3455ZM18 24C18 27.309 20.691 30 24 30C27.309 30 30 27.309 30 24C30 20.691 27.309 18 24 18C20.691 18 18 20.691 18 24V24ZM33 24C33 28.971 28.971 33 24 33C19.029 33 15 28.971 15 24C15 19.029 19.029 15 24 15C28.971 15 33 19.029 33 24V24Z\"/></svg>",
          "text": "8hrs of sun per day"
        },
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M22.5 21H6V18H22.5C23.325 18 24 17.325 24 16.5C24 15.675 23.325 15 22.5 15C21.9 15 21.375 15.36 21.15 15.885L18.525 14.445C19.275 13.005 20.76 12 22.5 12C28.455 12 28.455 21 22.5 21ZM33 31.5C33 29.01 30.99 27 28.5 27H6V30H28.5C29.325 30 30 30.675 30 31.5C30 32.325 29.325 33 28.5 33C27.9 33 27.375 32.64 27.15 32.115L24.525 33.555C25.275 34.995 26.76 36 28.5 36C30.99 36 33 33.99 33 31.5ZM34.515 20.01C34.65 18.885 35.595 18 36.75 18C37.995 18 39 19.005 39 20.25C39 21.495 37.995 22.5 36.75 22.5H6V25.5H36.75C39.645 25.5 42 23.145 42 20.25C42 17.355 39.645 15 36.75 15C34.32 15 32.28 16.68 31.695 18.93L34.515 20.01Z\"/>\n</svg>",
          "text": "Wind 10% likely"
        },
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M35.2163 20.7722C34.898 14.768 30 10 24 10C22.751 10 21.5265 10.227 20.4 10.6055C18.5633 11.2109 17.2408 12.1444 15.9673 13.431C14.1061 15.3483 12.9306 17.9215 12.7592 20.7722C12.0735 20.8984 11.4367 21.1254 10.8245 21.4029C10.751 21.4282 10.6776 21.4786 10.6286 21.5039C10.5551 21.5291 10.5061 21.5795 10.4327 21.6048C10.3837 21.63 10.3592 21.6552 10.3102 21.6804C10.1143 21.8066 9.89388 21.9327 9.69796 22.0589C8.59592 22.8157 7.66531 23.7996 7.00408 25.0105V25.0357C6.93061 25.1619 6.88163 25.288 6.80816 25.3889C6.29388 26.4737 6 27.6847 6 28.9713C6 33.5879 9.67347 37.3217 14.2286 37.3217L15.9184 33.4114H14.2286C11.7796 33.4114 9.77143 31.4184 9.77143 28.9713C9.77143 24.8339 13.7633 23.9005 16.3837 24.0771C16.2857 21.4282 16.6531 13.9103 23.9755 13.9103C31.1265 13.9103 31.9837 21.2768 31.5673 24.0771C34.4327 23.8753 38.1796 24.9348 38.1796 28.9713C38.1796 31.2165 36.9306 33.3609 32.6449 33.3609L31.1265 37.3217H33.7469C38.302 37.3217 42 33.5879 42 28.9713C42 24.8844 39.0612 21.4786 35.2163 20.7722Z\"/>\n<path d=\"M28.8104 29C25.9812 30.4358 24.1713 31.3144 23.3808 32.7288C22.5903 34.1432 23.0687 35.9647 24.4625 36.8005C25.8564 37.6363 27.6246 37.1434 28.4151 35.729C29.2056 34.2932 29.0392 32.2574 28.8104 29Z\"/>\n<path d=\"M20.8104 36C17.9604 37.4272 16.1713 38.3137 15.3808 39.7409C14.5903 41.1681 15.0687 43.0061 16.4625 43.8494C17.8564 44.6928 19.6246 44.1954 20.4151 42.7682C21.2056 41.3411 21.0392 39.2868 20.8104 36Z\"/></svg>",
          "text": "11 rainy days"
        }
      ],
      "backgroundResponsiveImage": {
        "altText": "Alt Text",
        "lowResolutionUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=100&q=10",
        "fallbackImageUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=2100&q=80",
        "sources": [
          {
            "type": "image/jpeg",
            "largeUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=2100&q=80",
            "smallUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=640&q=80"
          }
        ]
      },
      "isDefault": false
    },
    {
      "title": "June",
      "subtitle": "Average weather",
      "weather": {
        "icon": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 53'><path d='M6.2 26.5H0v-5.3h6.2v5.3zM25.833 9.381V0h-5.166v9.381h5.166zM13.46 11.713L7.88 5.989 4.237 9.752l5.58 5.724 3.642-3.763zm24.439-6.36l-5.451 5.591 3.642 3.737L41.54 9.09c0 .026-3.642-3.737-3.642-3.737zM7.672 34.264L1.99 39.352l3.359 4.029 5.683-5.089-3.359-4.028zM62 41.658C62 47.912 56.962 53 50.763 53H24.154c-6.2 0-11.237-5.088-11.237-11.342 0-2.04.542-3.949 1.472-5.592-2.48-2.411-4.056-5.777-4.056-9.566 0-7.314 5.787-13.25 12.917-13.25 3.436 0 6.51 1.405 8.81 3.657a15.177 15.177 0 015.398-1.007c8.19 0 14.855 6.466 15.294 14.628 5.244.928 9.248 5.565 9.248 11.13zM15.5 26.5c0 2.279.956 4.32 2.454 5.75 1.266-.848 2.661-1.457 4.185-1.748a15.543 15.543 0 015.141-10.733c-1.163-.742-2.532-1.219-4.03-1.219-4.262 0-7.75 3.578-7.75 7.95zm41.333 15.158c0-5.512-5.115-6.943-9.015-6.651.568-3.816-.62-13.807-10.36-13.807-10.023 0-10.488 10.203-10.359 13.807-3.59-.239-9.016 1.033-9.016 6.651 0 3.339 2.739 6.042 6.071 6.042h26.583c3.358 0 6.096-2.703 6.096-6.042z'/></svg>",
        "text": "Mostly sunny with some clouds"
      },
      "temperature": {
        "averageCelsius": "10°",
        "averageFahrenheit": "50°",
        "rangeCelsius": "9°/12°",
        "rangeFahrenheit": "48.2°/53.6°"
      },
      "showLocation": false,
      "weekForecast": null,
      "informationItems": [
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.1035 25.5H6V22.5H12.1035C12.042 22.992 12 23.4915 12 24C12 24.5085 12.042 25.008 12.1035 25.5ZM16.6545 14.532L12.333 10.2105L10.212 12.3315L14.5335 16.653C15.15 15.8595 15.861 15.1485 16.6545 14.532V14.532ZM33.468 16.653L37.7895 12.3315L35.6685 10.2105L31.347 14.532C32.139 15.1485 32.85 15.861 33.468 16.653V16.653ZM24 12C24.5085 12 25.008 12.042 25.5 12.1035V6H22.5V12.1035C22.992 12.042 23.4915 12 24 12V12ZM24 36C23.4915 36 22.992 35.958 22.5 35.8965V42H25.5V35.8965C25.008 35.958 24.5085 36 24 36ZM35.8965 22.5C35.958 22.992 36 23.4915 36 24C36 24.5085 35.958 25.008 35.8965 25.5H42V22.5H35.8965ZM31.347 33.468L35.667 37.788L37.7895 35.667L33.4695 31.347C32.8515 32.139 32.1405 32.85 31.347 33.468ZM14.532 31.3455L10.212 35.6655L12.333 37.7865L16.653 33.4665C15.861 32.85 15.1485 32.139 14.532 31.3455ZM18 24C18 27.309 20.691 30 24 30C27.309 30 30 27.309 30 24C30 20.691 27.309 18 24 18C20.691 18 18 20.691 18 24V24ZM33 24C33 28.971 28.971 33 24 33C19.029 33 15 28.971 15 24C15 19.029 19.029 15 24 15C28.971 15 33 19.029 33 24V24Z\"/></svg>",
          "text": "8hrs of sun per day"
        },
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M22.5 21H6V18H22.5C23.325 18 24 17.325 24 16.5C24 15.675 23.325 15 22.5 15C21.9 15 21.375 15.36 21.15 15.885L18.525 14.445C19.275 13.005 20.76 12 22.5 12C28.455 12 28.455 21 22.5 21ZM33 31.5C33 29.01 30.99 27 28.5 27H6V30H28.5C29.325 30 30 30.675 30 31.5C30 32.325 29.325 33 28.5 33C27.9 33 27.375 32.64 27.15 32.115L24.525 33.555C25.275 34.995 26.76 36 28.5 36C30.99 36 33 33.99 33 31.5ZM34.515 20.01C34.65 18.885 35.595 18 36.75 18C37.995 18 39 19.005 39 20.25C39 21.495 37.995 22.5 36.75 22.5H6V25.5H36.75C39.645 25.5 42 23.145 42 20.25C42 17.355 39.645 15 36.75 15C34.32 15 32.28 16.68 31.695 18.93L34.515 20.01Z\"/>\n</svg>",
          "text": "Wind 10% likely"
        },
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M35.2163 20.7722C34.898 14.768 30 10 24 10C22.751 10 21.5265 10.227 20.4 10.6055C18.5633 11.2109 17.2408 12.1444 15.9673 13.431C14.1061 15.3483 12.9306 17.9215 12.7592 20.7722C12.0735 20.8984 11.4367 21.1254 10.8245 21.4029C10.751 21.4282 10.6776 21.4786 10.6286 21.5039C10.5551 21.5291 10.5061 21.5795 10.4327 21.6048C10.3837 21.63 10.3592 21.6552 10.3102 21.6804C10.1143 21.8066 9.89388 21.9327 9.69796 22.0589C8.59592 22.8157 7.66531 23.7996 7.00408 25.0105V25.0357C6.93061 25.1619 6.88163 25.288 6.80816 25.3889C6.29388 26.4737 6 27.6847 6 28.9713C6 33.5879 9.67347 37.3217 14.2286 37.3217L15.9184 33.4114H14.2286C11.7796 33.4114 9.77143 31.4184 9.77143 28.9713C9.77143 24.8339 13.7633 23.9005 16.3837 24.0771C16.2857 21.4282 16.6531 13.9103 23.9755 13.9103C31.1265 13.9103 31.9837 21.2768 31.5673 24.0771C34.4327 23.8753 38.1796 24.9348 38.1796 28.9713C38.1796 31.2165 36.9306 33.3609 32.6449 33.3609L31.1265 37.3217H33.7469C38.302 37.3217 42 33.5879 42 28.9713C42 24.8844 39.0612 21.4786 35.2163 20.7722Z\"/>\n<path d=\"M28.8104 29C25.9812 30.4358 24.1713 31.3144 23.3808 32.7288C22.5903 34.1432 23.0687 35.9647 24.4625 36.8005C25.8564 37.6363 27.6246 37.1434 28.4151 35.729C29.2056 34.2932 29.0392 32.2574 28.8104 29Z\"/>\n<path d=\"M20.8104 36C17.9604 37.4272 16.1713 38.3137 15.3808 39.7409C14.5903 41.1681 15.0687 43.0061 16.4625 43.8494C17.8564 44.6928 19.6246 44.1954 20.4151 42.7682C21.2056 41.3411 21.0392 39.2868 20.8104 36Z\"/></svg>",
          "text": "11 rainy days"
        }
      ],
      "backgroundResponsiveImage": {
        "altText": "Alt Text",
        "lowResolutionUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=100&q=10",
        "fallbackImageUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=2100&q=80",
        "sources": [
          {
            "type": "image/jpeg",
            "largeUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=2100&q=80",
            "smallUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=640&q=80"
          }
        ]
      },
      "isDefault": false
    },
    {
      "title": "July",
      "subtitle": "Average weather",
      "weather": {
        "icon": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 53'><path d='M6.2 26.5H0v-5.3h6.2v5.3zM25.833 9.381V0h-5.166v9.381h5.166zM13.46 11.713L7.88 5.989 4.237 9.752l5.58 5.724 3.642-3.763zm24.439-6.36l-5.451 5.591 3.642 3.737L41.54 9.09c0 .026-3.642-3.737-3.642-3.737zM7.672 34.264L1.99 39.352l3.359 4.029 5.683-5.089-3.359-4.028zM62 41.658C62 47.912 56.962 53 50.763 53H24.154c-6.2 0-11.237-5.088-11.237-11.342 0-2.04.542-3.949 1.472-5.592-2.48-2.411-4.056-5.777-4.056-9.566 0-7.314 5.787-13.25 12.917-13.25 3.436 0 6.51 1.405 8.81 3.657a15.177 15.177 0 015.398-1.007c8.19 0 14.855 6.466 15.294 14.628 5.244.928 9.248 5.565 9.248 11.13zM15.5 26.5c0 2.279.956 4.32 2.454 5.75 1.266-.848 2.661-1.457 4.185-1.748a15.543 15.543 0 015.141-10.733c-1.163-.742-2.532-1.219-4.03-1.219-4.262 0-7.75 3.578-7.75 7.95zm41.333 15.158c0-5.512-5.115-6.943-9.015-6.651.568-3.816-.62-13.807-10.36-13.807-10.023 0-10.488 10.203-10.359 13.807-3.59-.239-9.016 1.033-9.016 6.651 0 3.339 2.739 6.042 6.071 6.042h26.583c3.358 0 6.096-2.703 6.096-6.042z'/></svg>",
        "text": "Mostly sunny with some clouds"
      },
      "temperature": {
        "averageCelsius": "10°",
        "averageFahrenheit": "50°",
        "rangeCelsius": "9°/12°",
        "rangeFahrenheit": "48.2°/53.6°"
      },
      "showLocation": false,
      "weekForecast": null,
      "informationItems": [
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.1035 25.5H6V22.5H12.1035C12.042 22.992 12 23.4915 12 24C12 24.5085 12.042 25.008 12.1035 25.5ZM16.6545 14.532L12.333 10.2105L10.212 12.3315L14.5335 16.653C15.15 15.8595 15.861 15.1485 16.6545 14.532V14.532ZM33.468 16.653L37.7895 12.3315L35.6685 10.2105L31.347 14.532C32.139 15.1485 32.85 15.861 33.468 16.653V16.653ZM24 12C24.5085 12 25.008 12.042 25.5 12.1035V6H22.5V12.1035C22.992 12.042 23.4915 12 24 12V12ZM24 36C23.4915 36 22.992 35.958 22.5 35.8965V42H25.5V35.8965C25.008 35.958 24.5085 36 24 36ZM35.8965 22.5C35.958 22.992 36 23.4915 36 24C36 24.5085 35.958 25.008 35.8965 25.5H42V22.5H35.8965ZM31.347 33.468L35.667 37.788L37.7895 35.667L33.4695 31.347C32.8515 32.139 32.1405 32.85 31.347 33.468ZM14.532 31.3455L10.212 35.6655L12.333 37.7865L16.653 33.4665C15.861 32.85 15.1485 32.139 14.532 31.3455ZM18 24C18 27.309 20.691 30 24 30C27.309 30 30 27.309 30 24C30 20.691 27.309 18 24 18C20.691 18 18 20.691 18 24V24ZM33 24C33 28.971 28.971 33 24 33C19.029 33 15 28.971 15 24C15 19.029 19.029 15 24 15C28.971 15 33 19.029 33 24V24Z\"/></svg>",
          "text": "8hrs of sun per day"
        },
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M22.5 21H6V18H22.5C23.325 18 24 17.325 24 16.5C24 15.675 23.325 15 22.5 15C21.9 15 21.375 15.36 21.15 15.885L18.525 14.445C19.275 13.005 20.76 12 22.5 12C28.455 12 28.455 21 22.5 21ZM33 31.5C33 29.01 30.99 27 28.5 27H6V30H28.5C29.325 30 30 30.675 30 31.5C30 32.325 29.325 33 28.5 33C27.9 33 27.375 32.64 27.15 32.115L24.525 33.555C25.275 34.995 26.76 36 28.5 36C30.99 36 33 33.99 33 31.5ZM34.515 20.01C34.65 18.885 35.595 18 36.75 18C37.995 18 39 19.005 39 20.25C39 21.495 37.995 22.5 36.75 22.5H6V25.5H36.75C39.645 25.5 42 23.145 42 20.25C42 17.355 39.645 15 36.75 15C34.32 15 32.28 16.68 31.695 18.93L34.515 20.01Z\"/>\n</svg>",
          "text": "Wind 10% likely"
        },
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M35.2163 20.7722C34.898 14.768 30 10 24 10C22.751 10 21.5265 10.227 20.4 10.6055C18.5633 11.2109 17.2408 12.1444 15.9673 13.431C14.1061 15.3483 12.9306 17.9215 12.7592 20.7722C12.0735 20.8984 11.4367 21.1254 10.8245 21.4029C10.751 21.4282 10.6776 21.4786 10.6286 21.5039C10.5551 21.5291 10.5061 21.5795 10.4327 21.6048C10.3837 21.63 10.3592 21.6552 10.3102 21.6804C10.1143 21.8066 9.89388 21.9327 9.69796 22.0589C8.59592 22.8157 7.66531 23.7996 7.00408 25.0105V25.0357C6.93061 25.1619 6.88163 25.288 6.80816 25.3889C6.29388 26.4737 6 27.6847 6 28.9713C6 33.5879 9.67347 37.3217 14.2286 37.3217L15.9184 33.4114H14.2286C11.7796 33.4114 9.77143 31.4184 9.77143 28.9713C9.77143 24.8339 13.7633 23.9005 16.3837 24.0771C16.2857 21.4282 16.6531 13.9103 23.9755 13.9103C31.1265 13.9103 31.9837 21.2768 31.5673 24.0771C34.4327 23.8753 38.1796 24.9348 38.1796 28.9713C38.1796 31.2165 36.9306 33.3609 32.6449 33.3609L31.1265 37.3217H33.7469C38.302 37.3217 42 33.5879 42 28.9713C42 24.8844 39.0612 21.4786 35.2163 20.7722Z\"/>\n<path d=\"M28.8104 29C25.9812 30.4358 24.1713 31.3144 23.3808 32.7288C22.5903 34.1432 23.0687 35.9647 24.4625 36.8005C25.8564 37.6363 27.6246 37.1434 28.4151 35.729C29.2056 34.2932 29.0392 32.2574 28.8104 29Z\"/>\n<path d=\"M20.8104 36C17.9604 37.4272 16.1713 38.3137 15.3808 39.7409C14.5903 41.1681 15.0687 43.0061 16.4625 43.8494C17.8564 44.6928 19.6246 44.1954 20.4151 42.7682C21.2056 41.3411 21.0392 39.2868 20.8104 36Z\"/></svg>",
          "text": "11 rainy days"
        }
      ],
      "backgroundResponsiveImage": {
        "altText": "Alt Text",
        "lowResolutionUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=100&q=10",
        "fallbackImageUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=2100&q=80",
        "sources": [
          {
            "type": "image/jpeg",
            "largeUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=2100&q=80",
            "smallUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=640&q=80"
          }
        ]
      },
      "isDefault": false
    },
    {
      "title": "August",
      "subtitle": "Average weather",
      "weather": {
        "icon": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 53'><path d='M6.2 26.5H0v-5.3h6.2v5.3zM25.833 9.381V0h-5.166v9.381h5.166zM13.46 11.713L7.88 5.989 4.237 9.752l5.58 5.724 3.642-3.763zm24.439-6.36l-5.451 5.591 3.642 3.737L41.54 9.09c0 .026-3.642-3.737-3.642-3.737zM7.672 34.264L1.99 39.352l3.359 4.029 5.683-5.089-3.359-4.028zM62 41.658C62 47.912 56.962 53 50.763 53H24.154c-6.2 0-11.237-5.088-11.237-11.342 0-2.04.542-3.949 1.472-5.592-2.48-2.411-4.056-5.777-4.056-9.566 0-7.314 5.787-13.25 12.917-13.25 3.436 0 6.51 1.405 8.81 3.657a15.177 15.177 0 015.398-1.007c8.19 0 14.855 6.466 15.294 14.628 5.244.928 9.248 5.565 9.248 11.13zM15.5 26.5c0 2.279.956 4.32 2.454 5.75 1.266-.848 2.661-1.457 4.185-1.748a15.543 15.543 0 015.141-10.733c-1.163-.742-2.532-1.219-4.03-1.219-4.262 0-7.75 3.578-7.75 7.95zm41.333 15.158c0-5.512-5.115-6.943-9.015-6.651.568-3.816-.62-13.807-10.36-13.807-10.023 0-10.488 10.203-10.359 13.807-3.59-.239-9.016 1.033-9.016 6.651 0 3.339 2.739 6.042 6.071 6.042h26.583c3.358 0 6.096-2.703 6.096-6.042z'/></svg>",
        "text": "Mostly sunny with some clouds"
      },
      "temperature": {
        "averageCelsius": "10°",
        "averageFahrenheit": "50°",
        "rangeCelsius": "9°/12°",
        "rangeFahrenheit": "48.2°/53.6°"
      },
      "showLocation": false,
      "weekForecast": null,
      "informationItems": [
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.1035 25.5H6V22.5H12.1035C12.042 22.992 12 23.4915 12 24C12 24.5085 12.042 25.008 12.1035 25.5ZM16.6545 14.532L12.333 10.2105L10.212 12.3315L14.5335 16.653C15.15 15.8595 15.861 15.1485 16.6545 14.532V14.532ZM33.468 16.653L37.7895 12.3315L35.6685 10.2105L31.347 14.532C32.139 15.1485 32.85 15.861 33.468 16.653V16.653ZM24 12C24.5085 12 25.008 12.042 25.5 12.1035V6H22.5V12.1035C22.992 12.042 23.4915 12 24 12V12ZM24 36C23.4915 36 22.992 35.958 22.5 35.8965V42H25.5V35.8965C25.008 35.958 24.5085 36 24 36ZM35.8965 22.5C35.958 22.992 36 23.4915 36 24C36 24.5085 35.958 25.008 35.8965 25.5H42V22.5H35.8965ZM31.347 33.468L35.667 37.788L37.7895 35.667L33.4695 31.347C32.8515 32.139 32.1405 32.85 31.347 33.468ZM14.532 31.3455L10.212 35.6655L12.333 37.7865L16.653 33.4665C15.861 32.85 15.1485 32.139 14.532 31.3455ZM18 24C18 27.309 20.691 30 24 30C27.309 30 30 27.309 30 24C30 20.691 27.309 18 24 18C20.691 18 18 20.691 18 24V24ZM33 24C33 28.971 28.971 33 24 33C19.029 33 15 28.971 15 24C15 19.029 19.029 15 24 15C28.971 15 33 19.029 33 24V24Z\"/></svg>",
          "text": "8hrs of sun per day"
        },
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M22.5 21H6V18H22.5C23.325 18 24 17.325 24 16.5C24 15.675 23.325 15 22.5 15C21.9 15 21.375 15.36 21.15 15.885L18.525 14.445C19.275 13.005 20.76 12 22.5 12C28.455 12 28.455 21 22.5 21ZM33 31.5C33 29.01 30.99 27 28.5 27H6V30H28.5C29.325 30 30 30.675 30 31.5C30 32.325 29.325 33 28.5 33C27.9 33 27.375 32.64 27.15 32.115L24.525 33.555C25.275 34.995 26.76 36 28.5 36C30.99 36 33 33.99 33 31.5ZM34.515 20.01C34.65 18.885 35.595 18 36.75 18C37.995 18 39 19.005 39 20.25C39 21.495 37.995 22.5 36.75 22.5H6V25.5H36.75C39.645 25.5 42 23.145 42 20.25C42 17.355 39.645 15 36.75 15C34.32 15 32.28 16.68 31.695 18.93L34.515 20.01Z\"/>\n</svg>",
          "text": "Wind 10% likely"
        },
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M35.2163 20.7722C34.898 14.768 30 10 24 10C22.751 10 21.5265 10.227 20.4 10.6055C18.5633 11.2109 17.2408 12.1444 15.9673 13.431C14.1061 15.3483 12.9306 17.9215 12.7592 20.7722C12.0735 20.8984 11.4367 21.1254 10.8245 21.4029C10.751 21.4282 10.6776 21.4786 10.6286 21.5039C10.5551 21.5291 10.5061 21.5795 10.4327 21.6048C10.3837 21.63 10.3592 21.6552 10.3102 21.6804C10.1143 21.8066 9.89388 21.9327 9.69796 22.0589C8.59592 22.8157 7.66531 23.7996 7.00408 25.0105V25.0357C6.93061 25.1619 6.88163 25.288 6.80816 25.3889C6.29388 26.4737 6 27.6847 6 28.9713C6 33.5879 9.67347 37.3217 14.2286 37.3217L15.9184 33.4114H14.2286C11.7796 33.4114 9.77143 31.4184 9.77143 28.9713C9.77143 24.8339 13.7633 23.9005 16.3837 24.0771C16.2857 21.4282 16.6531 13.9103 23.9755 13.9103C31.1265 13.9103 31.9837 21.2768 31.5673 24.0771C34.4327 23.8753 38.1796 24.9348 38.1796 28.9713C38.1796 31.2165 36.9306 33.3609 32.6449 33.3609L31.1265 37.3217H33.7469C38.302 37.3217 42 33.5879 42 28.9713C42 24.8844 39.0612 21.4786 35.2163 20.7722Z\"/>\n<path d=\"M28.8104 29C25.9812 30.4358 24.1713 31.3144 23.3808 32.7288C22.5903 34.1432 23.0687 35.9647 24.4625 36.8005C25.8564 37.6363 27.6246 37.1434 28.4151 35.729C29.2056 34.2932 29.0392 32.2574 28.8104 29Z\"/>\n<path d=\"M20.8104 36C17.9604 37.4272 16.1713 38.3137 15.3808 39.7409C14.5903 41.1681 15.0687 43.0061 16.4625 43.8494C17.8564 44.6928 19.6246 44.1954 20.4151 42.7682C21.2056 41.3411 21.0392 39.2868 20.8104 36Z\"/></svg>",
          "text": "11 rainy days"
        }
      ],
      "backgroundResponsiveImage": {
        "altText": "Alt Text",
        "lowResolutionUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=100&q=10",
        "fallbackImageUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=2100&q=80",
        "sources": [
          {
            "type": "image/jpeg",
            "largeUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=2100&q=80",
            "smallUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=640&q=80"
          }
        ]
      },
      "isDefault": false
    },
    {
      "title": "September",
      "subtitle": "Average weather",
      "weather": {
        "icon": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 53'><path d='M6.2 26.5H0v-5.3h6.2v5.3zM25.833 9.381V0h-5.166v9.381h5.166zM13.46 11.713L7.88 5.989 4.237 9.752l5.58 5.724 3.642-3.763zm24.439-6.36l-5.451 5.591 3.642 3.737L41.54 9.09c0 .026-3.642-3.737-3.642-3.737zM7.672 34.264L1.99 39.352l3.359 4.029 5.683-5.089-3.359-4.028zM62 41.658C62 47.912 56.962 53 50.763 53H24.154c-6.2 0-11.237-5.088-11.237-11.342 0-2.04.542-3.949 1.472-5.592-2.48-2.411-4.056-5.777-4.056-9.566 0-7.314 5.787-13.25 12.917-13.25 3.436 0 6.51 1.405 8.81 3.657a15.177 15.177 0 015.398-1.007c8.19 0 14.855 6.466 15.294 14.628 5.244.928 9.248 5.565 9.248 11.13zM15.5 26.5c0 2.279.956 4.32 2.454 5.75 1.266-.848 2.661-1.457 4.185-1.748a15.543 15.543 0 015.141-10.733c-1.163-.742-2.532-1.219-4.03-1.219-4.262 0-7.75 3.578-7.75 7.95zm41.333 15.158c0-5.512-5.115-6.943-9.015-6.651.568-3.816-.62-13.807-10.36-13.807-10.023 0-10.488 10.203-10.359 13.807-3.59-.239-9.016 1.033-9.016 6.651 0 3.339 2.739 6.042 6.071 6.042h26.583c3.358 0 6.096-2.703 6.096-6.042z'/></svg>",
        "text": "Mostly sunny with some clouds"
      },
      "temperature": {
        "averageCelsius": "10°",
        "averageFahrenheit": "50°",
        "rangeCelsius": "9°/12°",
        "rangeFahrenheit": "48.2°/53.6°"
      },
      "showLocation": false,
      "weekForecast": null,
      "informationItems": [
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.1035 25.5H6V22.5H12.1035C12.042 22.992 12 23.4915 12 24C12 24.5085 12.042 25.008 12.1035 25.5ZM16.6545 14.532L12.333 10.2105L10.212 12.3315L14.5335 16.653C15.15 15.8595 15.861 15.1485 16.6545 14.532V14.532ZM33.468 16.653L37.7895 12.3315L35.6685 10.2105L31.347 14.532C32.139 15.1485 32.85 15.861 33.468 16.653V16.653ZM24 12C24.5085 12 25.008 12.042 25.5 12.1035V6H22.5V12.1035C22.992 12.042 23.4915 12 24 12V12ZM24 36C23.4915 36 22.992 35.958 22.5 35.8965V42H25.5V35.8965C25.008 35.958 24.5085 36 24 36ZM35.8965 22.5C35.958 22.992 36 23.4915 36 24C36 24.5085 35.958 25.008 35.8965 25.5H42V22.5H35.8965ZM31.347 33.468L35.667 37.788L37.7895 35.667L33.4695 31.347C32.8515 32.139 32.1405 32.85 31.347 33.468ZM14.532 31.3455L10.212 35.6655L12.333 37.7865L16.653 33.4665C15.861 32.85 15.1485 32.139 14.532 31.3455ZM18 24C18 27.309 20.691 30 24 30C27.309 30 30 27.309 30 24C30 20.691 27.309 18 24 18C20.691 18 18 20.691 18 24V24ZM33 24C33 28.971 28.971 33 24 33C19.029 33 15 28.971 15 24C15 19.029 19.029 15 24 15C28.971 15 33 19.029 33 24V24Z\"/></svg>",
          "text": "8hrs of sun per day"
        },
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M22.5 21H6V18H22.5C23.325 18 24 17.325 24 16.5C24 15.675 23.325 15 22.5 15C21.9 15 21.375 15.36 21.15 15.885L18.525 14.445C19.275 13.005 20.76 12 22.5 12C28.455 12 28.455 21 22.5 21ZM33 31.5C33 29.01 30.99 27 28.5 27H6V30H28.5C29.325 30 30 30.675 30 31.5C30 32.325 29.325 33 28.5 33C27.9 33 27.375 32.64 27.15 32.115L24.525 33.555C25.275 34.995 26.76 36 28.5 36C30.99 36 33 33.99 33 31.5ZM34.515 20.01C34.65 18.885 35.595 18 36.75 18C37.995 18 39 19.005 39 20.25C39 21.495 37.995 22.5 36.75 22.5H6V25.5H36.75C39.645 25.5 42 23.145 42 20.25C42 17.355 39.645 15 36.75 15C34.32 15 32.28 16.68 31.695 18.93L34.515 20.01Z\"/>\n</svg>",
          "text": "Wind 10% likely"
        },
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M35.2163 20.7722C34.898 14.768 30 10 24 10C22.751 10 21.5265 10.227 20.4 10.6055C18.5633 11.2109 17.2408 12.1444 15.9673 13.431C14.1061 15.3483 12.9306 17.9215 12.7592 20.7722C12.0735 20.8984 11.4367 21.1254 10.8245 21.4029C10.751 21.4282 10.6776 21.4786 10.6286 21.5039C10.5551 21.5291 10.5061 21.5795 10.4327 21.6048C10.3837 21.63 10.3592 21.6552 10.3102 21.6804C10.1143 21.8066 9.89388 21.9327 9.69796 22.0589C8.59592 22.8157 7.66531 23.7996 7.00408 25.0105V25.0357C6.93061 25.1619 6.88163 25.288 6.80816 25.3889C6.29388 26.4737 6 27.6847 6 28.9713C6 33.5879 9.67347 37.3217 14.2286 37.3217L15.9184 33.4114H14.2286C11.7796 33.4114 9.77143 31.4184 9.77143 28.9713C9.77143 24.8339 13.7633 23.9005 16.3837 24.0771C16.2857 21.4282 16.6531 13.9103 23.9755 13.9103C31.1265 13.9103 31.9837 21.2768 31.5673 24.0771C34.4327 23.8753 38.1796 24.9348 38.1796 28.9713C38.1796 31.2165 36.9306 33.3609 32.6449 33.3609L31.1265 37.3217H33.7469C38.302 37.3217 42 33.5879 42 28.9713C42 24.8844 39.0612 21.4786 35.2163 20.7722Z\"/>\n<path d=\"M28.8104 29C25.9812 30.4358 24.1713 31.3144 23.3808 32.7288C22.5903 34.1432 23.0687 35.9647 24.4625 36.8005C25.8564 37.6363 27.6246 37.1434 28.4151 35.729C29.2056 34.2932 29.0392 32.2574 28.8104 29Z\"/>\n<path d=\"M20.8104 36C17.9604 37.4272 16.1713 38.3137 15.3808 39.7409C14.5903 41.1681 15.0687 43.0061 16.4625 43.8494C17.8564 44.6928 19.6246 44.1954 20.4151 42.7682C21.2056 41.3411 21.0392 39.2868 20.8104 36Z\"/></svg>",
          "text": "11 rainy days"
        }
      ],
      "backgroundResponsiveImage": {
        "altText": "Alt Text",
        "lowResolutionUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=100&q=10",
        "fallbackImageUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=2100&q=80",
        "sources": [
          {
            "type": "image/jpeg",
            "largeUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=2100&q=80",
            "smallUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=640&q=80"
          }
        ]
      },
      "isDefault": false
    },
    {
      "title": "October",
      "subtitle": "Average weather",
      "weather": {
        "icon": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 53'><path d='M6.2 26.5H0v-5.3h6.2v5.3zM25.833 9.381V0h-5.166v9.381h5.166zM13.46 11.713L7.88 5.989 4.237 9.752l5.58 5.724 3.642-3.763zm24.439-6.36l-5.451 5.591 3.642 3.737L41.54 9.09c0 .026-3.642-3.737-3.642-3.737zM7.672 34.264L1.99 39.352l3.359 4.029 5.683-5.089-3.359-4.028zM62 41.658C62 47.912 56.962 53 50.763 53H24.154c-6.2 0-11.237-5.088-11.237-11.342 0-2.04.542-3.949 1.472-5.592-2.48-2.411-4.056-5.777-4.056-9.566 0-7.314 5.787-13.25 12.917-13.25 3.436 0 6.51 1.405 8.81 3.657a15.177 15.177 0 015.398-1.007c8.19 0 14.855 6.466 15.294 14.628 5.244.928 9.248 5.565 9.248 11.13zM15.5 26.5c0 2.279.956 4.32 2.454 5.75 1.266-.848 2.661-1.457 4.185-1.748a15.543 15.543 0 015.141-10.733c-1.163-.742-2.532-1.219-4.03-1.219-4.262 0-7.75 3.578-7.75 7.95zm41.333 15.158c0-5.512-5.115-6.943-9.015-6.651.568-3.816-.62-13.807-10.36-13.807-10.023 0-10.488 10.203-10.359 13.807-3.59-.239-9.016 1.033-9.016 6.651 0 3.339 2.739 6.042 6.071 6.042h26.583c3.358 0 6.096-2.703 6.096-6.042z'/></svg>",
        "text": "Mostly sunny with some clouds"
      },
      "temperature": {
        "averageCelsius": "10°",
        "averageFahrenheit": "50°",
        "rangeCelsius": "9°/12°",
        "rangeFahrenheit": "48.2°/53.6°"
      },
      "showLocation": false,
      "weekForecast": null,
      "informationItems": [
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.1035 25.5H6V22.5H12.1035C12.042 22.992 12 23.4915 12 24C12 24.5085 12.042 25.008 12.1035 25.5ZM16.6545 14.532L12.333 10.2105L10.212 12.3315L14.5335 16.653C15.15 15.8595 15.861 15.1485 16.6545 14.532V14.532ZM33.468 16.653L37.7895 12.3315L35.6685 10.2105L31.347 14.532C32.139 15.1485 32.85 15.861 33.468 16.653V16.653ZM24 12C24.5085 12 25.008 12.042 25.5 12.1035V6H22.5V12.1035C22.992 12.042 23.4915 12 24 12V12ZM24 36C23.4915 36 22.992 35.958 22.5 35.8965V42H25.5V35.8965C25.008 35.958 24.5085 36 24 36ZM35.8965 22.5C35.958 22.992 36 23.4915 36 24C36 24.5085 35.958 25.008 35.8965 25.5H42V22.5H35.8965ZM31.347 33.468L35.667 37.788L37.7895 35.667L33.4695 31.347C32.8515 32.139 32.1405 32.85 31.347 33.468ZM14.532 31.3455L10.212 35.6655L12.333 37.7865L16.653 33.4665C15.861 32.85 15.1485 32.139 14.532 31.3455ZM18 24C18 27.309 20.691 30 24 30C27.309 30 30 27.309 30 24C30 20.691 27.309 18 24 18C20.691 18 18 20.691 18 24V24ZM33 24C33 28.971 28.971 33 24 33C19.029 33 15 28.971 15 24C15 19.029 19.029 15 24 15C28.971 15 33 19.029 33 24V24Z\"/></svg>",
          "text": "8hrs of sun per day"
        },
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M22.5 21H6V18H22.5C23.325 18 24 17.325 24 16.5C24 15.675 23.325 15 22.5 15C21.9 15 21.375 15.36 21.15 15.885L18.525 14.445C19.275 13.005 20.76 12 22.5 12C28.455 12 28.455 21 22.5 21ZM33 31.5C33 29.01 30.99 27 28.5 27H6V30H28.5C29.325 30 30 30.675 30 31.5C30 32.325 29.325 33 28.5 33C27.9 33 27.375 32.64 27.15 32.115L24.525 33.555C25.275 34.995 26.76 36 28.5 36C30.99 36 33 33.99 33 31.5ZM34.515 20.01C34.65 18.885 35.595 18 36.75 18C37.995 18 39 19.005 39 20.25C39 21.495 37.995 22.5 36.75 22.5H6V25.5H36.75C39.645 25.5 42 23.145 42 20.25C42 17.355 39.645 15 36.75 15C34.32 15 32.28 16.68 31.695 18.93L34.515 20.01Z\"/>\n</svg>",
          "text": "Wind 10% likely"
        },
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M35.2163 20.7722C34.898 14.768 30 10 24 10C22.751 10 21.5265 10.227 20.4 10.6055C18.5633 11.2109 17.2408 12.1444 15.9673 13.431C14.1061 15.3483 12.9306 17.9215 12.7592 20.7722C12.0735 20.8984 11.4367 21.1254 10.8245 21.4029C10.751 21.4282 10.6776 21.4786 10.6286 21.5039C10.5551 21.5291 10.5061 21.5795 10.4327 21.6048C10.3837 21.63 10.3592 21.6552 10.3102 21.6804C10.1143 21.8066 9.89388 21.9327 9.69796 22.0589C8.59592 22.8157 7.66531 23.7996 7.00408 25.0105V25.0357C6.93061 25.1619 6.88163 25.288 6.80816 25.3889C6.29388 26.4737 6 27.6847 6 28.9713C6 33.5879 9.67347 37.3217 14.2286 37.3217L15.9184 33.4114H14.2286C11.7796 33.4114 9.77143 31.4184 9.77143 28.9713C9.77143 24.8339 13.7633 23.9005 16.3837 24.0771C16.2857 21.4282 16.6531 13.9103 23.9755 13.9103C31.1265 13.9103 31.9837 21.2768 31.5673 24.0771C34.4327 23.8753 38.1796 24.9348 38.1796 28.9713C38.1796 31.2165 36.9306 33.3609 32.6449 33.3609L31.1265 37.3217H33.7469C38.302 37.3217 42 33.5879 42 28.9713C42 24.8844 39.0612 21.4786 35.2163 20.7722Z\"/>\n<path d=\"M28.8104 29C25.9812 30.4358 24.1713 31.3144 23.3808 32.7288C22.5903 34.1432 23.0687 35.9647 24.4625 36.8005C25.8564 37.6363 27.6246 37.1434 28.4151 35.729C29.2056 34.2932 29.0392 32.2574 28.8104 29Z\"/>\n<path d=\"M20.8104 36C17.9604 37.4272 16.1713 38.3137 15.3808 39.7409C14.5903 41.1681 15.0687 43.0061 16.4625 43.8494C17.8564 44.6928 19.6246 44.1954 20.4151 42.7682C21.2056 41.3411 21.0392 39.2868 20.8104 36Z\"/></svg>",
          "text": "11 rainy days"
        }
      ],
      "backgroundResponsiveImage": {
        "altText": "Alt Text",
        "lowResolutionUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=100&q=10",
        "fallbackImageUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=2100&q=80",
        "sources": [
          {
            "type": "image/jpeg",
            "largeUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=2100&q=80",
            "smallUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=640&q=80"
          }
        ]
      },
      "isDefault": false
    },
    {
      "title": "November",
      "subtitle": "Average weather",
      "weather": {
        "icon": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 53'><path d='M6.2 26.5H0v-5.3h6.2v5.3zM25.833 9.381V0h-5.166v9.381h5.166zM13.46 11.713L7.88 5.989 4.237 9.752l5.58 5.724 3.642-3.763zm24.439-6.36l-5.451 5.591 3.642 3.737L41.54 9.09c0 .026-3.642-3.737-3.642-3.737zM7.672 34.264L1.99 39.352l3.359 4.029 5.683-5.089-3.359-4.028zM62 41.658C62 47.912 56.962 53 50.763 53H24.154c-6.2 0-11.237-5.088-11.237-11.342 0-2.04.542-3.949 1.472-5.592-2.48-2.411-4.056-5.777-4.056-9.566 0-7.314 5.787-13.25 12.917-13.25 3.436 0 6.51 1.405 8.81 3.657a15.177 15.177 0 015.398-1.007c8.19 0 14.855 6.466 15.294 14.628 5.244.928 9.248 5.565 9.248 11.13zM15.5 26.5c0 2.279.956 4.32 2.454 5.75 1.266-.848 2.661-1.457 4.185-1.748a15.543 15.543 0 015.141-10.733c-1.163-.742-2.532-1.219-4.03-1.219-4.262 0-7.75 3.578-7.75 7.95zm41.333 15.158c0-5.512-5.115-6.943-9.015-6.651.568-3.816-.62-13.807-10.36-13.807-10.023 0-10.488 10.203-10.359 13.807-3.59-.239-9.016 1.033-9.016 6.651 0 3.339 2.739 6.042 6.071 6.042h26.583c3.358 0 6.096-2.703 6.096-6.042z'/></svg>",
        "text": "Mostly sunny with some clouds"
      },
      "temperature": {
        "averageCelsius": "10°",
        "averageFahrenheit": "50°",
        "rangeCelsius": "9°/12°",
        "rangeFahrenheit": "48.2°/53.6°"
      },
      "showLocation": false,
      "weekForecast": null,
      "informationItems": [
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.1035 25.5H6V22.5H12.1035C12.042 22.992 12 23.4915 12 24C12 24.5085 12.042 25.008 12.1035 25.5ZM16.6545 14.532L12.333 10.2105L10.212 12.3315L14.5335 16.653C15.15 15.8595 15.861 15.1485 16.6545 14.532V14.532ZM33.468 16.653L37.7895 12.3315L35.6685 10.2105L31.347 14.532C32.139 15.1485 32.85 15.861 33.468 16.653V16.653ZM24 12C24.5085 12 25.008 12.042 25.5 12.1035V6H22.5V12.1035C22.992 12.042 23.4915 12 24 12V12ZM24 36C23.4915 36 22.992 35.958 22.5 35.8965V42H25.5V35.8965C25.008 35.958 24.5085 36 24 36ZM35.8965 22.5C35.958 22.992 36 23.4915 36 24C36 24.5085 35.958 25.008 35.8965 25.5H42V22.5H35.8965ZM31.347 33.468L35.667 37.788L37.7895 35.667L33.4695 31.347C32.8515 32.139 32.1405 32.85 31.347 33.468ZM14.532 31.3455L10.212 35.6655L12.333 37.7865L16.653 33.4665C15.861 32.85 15.1485 32.139 14.532 31.3455ZM18 24C18 27.309 20.691 30 24 30C27.309 30 30 27.309 30 24C30 20.691 27.309 18 24 18C20.691 18 18 20.691 18 24V24ZM33 24C33 28.971 28.971 33 24 33C19.029 33 15 28.971 15 24C15 19.029 19.029 15 24 15C28.971 15 33 19.029 33 24V24Z\"/></svg>",
          "text": "8hrs of sun per day"
        },
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M22.5 21H6V18H22.5C23.325 18 24 17.325 24 16.5C24 15.675 23.325 15 22.5 15C21.9 15 21.375 15.36 21.15 15.885L18.525 14.445C19.275 13.005 20.76 12 22.5 12C28.455 12 28.455 21 22.5 21ZM33 31.5C33 29.01 30.99 27 28.5 27H6V30H28.5C29.325 30 30 30.675 30 31.5C30 32.325 29.325 33 28.5 33C27.9 33 27.375 32.64 27.15 32.115L24.525 33.555C25.275 34.995 26.76 36 28.5 36C30.99 36 33 33.99 33 31.5ZM34.515 20.01C34.65 18.885 35.595 18 36.75 18C37.995 18 39 19.005 39 20.25C39 21.495 37.995 22.5 36.75 22.5H6V25.5H36.75C39.645 25.5 42 23.145 42 20.25C42 17.355 39.645 15 36.75 15C34.32 15 32.28 16.68 31.695 18.93L34.515 20.01Z\"/>\n</svg>",
          "text": "Wind 10% likely"
        },
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M35.2163 20.7722C34.898 14.768 30 10 24 10C22.751 10 21.5265 10.227 20.4 10.6055C18.5633 11.2109 17.2408 12.1444 15.9673 13.431C14.1061 15.3483 12.9306 17.9215 12.7592 20.7722C12.0735 20.8984 11.4367 21.1254 10.8245 21.4029C10.751 21.4282 10.6776 21.4786 10.6286 21.5039C10.5551 21.5291 10.5061 21.5795 10.4327 21.6048C10.3837 21.63 10.3592 21.6552 10.3102 21.6804C10.1143 21.8066 9.89388 21.9327 9.69796 22.0589C8.59592 22.8157 7.66531 23.7996 7.00408 25.0105V25.0357C6.93061 25.1619 6.88163 25.288 6.80816 25.3889C6.29388 26.4737 6 27.6847 6 28.9713C6 33.5879 9.67347 37.3217 14.2286 37.3217L15.9184 33.4114H14.2286C11.7796 33.4114 9.77143 31.4184 9.77143 28.9713C9.77143 24.8339 13.7633 23.9005 16.3837 24.0771C16.2857 21.4282 16.6531 13.9103 23.9755 13.9103C31.1265 13.9103 31.9837 21.2768 31.5673 24.0771C34.4327 23.8753 38.1796 24.9348 38.1796 28.9713C38.1796 31.2165 36.9306 33.3609 32.6449 33.3609L31.1265 37.3217H33.7469C38.302 37.3217 42 33.5879 42 28.9713C42 24.8844 39.0612 21.4786 35.2163 20.7722Z\"/>\n<path d=\"M28.8104 29C25.9812 30.4358 24.1713 31.3144 23.3808 32.7288C22.5903 34.1432 23.0687 35.9647 24.4625 36.8005C25.8564 37.6363 27.6246 37.1434 28.4151 35.729C29.2056 34.2932 29.0392 32.2574 28.8104 29Z\"/>\n<path d=\"M20.8104 36C17.9604 37.4272 16.1713 38.3137 15.3808 39.7409C14.5903 41.1681 15.0687 43.0061 16.4625 43.8494C17.8564 44.6928 19.6246 44.1954 20.4151 42.7682C21.2056 41.3411 21.0392 39.2868 20.8104 36Z\"/></svg>",
          "text": "11 rainy days"
        }
      ],
      "backgroundResponsiveImage": {
        "altText": "Alt Text",
        "lowResolutionUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=100&q=10",
        "fallbackImageUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=2100&q=80",
        "sources": [
          {
            "type": "image/jpeg",
            "largeUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=2100&q=80",
            "smallUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=640&q=80"
          }
        ]
      },
      "isDefault": false
    },
    {
      "title": "December",
      "subtitle": "Average weather",
      "weather": {
        "icon": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 53'><path d='M6.2 26.5H0v-5.3h6.2v5.3zM25.833 9.381V0h-5.166v9.381h5.166zM13.46 11.713L7.88 5.989 4.237 9.752l5.58 5.724 3.642-3.763zm24.439-6.36l-5.451 5.591 3.642 3.737L41.54 9.09c0 .026-3.642-3.737-3.642-3.737zM7.672 34.264L1.99 39.352l3.359 4.029 5.683-5.089-3.359-4.028zM62 41.658C62 47.912 56.962 53 50.763 53H24.154c-6.2 0-11.237-5.088-11.237-11.342 0-2.04.542-3.949 1.472-5.592-2.48-2.411-4.056-5.777-4.056-9.566 0-7.314 5.787-13.25 12.917-13.25 3.436 0 6.51 1.405 8.81 3.657a15.177 15.177 0 015.398-1.007c8.19 0 14.855 6.466 15.294 14.628 5.244.928 9.248 5.565 9.248 11.13zM15.5 26.5c0 2.279.956 4.32 2.454 5.75 1.266-.848 2.661-1.457 4.185-1.748a15.543 15.543 0 015.141-10.733c-1.163-.742-2.532-1.219-4.03-1.219-4.262 0-7.75 3.578-7.75 7.95zm41.333 15.158c0-5.512-5.115-6.943-9.015-6.651.568-3.816-.62-13.807-10.36-13.807-10.023 0-10.488 10.203-10.359 13.807-3.59-.239-9.016 1.033-9.016 6.651 0 3.339 2.739 6.042 6.071 6.042h26.583c3.358 0 6.096-2.703 6.096-6.042z'/></svg>",
        "text": "Mostly sunny with some clouds"
      },
      "temperature": {
        "averageCelsius": "10°",
        "averageFahrenheit": "50°",
        "rangeCelsius": "9°/12°",
        "rangeFahrenheit": "48.2°/53.6°"
      },
      "showLocation": false,
      "weekForecast": null,
      "informationItems": [
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.1035 25.5H6V22.5H12.1035C12.042 22.992 12 23.4915 12 24C12 24.5085 12.042 25.008 12.1035 25.5ZM16.6545 14.532L12.333 10.2105L10.212 12.3315L14.5335 16.653C15.15 15.8595 15.861 15.1485 16.6545 14.532V14.532ZM33.468 16.653L37.7895 12.3315L35.6685 10.2105L31.347 14.532C32.139 15.1485 32.85 15.861 33.468 16.653V16.653ZM24 12C24.5085 12 25.008 12.042 25.5 12.1035V6H22.5V12.1035C22.992 12.042 23.4915 12 24 12V12ZM24 36C23.4915 36 22.992 35.958 22.5 35.8965V42H25.5V35.8965C25.008 35.958 24.5085 36 24 36ZM35.8965 22.5C35.958 22.992 36 23.4915 36 24C36 24.5085 35.958 25.008 35.8965 25.5H42V22.5H35.8965ZM31.347 33.468L35.667 37.788L37.7895 35.667L33.4695 31.347C32.8515 32.139 32.1405 32.85 31.347 33.468ZM14.532 31.3455L10.212 35.6655L12.333 37.7865L16.653 33.4665C15.861 32.85 15.1485 32.139 14.532 31.3455ZM18 24C18 27.309 20.691 30 24 30C27.309 30 30 27.309 30 24C30 20.691 27.309 18 24 18C20.691 18 18 20.691 18 24V24ZM33 24C33 28.971 28.971 33 24 33C19.029 33 15 28.971 15 24C15 19.029 19.029 15 24 15C28.971 15 33 19.029 33 24V24Z\"/></svg>",
          "text": "8hrs of sun per day"
        },
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M22.5 21H6V18H22.5C23.325 18 24 17.325 24 16.5C24 15.675 23.325 15 22.5 15C21.9 15 21.375 15.36 21.15 15.885L18.525 14.445C19.275 13.005 20.76 12 22.5 12C28.455 12 28.455 21 22.5 21ZM33 31.5C33 29.01 30.99 27 28.5 27H6V30H28.5C29.325 30 30 30.675 30 31.5C30 32.325 29.325 33 28.5 33C27.9 33 27.375 32.64 27.15 32.115L24.525 33.555C25.275 34.995 26.76 36 28.5 36C30.99 36 33 33.99 33 31.5ZM34.515 20.01C34.65 18.885 35.595 18 36.75 18C37.995 18 39 19.005 39 20.25C39 21.495 37.995 22.5 36.75 22.5H6V25.5H36.75C39.645 25.5 42 23.145 42 20.25C42 17.355 39.645 15 36.75 15C34.32 15 32.28 16.68 31.695 18.93L34.515 20.01Z\"/>\n</svg>",
          "text": "Wind 10% likely"
        },
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M35.2163 20.7722C34.898 14.768 30 10 24 10C22.751 10 21.5265 10.227 20.4 10.6055C18.5633 11.2109 17.2408 12.1444 15.9673 13.431C14.1061 15.3483 12.9306 17.9215 12.7592 20.7722C12.0735 20.8984 11.4367 21.1254 10.8245 21.4029C10.751 21.4282 10.6776 21.4786 10.6286 21.5039C10.5551 21.5291 10.5061 21.5795 10.4327 21.6048C10.3837 21.63 10.3592 21.6552 10.3102 21.6804C10.1143 21.8066 9.89388 21.9327 9.69796 22.0589C8.59592 22.8157 7.66531 23.7996 7.00408 25.0105V25.0357C6.93061 25.1619 6.88163 25.288 6.80816 25.3889C6.29388 26.4737 6 27.6847 6 28.9713C6 33.5879 9.67347 37.3217 14.2286 37.3217L15.9184 33.4114H14.2286C11.7796 33.4114 9.77143 31.4184 9.77143 28.9713C9.77143 24.8339 13.7633 23.9005 16.3837 24.0771C16.2857 21.4282 16.6531 13.9103 23.9755 13.9103C31.1265 13.9103 31.9837 21.2768 31.5673 24.0771C34.4327 23.8753 38.1796 24.9348 38.1796 28.9713C38.1796 31.2165 36.9306 33.3609 32.6449 33.3609L31.1265 37.3217H33.7469C38.302 37.3217 42 33.5879 42 28.9713C42 24.8844 39.0612 21.4786 35.2163 20.7722Z\"/>\n<path d=\"M28.8104 29C25.9812 30.4358 24.1713 31.3144 23.3808 32.7288C22.5903 34.1432 23.0687 35.9647 24.4625 36.8005C25.8564 37.6363 27.6246 37.1434 28.4151 35.729C29.2056 34.2932 29.0392 32.2574 28.8104 29Z\"/>\n<path d=\"M20.8104 36C17.9604 37.4272 16.1713 38.3137 15.3808 39.7409C14.5903 41.1681 15.0687 43.0061 16.4625 43.8494C17.8564 44.6928 19.6246 44.1954 20.4151 42.7682C21.2056 41.3411 21.0392 39.2868 20.8104 36Z\"/></svg>",
          "text": "11 rainy days"
        }
      ],
      "backgroundResponsiveImage": {
        "altText": "Alt Text",
        "lowResolutionUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=100&q=10",
        "fallbackImageUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=2100&q=80",
        "sources": [
          {
            "type": "image/jpeg",
            "largeUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=2100&q=80",
            "smallUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=640&q=80"
          }
        ]
      },
      "isDefault": false
    },
    {
      "title": "This Week",
      "subtitle": "Today",
      "weather": {
        "icon": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 53'><path d='M6.2 26.5H0v-5.3h6.2v5.3zM25.833 9.381V0h-5.166v9.381h5.166zM13.46 11.713L7.88 5.989 4.237 9.752l5.58 5.724 3.642-3.763zm24.439-6.36l-5.451 5.591 3.642 3.737L41.54 9.09c0 .026-3.642-3.737-3.642-3.737zM7.672 34.264L1.99 39.352l3.359 4.029 5.683-5.089-3.359-4.028zM62 41.658C62 47.912 56.962 53 50.763 53H24.154c-6.2 0-11.237-5.088-11.237-11.342 0-2.04.542-3.949 1.472-5.592-2.48-2.411-4.056-5.777-4.056-9.566 0-7.314 5.787-13.25 12.917-13.25 3.436 0 6.51 1.405 8.81 3.657a15.177 15.177 0 015.398-1.007c8.19 0 14.855 6.466 15.294 14.628 5.244.928 9.248 5.565 9.248 11.13zM15.5 26.5c0 2.279.956 4.32 2.454 5.75 1.266-.848 2.661-1.457 4.185-1.748a15.543 15.543 0 015.141-10.733c-1.163-.742-2.532-1.219-4.03-1.219-4.262 0-7.75 3.578-7.75 7.95zm41.333 15.158c0-5.512-5.115-6.943-9.015-6.651.568-3.816-.62-13.807-10.36-13.807-10.023 0-10.488 10.203-10.359 13.807-3.59-.239-9.016 1.033-9.016 6.651 0 3.339 2.739 6.042 6.071 6.042h26.583c3.358 0 6.096-2.703 6.096-6.042z'/></svg>",
        "text": "Mostly sunny with some clouds"
      },
      "temperature": {
        "averageCelsius": "10°",
        "averageFahrenheit": "50°",
        "rangeCelsius": "9°/12°",
        "rangeFahrenheit": "48.2°/53.6°"
      },
      "weatherWarning": {
        "title": "Be aware",
        "subtitle": "Heavy showers will affect all areas overnight and tomorrow. Expect local flooding",
        "type": "yellow",
        "icon": "<svg width=\"28\" height=\"25\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14 0c.836 0 1.61.446 2.028 1.17l11.658 20.194a2.341 2.341 0 01-2.027 3.512H2.34a2.341 2.341 0 01-2.027-3.512L11.972 1.171A2.341 2.341 0 0114 0z\" fill=\"#FBED4F\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.002 16.389a1.17 1.17 0 01-1.17-1.171V9.365a1.17 1.17 0 112.34 0v5.853a1.17 1.17 0 01-1.17 1.17z\" fill=\"#111317\"/><circle cx=\"14.002\" cy=\"18.73\" r=\"1.171\" transform=\"rotate(-180 14.002 18.73)\" fill=\"#111317\"/></svg>"
      },
      "showLocation": true,
      "weekForecast": [
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M35.2163 20.4571C34.898 14.6286 30 10 24 10C22.751 10 21.5265 10.2204 20.4 10.5878C18.5633 11.1755 17.2408 12.0816 15.9673 13.3306C14.1061 15.1918 12.9306 17.6898 12.7592 20.4571C12.0735 20.5796 11.4367 20.8 10.8245 21.0694C10.751 21.0939 10.6776 21.1429 10.6286 21.1673C10.5551 21.1918 10.5061 21.2408 10.4327 21.2653C10.3837 21.2898 10.3592 21.3143 10.3102 21.3388C10.1143 21.4612 9.89388 21.5837 9.69796 21.7061C8.59592 22.4408 7.66531 23.3959 7.00408 24.5714V24.5959C6.93061 24.7184 6.88163 24.8408 6.80816 24.9388C6.29388 25.9918 6 27.1673 6 28.4163C6 32.7755 9.52653 36.351 13.9347 36.5224C14.0082 36.5224 17.0449 36.5224 18.3184 36.5224C18.6122 36.5224 29.3878 36.5224 31.1265 36.5224H33.7469C38.302 36.5224 42 32.898 42 28.4163C42 24.449 39.0612 21.1429 35.2163 20.4571ZM32.7918 32.7265H32.6204H18.8327H15.551H14.2531C11.8041 32.7265 9.79592 30.7918 9.79592 28.4163C9.79592 24.4 13.7878 23.4939 16.4082 23.6653C16.3102 21.0939 16.6776 13.7959 24 13.7959C31.151 13.7959 32.0082 20.9469 31.5918 23.6653C34.4571 23.4694 38.2041 24.498 38.2041 28.4163C38.2041 30.5959 36.6612 32.7265 32.7918 32.7265Z\"/></svg>",
          "text": "Tues",
          "temperatureCelsius": "10°",
          "temperatureFahrenheit": "48.8°"
        },
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M9.594 21H6V18H9.594V21ZM21 11.313V6H18V11.313H21ZM13.8105 12.627L10.5765 9.393L8.4555 11.514L11.6895 14.748L13.8105 12.627V12.627ZM28.002 9.033L24.8295 12.204L26.9505 14.325L30.123 11.154L28.002 9.033V9.033ZM10.452 25.3935L7.155 28.272L9.1095 30.5475L12.4065 27.669L10.452 25.3935V25.3935ZM42 29.583C42 33.126 39.075 36 35.469 36H20.031C16.425 36 13.5 33.126 13.5 29.583C13.5 28.428 13.8165 27.348 14.361 26.4135C12.915 25.053 12 23.1435 12 21C12 16.857 15.357 13.5 19.5 13.5C21.4935 13.5 23.2845 14.292 24.621 15.564C25.5945 15.204 26.646 15 27.75 15C32.5065 15 36.3795 18.6645 36.6315 23.274C39.6825 23.8125 42 26.4315 42 29.583ZM15 21C15 22.29 15.555 23.442 16.4325 24.258C17.16 23.784 17.976 23.4315 18.8685 23.274C19.0005 20.859 20.133 18.711 21.8595 17.205C21.1695 16.773 20.373 16.5 19.5 16.5C17.019 16.5 15 18.519 15 21V21ZM39 29.583C39 26.469 36.0315 25.656 33.7665 25.815C34.0935 23.6565 33.4065 18 27.75 18C21.9375 18 21.657 23.781 21.7335 25.8135C19.656 25.6875 16.5 26.406 16.5 29.583C16.5 31.467 18.084 33 20.031 33H35.4675C37.416 33 39 31.467 39 29.583V29.583Z\"/></svg>",
          "text": "Wed",
          "temperatureCelsius": "10°",
          "temperatureFahrenheit": "48.8°"
        },
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M35.2163 20.7722C34.898 14.768 30 10 24 10C22.751 10 21.5265 10.227 20.4 10.6055C18.5633 11.2109 17.2408 12.1444 15.9673 13.431C14.1061 15.3483 12.9306 17.9215 12.7592 20.7722C12.0735 20.8984 11.4367 21.1254 10.8245 21.4029C10.751 21.4282 10.6776 21.4786 10.6286 21.5039C10.5551 21.5291 10.5061 21.5795 10.4327 21.6048C10.3837 21.63 10.3592 21.6552 10.3102 21.6804C10.1143 21.8066 9.89388 21.9327 9.69796 22.0589C8.59592 22.8157 7.66531 23.7996 7.00408 25.0105V25.0357C6.93061 25.1619 6.88163 25.288 6.80816 25.3889C6.29388 26.4737 6 27.6847 6 28.9713C6 33.5879 9.67347 37.3217 14.2286 37.3217L15.9184 33.4114H14.2286C11.7796 33.4114 9.77143 31.4184 9.77143 28.9713C9.77143 24.8339 13.7633 23.9005 16.3837 24.0771C16.2857 21.4282 16.6531 13.9103 23.9755 13.9103C31.1265 13.9103 31.9837 21.2768 31.5673 24.0771C34.4327 23.8753 38.1796 24.9348 38.1796 28.9713C38.1796 31.2165 36.9306 33.3609 32.6449 33.3609L31.1265 37.3217H33.7469C38.302 37.3217 42 33.5879 42 28.9713C42 24.8844 39.0612 21.4786 35.2163 20.7722Z\"/>\n<path d=\"M28.8104 29C25.9812 30.4358 24.1713 31.3144 23.3808 32.7288C22.5903 34.1432 23.0687 35.9647 24.4625 36.8005C25.8564 37.6363 27.6246 37.1434 28.4151 35.729C29.2056 34.2932 29.0392 32.2574 28.8104 29Z\"/>\n<path d=\"M20.8104 36C17.9604 37.4272 16.1713 38.3137 15.3808 39.7409C14.5903 41.1681 15.0687 43.0061 16.4625 43.8494C17.8564 44.6928 19.6246 44.1954 20.4151 42.7682C21.2056 41.3411 21.0392 39.2868 20.8104 36Z\"/></svg>",
          "text": "Thu",
          "temperatureCelsius": "10°",
          "temperatureFahrenheit": "48.8°"
        },
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M35.2163 20.4571C34.898 14.6286 30 10 24 10C22.751 10 21.5265 10.2204 20.4 10.5878C18.5633 11.1755 17.2408 12.0816 15.9673 13.3306C14.1061 15.1918 12.9306 17.6898 12.7592 20.4571C12.0735 20.5796 11.4367 20.8 10.8245 21.0694C10.751 21.0939 10.6776 21.1429 10.6286 21.1673C10.5551 21.1918 10.5061 21.2408 10.4327 21.2653C10.3837 21.2898 10.3592 21.3143 10.3102 21.3388C10.1143 21.4612 9.89388 21.5837 9.69796 21.7061C8.59592 22.4408 7.66531 23.3959 7.00408 24.5714V24.5959C6.93061 24.7184 6.88163 24.8408 6.80816 24.9388C6.29388 25.9918 6 27.1673 6 28.4163C6 32.898 9.67347 36.5224 14.2286 36.5224L15.9184 32.7265H14.2286C11.7796 32.7265 9.77143 30.7918 9.77143 28.4163C9.77143 24.4 13.7633 23.4939 16.3837 23.6653C16.2857 21.0939 16.6531 13.7959 23.9755 13.7959C31.1265 13.7959 31.9837 20.9469 31.5673 23.6653C34.4327 23.4694 38.2531 24.8408 38.1796 28.4163C38.1306 30.5959 36.9061 32.5796 30.9306 32.6776L29.4122 36.5224H33.7469C38.302 36.5224 42 32.898 42 28.4163C42 24.449 39.0612 21.1429 35.2163 20.4571Z\"/>\n<path d=\"M24.4525 32.4525H28.5475L20.3576 42L23.095 35.1899H19L22.8279 27H26.9674L24.4525 32.4525Z\"/>\n<path d=\"M17.1339 39C14.6421 40.2048 13.0539 40.9715 12.3419 42.1764C11.63 43.3812 12.0681 44.942 13.3003 45.6539C14.5325 46.3659 16.0933 45.9551 16.7779 44.7503C17.4898 43.5181 17.3529 41.7656 17.1339 39Z\"/></svg>",
          "text": "Fri",
          "temperatureCelsius": "10°",
          "temperatureFahrenheit": "48.8°"
        }
      ],
      "informationItems": null,
      "backgroundResponsiveImage": {
        "altText": "Alt Text",
        "lowResolutionUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=100&q=10",
        "fallbackImageUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=2100&q=80",
        "sources": [
          {
            "type": "image/jpeg",
            "largeUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=2100&q=80",
            "smallUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=640&q=80"
          }
        ]
      },
      "isDefault": true
    },
    {
      "title": "Next week",
      "weatherWarning": {
        "title": "Take action",
        "subtitle": "Heavy showers will affect all areas overnight and tomorrow. Expect local flooding",
        "type": "red",
        "icon": "<svg width=\"28\" height=\"25\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14 0c.836 0 1.61.446 2.028 1.17l11.658 20.194a2.341 2.341 0 01-2.027 3.512H2.34a2.341 2.341 0 01-2.027-3.512L11.972 1.171A2.341 2.341 0 0114 0z\" fill=\"#DD3817\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.002 16.389a1.17 1.17 0 01-1.17-1.171V9.365a1.17 1.17 0 112.34 0v5.853a1.17 1.17 0 01-1.17 1.17z\" fill=\"#fff\"/><circle cx=\"14.002\" cy=\"18.73\" r=\"1.171\" transform=\"rotate(-180 14.002 18.73)\" fill=\"#fff\"/></svg>"
      },
      "showLocation": true,
      "weekForecast": [
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M35.2163 20.7722C34.898 14.768 30 10 24 10C22.751 10 21.5265 10.227 20.4 10.6055C18.5633 11.2109 17.2408 12.1444 15.9673 13.431C14.1061 15.3483 12.9306 17.9215 12.7592 20.7722C12.0735 20.8984 11.4367 21.1254 10.8245 21.4029C10.751 21.4282 10.6776 21.4786 10.6286 21.5039C10.5551 21.5291 10.5061 21.5795 10.4327 21.6048C10.3837 21.63 10.3592 21.6552 10.3102 21.6804C10.1143 21.8066 9.89388 21.9327 9.69796 22.0589C8.59592 22.8157 7.66531 23.7996 7.00408 25.0105V25.0357C6.93061 25.1619 6.88163 25.288 6.80816 25.3889C6.29388 26.4737 6 27.6847 6 28.9713C6 33.5879 9.67347 37.3217 14.2286 37.3217L15.9184 33.4114H14.2286C11.7796 33.4114 9.77143 31.4184 9.77143 28.9713C9.77143 24.8339 13.7633 23.9005 16.3837 24.0771C16.2857 21.4282 16.6531 13.9103 23.9755 13.9103C31.1265 13.9103 31.9837 21.2768 31.5673 24.0771C34.4327 23.8753 38.1796 24.9348 38.1796 28.9713C38.1796 31.2165 36.9306 33.3609 32.6449 33.3609L31.1265 37.3217H33.7469C38.302 37.3217 42 33.5879 42 28.9713C42 24.8844 39.0612 21.4786 35.2163 20.7722Z\"/>\n<path d=\"M28.8104 29C25.9812 30.4358 24.1713 31.3144 23.3808 32.7288C22.5903 34.1432 23.0687 35.9647 24.4625 36.8005C25.8564 37.6363 27.6246 37.1434 28.4151 35.729C29.2056 34.2932 29.0392 32.2574 28.8104 29Z\"/>\n<path d=\"M20.8104 36C17.9604 37.4272 16.1713 38.3137 15.3808 39.7409C14.5903 41.1681 15.0687 43.0061 16.4625 43.8494C17.8564 44.6928 19.6246 44.1954 20.4151 42.7682C21.2056 41.3411 21.0392 39.2868 20.8104 36Z\"/></svg>",
          "text": "Sat",
          "temperatureCelsius": "10°",
          "temperatureFahrenheit": "48.8°"
        },
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M35.2163 20.4571C34.898 14.6286 30 10 24 10C22.751 10 21.5265 10.2204 20.4 10.5878C18.5633 11.1755 17.2408 12.0816 15.9673 13.3306C14.1061 15.1918 12.9306 17.6898 12.7592 20.4571C12.0735 20.5796 11.4367 20.8 10.8245 21.0694C10.751 21.0939 10.6776 21.1429 10.6286 21.1673C10.5551 21.1918 10.5061 21.2408 10.4327 21.2653C10.3837 21.2898 10.3592 21.3143 10.3102 21.3388C10.1143 21.4612 9.89388 21.5837 9.69796 21.7061C8.59592 22.4408 7.66531 23.3959 7.00408 24.5714V24.5959C6.93061 24.7184 6.88163 24.8408 6.80816 24.9388C6.29388 25.9918 6 27.1673 6 28.4163C6 32.898 9.67347 36.5224 14.2286 36.5224L15.9184 32.7265H14.2286C11.7796 32.7265 9.77143 30.7918 9.77143 28.4163C9.77143 24.4 13.7633 23.4939 16.3837 23.6653C16.2857 21.0939 16.6531 13.7959 23.9755 13.7959C31.1265 13.7959 31.9837 20.9469 31.5673 23.6653C34.4327 23.4694 38.2531 24.8408 38.1796 28.4163C38.1306 30.5959 36.9061 32.5796 30.9306 32.6776L29.4122 36.5224H33.7469C38.302 36.5224 42 32.898 42 28.4163C42 24.449 39.0612 21.1429 35.2163 20.4571Z\"/>\n<path d=\"M24.4525 32.4525H28.5475L20.3576 42L23.095 35.1899H19L22.8279 27H26.9674L24.4525 32.4525Z\"/>\n<path d=\"M17.1339 39C14.6421 40.2048 13.0539 40.9715 12.3419 42.1764C11.63 43.3812 12.0681 44.942 13.3003 45.6539C14.5325 46.3659 16.0933 45.9551 16.7779 44.7503C17.4898 43.5181 17.3529 41.7656 17.1339 39Z\"/></svg>",
          "text": "Sun",
          "temperatureCelsius": "10°",
          "temperatureFahrenheit": "48.8°"
        },
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M35.2163 20.4571C34.898 14.6286 30 10 24 10C22.751 10 21.5265 10.2204 20.4 10.5878C18.5633 11.1755 17.2408 12.0816 15.9673 13.3306C14.1061 15.1918 12.9306 17.6898 12.7592 20.4571C12.0735 20.5796 11.4367 20.8 10.8245 21.0694C10.751 21.0939 10.6776 21.1429 10.6286 21.1673C10.5551 21.1918 10.5061 21.2408 10.4327 21.2653C10.3837 21.2898 10.3592 21.3143 10.3102 21.3388C10.1143 21.4612 9.89388 21.5837 9.69796 21.7061C8.59592 22.4408 7.66531 23.3959 7.00408 24.5714V24.5959C6.93061 24.7184 6.88163 24.8408 6.80816 24.9388C6.29388 25.9918 6 27.1673 6 28.4163C6 32.7755 9.52653 36.351 13.9347 36.5224C14.0082 36.5224 17.0449 36.5224 18.3184 36.5224C18.6122 36.5224 29.3878 36.5224 31.1265 36.5224H33.7469C38.302 36.5224 42 32.898 42 28.4163C42 24.449 39.0612 21.1429 35.2163 20.4571ZM32.7918 32.7265H32.6204H18.8327H15.551H14.2531C11.8041 32.7265 9.79592 30.7918 9.79592 28.4163C9.79592 24.4 13.7878 23.4939 16.4082 23.6653C16.3102 21.0939 16.6776 13.7959 24 13.7959C31.151 13.7959 32.0082 20.9469 31.5918 23.6653C34.4571 23.4694 38.2041 24.498 38.2041 28.4163C38.2041 30.5959 36.6612 32.7265 32.7918 32.7265Z\"/></svg>",
          "text": "Mon",
          "temperatureCelsius": "10°",
          "temperatureFahrenheit": "48.8°"
        },
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M35.2163 20.4571C34.898 14.6286 30 10 24 10C22.751 10 21.5265 10.2204 20.4 10.5878C18.5633 11.1755 17.2408 12.0816 15.9673 13.3306C14.1061 15.1918 12.9306 17.6898 12.7592 20.4571C12.0735 20.5796 11.4367 20.8 10.8245 21.0694C10.751 21.0939 10.6776 21.1429 10.6286 21.1673C10.5551 21.1918 10.5061 21.2408 10.4327 21.2653C10.3837 21.2898 10.3592 21.3143 10.3102 21.3388C10.1143 21.4612 9.89388 21.5837 9.69796 21.7061C8.59592 22.4408 7.66531 23.3959 7.00408 24.5714V24.5959C6.93061 24.7184 6.88163 24.8408 6.80816 24.9388C6.29388 25.9918 6 27.1673 6 28.4163C6 32.7755 9.52653 36.351 13.9347 36.5224C14.0082 36.5224 17.0449 36.5224 18.3184 36.5224C18.6122 36.5224 29.3878 36.5224 31.1265 36.5224H33.7469C38.302 36.5224 42 32.898 42 28.4163C42 24.449 39.0612 21.1429 35.2163 20.4571ZM32.7918 32.7265H32.6204H18.8327H15.551H14.2531C11.8041 32.7265 9.79592 30.7918 9.79592 28.4163C9.79592 24.4 13.7878 23.4939 16.4082 23.6653C16.3102 21.0939 16.6776 13.7959 24 13.7959C31.151 13.7959 32.0082 20.9469 31.5918 23.6653C34.4571 23.4694 38.2041 24.498 38.2041 28.4163C38.2041 30.5959 36.6612 32.7265 32.7918 32.7265Z\"/></svg>",
          "text": "Tues",
          "temperatureCelsius": "10°",
          "temperatureFahrenheit": "48.8°"
        },
        {
          "icon": "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M9.594 21H6V18H9.594V21ZM21 11.313V6H18V11.313H21ZM13.8105 12.627L10.5765 9.393L8.4555 11.514L11.6895 14.748L13.8105 12.627V12.627ZM28.002 9.033L24.8295 12.204L26.9505 14.325L30.123 11.154L28.002 9.033V9.033ZM10.452 25.3935L7.155 28.272L9.1095 30.5475L12.4065 27.669L10.452 25.3935V25.3935ZM42 29.583C42 33.126 39.075 36 35.469 36H20.031C16.425 36 13.5 33.126 13.5 29.583C13.5 28.428 13.8165 27.348 14.361 26.4135C12.915 25.053 12 23.1435 12 21C12 16.857 15.357 13.5 19.5 13.5C21.4935 13.5 23.2845 14.292 24.621 15.564C25.5945 15.204 26.646 15 27.75 15C32.5065 15 36.3795 18.6645 36.6315 23.274C39.6825 23.8125 42 26.4315 42 29.583ZM15 21C15 22.29 15.555 23.442 16.4325 24.258C17.16 23.784 17.976 23.4315 18.8685 23.274C19.0005 20.859 20.133 18.711 21.8595 17.205C21.1695 16.773 20.373 16.5 19.5 16.5C17.019 16.5 15 18.519 15 21V21ZM39 29.583C39 26.469 36.0315 25.656 33.7665 25.815C34.0935 23.6565 33.4065 18 27.75 18C21.9375 18 21.657 23.781 21.7335 25.8135C19.656 25.6875 16.5 26.406 16.5 29.583C16.5 31.467 18.084 33 20.031 33H35.4675C37.416 33 39 31.467 39 29.583V29.583Z\"/></svg>",
          "text": "Wed",
          "temperatureCelsius": "10°",
          "temperatureFahrenheit": "48.8°"
        }
      ],
      "informationItems": null,
      "backgroundResponsiveImage": {
        "altText": "Alt Text",
        "lowResolutionUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=100&q=10",
        "fallbackImageUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=2100&q=80",
        "sources": [
          {
            "type": "image/jpeg",
            "largeUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=2100&q=80",
            "smallUrl": "https://images.unsplash.com/photo-1592961091394-1e47b3f90af6?ixlib=rb-1.2.1&auto=format&fit=crop&w=640&q=80"
          }
        ]
      },
      "isDefault": false
    }
  ],
  "likeButton": {
    "buttonText": "Save to my board",
    "card": {
      "isFeatured": true,
      "cardType": "Generic",
      "responsiveImage": {
        "forceLoad": true,
        "dominantColour": "#938C7D",
        "altText": "Alt Text",
        "lowResolutionUrl": "https://images.unsplash.com/photo-1528108058346-0457fb78ab00?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=50&q=10",
        "sources": [
          {
            "type": "image/jpeg",
            "largeUrl": "https://images.unsplash.com/photo-1528108058346-0457fb78ab00?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80",
            "smallUrl": "https://images.unsplash.com/photo-1528108058346-0457fb78ab00?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80"
          }
        ],
        "fallbackImageUrl": "https://images.unsplash.com/photo-1528108058346-0457fb78ab00?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80"
      },
      "webAppMode": true,
      "likeText": "Like",
      "cardId": 1338,
      "pageType": "Accommodation",
      "title": "Accom example",
      "subtitle": "",
      "locationName": "Belfast",
      "location": {
        "longitude": -5.95577,
        "latitude": 54.59623
      },
      "timeSpan": {
        "text": "14 - 18 March"
      },
      "starRating": {
        "rating": 4,
        "total": 5
      },
      "tags": {
        "isLarge": false,
        "hashtags": [
          {
            "text": "#Citybreak",
            "url": "#citybreak",
            "tagName": "citybreak"
          },
          {
            "text": "#Adventure",
            "url": "#adventure",
            "tagName": "adventure"
          },
          {
            "text": "#Surfing",
            "url": "#surfing",
            "tagName": "surfing"
          }
        ]
      }
    }
  }
}

There are no notes for this item.