Settings Box

<div class="sui-box">

	<div class="sui-box-header">

		<h2 class="sui-box-title">Options</h2>

		<div class="sui-actions-left">
			<span class="sui-tag sui-tag-pro">Pro</span>
		</div>

	</div>

	<div class="sui-box-body sui-upsell-items">

		<div class="sui-box-settings-row">

			<div class="sui-box-settings-col-1">

				<span class="sui-settings-label">Reset to defaults</span>

				<span id="reset-settings" class="sui-description">If your frontend has fallen apart or you just want to go back to the default settings you can use this button to do so. It will clear all your settings and run a new file check.</span>

			</div>

			<div class="sui-box-settings-col-2">

				<div class="sui-form-field">
					<button aria-describedby="reset-settings" class="sui-button sui-button-ghost">Reset</button>
				</div>

			</div>

		</div>

		<div class="sui-box-settings-row sui-disabled">

			<div class="sui-box-settings-col-1">

				<span class="sui-settings-label-with-tag">Super-compress my files <span class="sui-tag sui-tag-pro">Pro</span></span>

				<span id="super-compression" class="sui-description">Compress your files up to 2x more than regular optimization and reduce your page load speed even further.</span>

			</div>

			<div class="sui-box-settings-col-2">

				<label class="sui-toggle">
					<input type="checkbox" aria-describedby="super-compression">
					<span aria-hidden="true" class="sui-toggle-slider"></span>
				</label>

				<label class="sui-toggle-label">Enable super-compression</label>

			</div>

		</div>

		<div class="sui-box-settings-row sui-disabled">

			<div class="sui-box-settings-col-1">

				<span class="sui-settings-label-with-tag">Enable WPMU DEV CDN <span class="sui-tag sui-tag-pro">Pro</span></span>

				<span id="cdn" class="sui-description">By default your files are hosted on your own server. With this setting enabled we will host your files on WPMU DEV’s secure and hyper fast CDN.</span>

			</div>

			<div class="sui-box-settings-col-2">

				<div class="sui-form-field">
					<label class="sui-toggle">
						<input type="checkbox" aria-describedby="cdn">
						<span aria-hidden="true" class="sui-toggle-slider"></span>
					</label>
					<label class="sui-toggle-label">Host my files on the WPMU DEV CDN</label>
				</div>

			</div>

		</div>

		<div class="sui-upsell-notice sui-padding sui-padding-bottom__desktop--hidden">

			<div class="sui-upsell-notice__image" aria-hidden="true">
				<img
					class="sui-image"
					src="image-url.png"
					srcset="image-url.png 1x, image-url@2x.png 2x"
					alt="Hummingbird Upsell Image"
				/>
			</div>

			<div class="sui-upsell-notice__content">

				<div class="sui-notice sui-notice-purple">

					<div class="sui-notice-content">

						<div class="sui-notice-message">

							<span class="sui-notice-icon sui-icon-info sui-md" aria-hidden="true"></span>

							<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean lacinia bibendum nulla sed consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna.</p>

							<p><a class="sui-button sui-button-purple">Try Pro Free for 30 Days</a></p>

						</div>

					</div>

				</div>

			</div>

		</div>

	</div>

</div>