<h1>Plugins</h1>An overview of Jumpstart's extended Javascript functionality.<br /><a href="https://jumpstart.mediumra.re/documentation/index.html" target="_blank" rel="noopener noreferrer">Click here</a> to see full documentation.		
		<h4>Countdowns</h4><p>Count down to a specified date and time in the future.</p><h6>Simple Example</h6>		
					<h4 data-countdown-date="2019/12/06"></h4>
		<h6>Simple Example - Elapsed</h6>		
					<h4 data-countdown-date="2018/12/06"></h4>
		<p>Detailed Example</p>		
		                  Days
		                  Hours
		                  Minutes
		                  Seconds
						  <h1>This is the fallback for when the countdown is elapsed</h1>
		<h6>Detailed Example - Elapsed</h6>		
				  		This is the fallback for when the countdown is elapsed
		<h4>Counters</h4>
            <p>Animated counting up or down to a specified value.</p>		
			<h6>Average Rating</h6>		
			<h6>Support</h6>		
			<h6>Downloads</h6>		
			<h6>Uptime</h6>		
			<h6>Average Rating</h6>		
			<h6>Downloads</h6>		
			<h6>Paid out this year</h6>		
			<h6>Active Accounts</h6>		
			<h6>Support Tickets Closed</h6>		
		<h4>Date Pickers</h4>
            <p>Turn a text input into a beautiful, flexible date picker.</p><p>[contact-form-7 id="877" title="Date Pickers"]</p><h4>Google Maps</h4>
            <p>Richly featured maps implementation. Easy to customize and style.</p><h6>Basic Example Using Address</h6>		
									<h5>Info windows in Jumpstart</h5><img src="https://hiwaad.com/wp-content/uploads/2019/08/jumpstart.png" alt="Jumpstart Logo" /><p>We've made info windows easy in Jumpstart, so you can use any HTML in this infowindow on your map.</p><h6>Address</h6><address>443 Park Avenue South, Kips Bay New York City</address><p><a href="#" target="_blank" rel="noopener noreferrer">... More Info</a></p>
		<h6>Styled Map</h6>		
									<h5>Info windows in Jumpstart</h5><img src="https://hiwaad.com/wp-content/uploads/2019/08/jumpstart.png" alt="Jumpstart Logo" /><p>We've made info windows easy in Jumpstart, so you can use any HTML in this infowindow on your map.</p><h6>Address</h6><address>443 Park Avenue South, Kips Bay New York City</address><p><a href="#" target="_blank" rel="noopener noreferrer">... More Info</a></p>
						[ { "featureType": "administrative", "elementType": "labels.text.fill", "stylers": [ { "color": "#444444" } ] }, { "featureType": "landscape", "elementType": "all", "stylers": [ { "color": "#f2f2f2" } ] }, { "featureType": "poi", "elementType": "all",                     "stylers": [ { "visibility": "off" } ] }, { "featureType": "road", "elementType": "all", "stylers": [ { "saturation": -100 }, { "lightness": 45 } ] }, { "featureType": "road.highway", "elementType": "all", "stylers": [ { "visibility":                     "simplified" } ] }, { "featureType": "road.arterial", "elementType": "labels.icon", "stylers": [ { "visibility": "off" } ] }, { "featureType": "transit", "elementType": "all", "stylers": [ { "visibility": "off" } ] }, { "featureType":                     "water", "elementType": "all", "stylers": [ { "color": "#f88e88" }, { "visibility": "on" } ] } ]
		<h6>Styled Map</h6>		
<h5>Info windows in Jumpstart</h5>
<img src="https://hiwaad.com/wp-content/uploads/2019/08/jumpstart.png" alt="Jumpstart Logo" />
We've made info windows easy in Jumpstart, so you can use any HTML in this infowindow on your map.
<h6>Address</h6>
<address>443 Park Avenue South, Kips Bay New York City</address><a href="#" target="_blank" rel="noopener noreferrer">... More Info</a>
<h5>Info windows in Jumpstart</h5>
<img src="https://hiwaad.com/wp-content/uploads/2019/08/jumpstart.png" alt="Jumpstart Logo" />
We've made info windows easy in Jumpstart, so you can use any HTML in this infowindow on your map.
<h6>Address</h6>
<address>443 Park Avenue South, Kips Bay New York City</address><a href="#" target="_blank" rel="noopener noreferrer">... More Info</a>
<h5>Info windows in Jumpstart</h5>
<img src="https://hiwaad.com/wp-content/uploads/2019/08/jumpstart.png" alt="Jumpstart Logo" />
We've made info windows easy in Jumpstart, so you can use any HTML in this infowindow on your map.
<h6>Address</h6>
<address>443 Park Avenue South, Kips Bay New York City</address><a href="#" target="_blank" rel="noopener noreferrer">... More Info</a>
						[ { "featureType": "all", "elementType": "geometry.fill", "stylers": [ { "weight": "2.00" } ] }, { "featureType": "all", "elementType": "geometry.stroke", "stylers": [ { "color": "#9c9c9c" } ] }, { "featureType": "all", "elementType": "labels.text", "stylers":                     [ { "visibility": "on" } ] }, { "featureType": "administrative.land_parcel", "elementType": "geometry.fill", "stylers": [ { "visibility": "on" }, { "color": "#372305" }, { "saturation": "-25" } ] }, { "featureType": "landscape", "elementType":                     "all", "stylers": [ { "color": "#f2f2f2" } ] }, { "featureType": "landscape", "elementType": "geometry.fill", "stylers": [ { "color": "#ffffff" } ] }, { "featureType": "landscape.man_made", "elementType": "geometry.fill", "stylers":                     [ { "color": "#ffffff" } ] }, { "featureType": "poi", "elementType": "all", "stylers": [ { "visibility": "off" } ] }, { "featureType": "road", "elementType": "all", "stylers": [ { "saturation": -100 }, { "lightness": 45 } ] }, { "featureType":                     "road", "elementType": "geometry.fill", "stylers": [ { "color": "#eeeeee" } ] }, { "featureType": "road", "elementType": "labels.text.fill", "stylers": [ { "color": "#7b7b7b" } ] }, { "featureType": "road", "elementType": "labels.text.stroke",                     "stylers": [ { "color": "#ffffff" } ] }, { "featureType": "road.highway", "elementType": "all", "stylers": [ { "visibility": "simplified" } ] }, { "featureType": "road.arterial", "elementType": "labels.icon", "stylers": [ { "visibility":                     "off" } ] }, { "featureType": "transit", "elementType": "all", "stylers": [ { "visibility": "off" } ] }, { "featureType": "water", "elementType": "all", "stylers": [ { "color": "#46bcec" }, { "visibility": "on" } ] }, { "featureType":                     "water", "elementType": "geometry.fill", "stylers": [ { "color": "#c8d7d4" } ] }, { "featureType": "water", "elementType": "labels.text.fill", "stylers": [ { "color": "#070707" } ] }, { "featureType": "water", "elementType": "labels.text.stroke",                     "stylers": [ { "color": "#ffffff" } ] } ]
		<h4>Lightbox Gallery</h4>
Group collections of images to be viewed in a scrollable lightbox. Powered by Fancyapps' Fancybox plugin.<p>[gallery link="file" size="medium" ids="23,31,33,22,29,24"]</p><h4>Masonry Layout</h4>
            <p>Lay out and filter a collection of elements in masonry style. Powered by Metafizzy's Isotope plugin.</p><h6>Basic Masonry</h6>		
		<h6>Filterable Masonry</h6>		
			<ul data-isotope-filters data-isotope-id="isotope-2">
                  <li>
                    <a href="#" data-filter="*">All</a>
                  </li>
                  <li>
                    <a href="#" data-filter="Icon">Icons</a>
                  </li>
                  <li>
                    <a href="#" data-filter="Navy">Navy</a>
                  </li>
                  <li>
                    <a href="#" data-filter="Blue">Blue</a>
                  </li>
                  <li>
                    <a href="#" data-filter="Red">Red</a>
                  </li>
                </ul>
                      <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" data-src="assets/img/icons/theme/general/thunder-move.svg">
    <title>Icon For Thunder-move</title>
    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <rect opacity="0" x="0" y="0" width="24" height="24"></rect>
        <path d="M16.3740377,19.9389434 L22.2226499,11.1660251 C22.4524142,10.8213786 22.3592838,10.3557266 22.0146373,10.1259623 C21.8914367,10.0438285 21.7466809,10 21.5986122,10 L17,10 L17,4.47708173 C17,4.06286817 16.6642136,3.72708173 16.25,3.72708173 C15.9992351,3.72708173 15.7650616,3.85240758 15.6259623,4.06105658 L9.7773501,12.8339749 C9.54758575,13.1786214 9.64071616,13.6442734 9.98536267,13.8740377 C10.1085633,13.9561715 10.2533191,14 10.4013878,14 L15,14 L15,19.5229183 C15,19.9371318 15.3357864,20.2729183 15.75,20.2729183 C16.0007649,20.2729183 16.2349384,20.1475924 16.3740377,19.9389434 Z" fill="#000000"></path>
        <path d="M4.5,5 L9.5,5 C10.3284271,5 11,5.67157288 11,6.5 C11,7.32842712 10.3284271,8 9.5,8 L4.5,8 C3.67157288,8 3,7.32842712 3,6.5 C3,5.67157288 3.67157288,5 4.5,5 Z M4.5,17 L9.5,17 C10.3284271,17 11,17.6715729 11,18.5 C11,19.3284271 10.3284271,20 9.5,20 L4.5,20 C3.67157288,20 3,19.3284271 3,18.5 C3,17.6715729 3.67157288,17 4.5,17 Z M2.5,11 L6.5,11 C7.32842712,11 8,11.6715729 8,12.5 C8,13.3284271 7.32842712,14 6.5,14 L2.5,14 C1.67157288,14 1,13.3284271 1,12.5 C1,11.6715729 1.67157288,11 2.5,11 Z" fill="#000000" opacity="0.3"></path>
    </g>
</svg>
                      <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" data-src="assets/img/icons/theme/general/thunder-move.svg">
    <title>Icon For Thunder-move</title>
    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <rect opacity="0" x="0" y="0" width="24" height="24"></rect>
        <path d="M16.3740377,19.9389434 L22.2226499,11.1660251 C22.4524142,10.8213786 22.3592838,10.3557266 22.0146373,10.1259623 C21.8914367,10.0438285 21.7466809,10 21.5986122,10 L17,10 L17,4.47708173 C17,4.06286817 16.6642136,3.72708173 16.25,3.72708173 C15.9992351,3.72708173 15.7650616,3.85240758 15.6259623,4.06105658 L9.7773501,12.8339749 C9.54758575,13.1786214 9.64071616,13.6442734 9.98536267,13.8740377 C10.1085633,13.9561715 10.2533191,14 10.4013878,14 L15,14 L15,19.5229183 C15,19.9371318 15.3357864,20.2729183 15.75,20.2729183 C16.0007649,20.2729183 16.2349384,20.1475924 16.3740377,19.9389434 Z" fill="#000000"></path>
        <path d="M4.5,5 L9.5,5 C10.3284271,5 11,5.67157288 11,6.5 C11,7.32842712 10.3284271,8 9.5,8 L4.5,8 C3.67157288,8 3,7.32842712 3,6.5 C3,5.67157288 3.67157288,5 4.5,5 Z M4.5,17 L9.5,17 C10.3284271,17 11,17.6715729 11,18.5 C11,19.3284271 10.3284271,20 9.5,20 L4.5,20 C3.67157288,20 3,19.3284271 3,18.5 C3,17.6715729 3.67157288,17 4.5,17 Z M2.5,11 L6.5,11 C7.32842712,11 8,11.6715729 8,12.5 C8,13.3284271 7.32842712,14 6.5,14 L2.5,14 C1.67157288,14 1,13.3284271 1,12.5 C1,11.6715729 1.67157288,11 2.5,11 Z" fill="#000000" opacity="0.3"></path>
    </g>
</svg>
                      <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" data-src="assets/img/icons/theme/general/thunder-move.svg">
    <title>Icon For Thunder-move</title>
    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <rect opacity="0" x="0" y="0" width="24" height="24"></rect>
        <path d="M16.3740377,19.9389434 L22.2226499,11.1660251 C22.4524142,10.8213786 22.3592838,10.3557266 22.0146373,10.1259623 C21.8914367,10.0438285 21.7466809,10 21.5986122,10 L17,10 L17,4.47708173 C17,4.06286817 16.6642136,3.72708173 16.25,3.72708173 C15.9992351,3.72708173 15.7650616,3.85240758 15.6259623,4.06105658 L9.7773501,12.8339749 C9.54758575,13.1786214 9.64071616,13.6442734 9.98536267,13.8740377 C10.1085633,13.9561715 10.2533191,14 10.4013878,14 L15,14 L15,19.5229183 C15,19.9371318 15.3357864,20.2729183 15.75,20.2729183 C16.0007649,20.2729183 16.2349384,20.1475924 16.3740377,19.9389434 Z" fill="#000000"></path>
        <path d="M4.5,5 L9.5,5 C10.3284271,5 11,5.67157288 11,6.5 C11,7.32842712 10.3284271,8 9.5,8 L4.5,8 C3.67157288,8 3,7.32842712 3,6.5 C3,5.67157288 3.67157288,5 4.5,5 Z M4.5,17 L9.5,17 C10.3284271,17 11,17.6715729 11,18.5 C11,19.3284271 10.3284271,20 9.5,20 L4.5,20 C3.67157288,20 3,19.3284271 3,18.5 C3,17.6715729 3.67157288,17 4.5,17 Z M2.5,11 L6.5,11 C7.32842712,11 8,11.6715729 8,12.5 C8,13.3284271 7.32842712,14 6.5,14 L2.5,14 C1.67157288,14 1,13.3284271 1,12.5 C1,11.6715729 1.67157288,11 2.5,11 Z" fill="#000000" opacity="0.3"></path>
    </g>
</svg>
		<h4>Modals</h4><p>Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.</p>		
				<button type="button" data-toggle="modal" data-target="#modal-4303">
					Basic Modal
				</button>
									<button type="button" data-dismiss="modal" aria-label="Close">
										<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M18 6L6 18" stroke="#2C3038" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						<path d="M6 6L18 18" stroke="#2C3038" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
					</svg>
									</button>
								<p>Hello, im a basic modal!</p>
				<button type="button" data-toggle="modal" data-target="#modal-430323">
					Sign In
				</button>
									<button type="button" data-dismiss="modal" aria-label="Close">
										<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M18 6L6 18" stroke="#2C3038" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						<path d="M6 6L18 18" stroke="#2C3038" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
					</svg>
									</button>
								<h5 style="text-align: center;">Sign In</h5>Enter your account details below 
		<form name="loginform" id="loginform" action="http://jumpstart.tommusdemos.wpengine.com/wp-login.php?wpe-login=true" method="post">
			<p>
				<label for="user_login">Username or Email Address</label>
				<input type="text" name="log" id="user_login" value="" size="20" />
			</p>
			<p>
				<label for="user_pass">Password</label>
				<input type="password" name="pwd" id="user_pass" value="" size="20" />
			</p>
			<p><label><input name="rememberme" type="checkbox" id="rememberme" value="forever" /> Remember Me</label></p>
			<p>
				<input type="submit" name="wp-submit" id="wp-submit" value="Log In" />
				<input type="hidden" name="redirect_to" value="http://jumpstart.tommusdemos.wpengine.com/wp-admin/admin-ajax.php" />
			</p>
		</form>
				<button type="button" data-toggle="modal" data-target="#subscribe-modal">
					Subscribe
				</button>
									<button type="button" data-dismiss="modal" aria-label="Close">
										<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M18 6L6 18" stroke="#2C3038" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						<path d="M6 6L18 18" stroke="#2C3038" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
					</svg>
									</button>
								<h5 style="text-align: center;">Subscribe Now</h5>Get great, spam-free content every month.<p style="text-align: center;">
<form action="/wp-admin/admin-ajax.php#wpcf7-f217-o1" method="post" novalidate="novalidate">
<input type="hidden" name="_wpcf7" value="217" />
<input type="hidden" name="_wpcf7_version" value="5.1.3" />
<input type="hidden" name="_wpcf7_locale" value="en_US" />
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f217-o1" />
<input type="hidden" name="_wpcf7_container_post" value="0" />
    <input type="text" name="email" value="" size="40" aria-required="true" aria-invalid="false" placeholder="Email Address" /><input type="submit" value="Subscribe" />
</form></p>We'll never share your email address
				<button type="button" data-toggle="modal" data-target="#confrimation-modal">
					Confirmation
				</button>
									<button type="button" data-dismiss="modal" aria-label="Close">
										<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M18 6L6 18" stroke="#2C3038" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						<path d="M6 6L18 18" stroke="#2C3038" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
					</svg>
									</button>
							<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                      <title>Readed-mail</title>
                      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                        <rect opacity="0" x="0" y="0" width="24" height="24"></rect>
                        <path d="M4.875,20.75 C4.63541667,20.75 4.39583333,20.6541667 4.20416667,20.4625 L2.2875,18.5458333 C1.90416667,18.1625 1.90416667,17.5875 2.2875,17.2041667 C2.67083333,16.8208333 3.29375,16.8208333 3.62916667,17.2041667 L4.875,18.45 L8.0375,15.2875 C8.42083333,14.9041667 8.99583333,14.9041667 9.37916667,15.2875 C9.7625,15.6708333 9.7625,16.2458333 9.37916667,16.6291667 L5.54583333,20.4625 C5.35416667,20.6541667 5.11458333,20.75 4.875,20.75 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"></path>
                        <path d="M12.9835977,18 C12.7263047,14.0909841 9.47412135,11 5.5,11 C4.98630124,11 4.48466491,11.0516454 4,11.1500272 L4,7 C4,5.8954305 4.8954305,5 6,5 L20,5 C21.1045695,5 22,5.8954305 22,7 L22,16 C22,17.1045695 21.1045695,18 20,18 L12.9835977,18 Z M19.1444251,6.83964668 L13,10.1481833 L6.85557487,6.83964668 C6.4908718,6.6432681 6.03602525,6.77972206 5.83964668,7.14442513 C5.6432681,7.5091282 5.77972206,7.96397475 6.14442513,8.16035332 L12.6444251,11.6603533 C12.8664074,11.7798822 13.1335926,11.7798822 13.3555749,11.6603533 L19.8555749,8.16035332 C20.2202779,7.96397475 20.3567319,7.5091282 20.1603533,7.14442513 C19.9639747,6.77972206 19.5091282,6.6432681 19.1444251,6.83964668 Z" fill="#000000"></path>
                      </g>
                    </svg>
								<h5 style="text-align: center;">Check your inbox</h5><p style="text-align: center;">We have just sent further instructions for activating your account to <strong>name@company.io</strong></p>
				<button type="button" data-toggle="modal" data-target="#subscribe-modal-2">
					Subscribe Image
				</button>
								<img width="1000" height="1000" src="https://hiwaad.com/wp-content/uploads/2019/08/square-3.jpg" alt="" srcset="https://hiwaad.com/wp-content/uploads/2019/08/square-3.jpg 1000w, http://jumpstart.tommusdemos.wpengine.com/wp-content/uploads/sites/98/2019/08/square-3-150x150.jpg 150w, http://jumpstart.tommusdemos.wpengine.com/wp-content/uploads/sites/98/2019/08/square-3-300x300.jpg 300w, http://jumpstart.tommusdemos.wpengine.com/wp-content/uploads/sites/98/2019/08/square-3-768x768.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" />
										<button type="button" data-dismiss="modal" aria-label="Close">
											<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M18 6L6 18" stroke="#2C3038" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						<path d="M6 6L18 18" stroke="#2C3038" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
					</svg>
										</button>
									<h5 style="text-align: center;">Subscribe Now</h5>Get great, spam-free content every month.<p style="text-align: center;">
<form action="/wp-admin/admin-ajax.php#wpcf7-f217-o2" method="post" novalidate="novalidate">
<input type="hidden" name="_wpcf7" value="217" />
<input type="hidden" name="_wpcf7_version" value="5.1.3" />
<input type="hidden" name="_wpcf7_locale" value="en_US" />
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f217-o2" />
<input type="hidden" name="_wpcf7_container_post" value="0" />
    <input type="text" name="email" value="" size="40" aria-required="true" aria-invalid="false" placeholder="Email Address" /><input type="submit" value="Subscribe" />
</form></p>We'll never share your email address
				<button type="button" data-toggle="modal" data-target="#cookies-modal">
					Cookies
				</button>
								<p><img src="http://uptime.tommusdemos.wpengine.com/wp-content/uploads/sites/95/2019/05/eu.png" alt="EU Flag" /></p>Our site uses cookies to ensure the best browsing experience possible. See our <a href="#">Privacy Policy</a> for more details.<p><button data-dismiss="modal">Agree &amp; continue</button></p>
		<h4>Parallax</h4><p>Animate elements with the scrolling of the page. Please note, the parallax stars are for demonstration purposes only.</p><h6>Parallax Background Image</h6>		
                <h6>Parallax Elements</h6>
                      <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" data-src="assets/img/icons/theme/general/star.svg">
    <title>Icon For Star</title>
    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <polygon points="0 0 24 0 24 24 0 24" opacity="0"></polygon>
        <path d="M12,18 L7.91561963,20.1472858 C7.42677504,20.4042866 6.82214789,20.2163401 6.56514708,19.7274955 C6.46280801,19.5328351 6.42749334,19.309867 6.46467018,19.0931094 L7.24471742,14.545085 L3.94038429,11.3241562 C3.54490071,10.938655 3.5368084,10.3055417 3.92230962,9.91005817 C4.07581822,9.75257453 4.27696063,9.65008735 4.49459766,9.61846284 L9.06107374,8.95491503 L11.1032639,4.81698575 C11.3476862,4.32173209 11.9473121,4.11839309 12.4425657,4.36281539 C12.6397783,4.46014562 12.7994058,4.61977315 12.8967361,4.81698575 L14.9389263,8.95491503 L19.5054023,9.61846284 C20.0519472,9.69788046 20.4306287,10.2053233 20.351211,10.7518682 C20.3195865,10.9695052 20.2170993,11.1706476 20.0596157,11.3241562 L16.7552826,14.545085 L17.5353298,19.0931094 C17.6286908,19.6374458 17.263103,20.1544017 16.7187666,20.2477627 C16.5020089,20.2849396 16.2790408,20.2496249 16.0843804,20.1472858 L12,18 Z" fill="#000000"></path>
    </g>
</svg>
                      <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" data-src="assets/img/icons/theme/general/star.svg">
    <title>Icon For Star</title>
    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <polygon points="0 0 24 0 24 24 0 24" opacity="0"></polygon>
        <path d="M12,18 L7.91561963,20.1472858 C7.42677504,20.4042866 6.82214789,20.2163401 6.56514708,19.7274955 C6.46280801,19.5328351 6.42749334,19.309867 6.46467018,19.0931094 L7.24471742,14.545085 L3.94038429,11.3241562 C3.54490071,10.938655 3.5368084,10.3055417 3.92230962,9.91005817 C4.07581822,9.75257453 4.27696063,9.65008735 4.49459766,9.61846284 L9.06107374,8.95491503 L11.1032639,4.81698575 C11.3476862,4.32173209 11.9473121,4.11839309 12.4425657,4.36281539 C12.6397783,4.46014562 12.7994058,4.61977315 12.8967361,4.81698575 L14.9389263,8.95491503 L19.5054023,9.61846284 C20.0519472,9.69788046 20.4306287,10.2053233 20.351211,10.7518682 C20.3195865,10.9695052 20.2170993,11.1706476 20.0596157,11.3241562 L16.7552826,14.545085 L17.5353298,19.0931094 C17.6286908,19.6374458 17.263103,20.1544017 16.7187666,20.2477627 C16.5020089,20.2849396 16.2790408,20.2496249 16.0843804,20.1472858 L12,18 Z" fill="#000000"></path>
    </g>
</svg>
                      <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" data-src="assets/img/icons/theme/general/star.svg">
    <title>Icon For Star</title>
    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <polygon points="0 0 24 0 24 24 0 24" opacity="0"></polygon>
        <path d="M12,18 L7.91561963,20.1472858 C7.42677504,20.4042866 6.82214789,20.2163401 6.56514708,19.7274955 C6.46280801,19.5328351 6.42749334,19.309867 6.46467018,19.0931094 L7.24471742,14.545085 L3.94038429,11.3241562 C3.54490071,10.938655 3.5368084,10.3055417 3.92230962,9.91005817 C4.07581822,9.75257453 4.27696063,9.65008735 4.49459766,9.61846284 L9.06107374,8.95491503 L11.1032639,4.81698575 C11.3476862,4.32173209 11.9473121,4.11839309 12.4425657,4.36281539 C12.6397783,4.46014562 12.7994058,4.61977315 12.8967361,4.81698575 L14.9389263,8.95491503 L19.5054023,9.61846284 C20.0519472,9.69788046 20.4306287,10.2053233 20.351211,10.7518682 C20.3195865,10.9695052 20.2170993,11.1706476 20.0596157,11.3241562 L16.7552826,14.545085 L17.5353298,19.0931094 C17.6286908,19.6374458 17.263103,20.1544017 16.7187666,20.2477627 C16.5020089,20.2849396 16.2790408,20.2496249 16.0843804,20.1472858 L12,18 Z" fill="#000000"></path>
    </g>
</svg>
                      <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" data-src="assets/img/icons/theme/general/star.svg">
    <title>Icon For Star</title>
    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <polygon points="0 0 24 0 24 24 0 24" opacity="0"></polygon>
        <path d="M12,18 L7.91561963,20.1472858 C7.42677504,20.4042866 6.82214789,20.2163401 6.56514708,19.7274955 C6.46280801,19.5328351 6.42749334,19.309867 6.46467018,19.0931094 L7.24471742,14.545085 L3.94038429,11.3241562 C3.54490071,10.938655 3.5368084,10.3055417 3.92230962,9.91005817 C4.07581822,9.75257453 4.27696063,9.65008735 4.49459766,9.61846284 L9.06107374,8.95491503 L11.1032639,4.81698575 C11.3476862,4.32173209 11.9473121,4.11839309 12.4425657,4.36281539 C12.6397783,4.46014562 12.7994058,4.61977315 12.8967361,4.81698575 L14.9389263,8.95491503 L19.5054023,9.61846284 C20.0519472,9.69788046 20.4306287,10.2053233 20.351211,10.7518682 C20.3195865,10.9695052 20.2170993,11.1706476 20.0596157,11.3241562 L16.7552826,14.545085 L17.5353298,19.0931094 C17.6286908,19.6374458 17.263103,20.1544017 16.7187666,20.2477627 C16.5020089,20.2849396 16.2790408,20.2496249 16.0843804,20.1472858 L12,18 Z" fill="#000000"></path>
    </g>
</svg>
                      <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" data-src="assets/img/icons/theme/general/star.svg">
    <title>Icon For Star</title>
    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <polygon points="0 0 24 0 24 24 0 24" opacity="0"></polygon>
        <path d="M12,18 L7.91561963,20.1472858 C7.42677504,20.4042866 6.82214789,20.2163401 6.56514708,19.7274955 C6.46280801,19.5328351 6.42749334,19.309867 6.46467018,19.0931094 L7.24471742,14.545085 L3.94038429,11.3241562 C3.54490071,10.938655 3.5368084,10.3055417 3.92230962,9.91005817 C4.07581822,9.75257453 4.27696063,9.65008735 4.49459766,9.61846284 L9.06107374,8.95491503 L11.1032639,4.81698575 C11.3476862,4.32173209 11.9473121,4.11839309 12.4425657,4.36281539 C12.6397783,4.46014562 12.7994058,4.61977315 12.8967361,4.81698575 L14.9389263,8.95491503 L19.5054023,9.61846284 C20.0519472,9.69788046 20.4306287,10.2053233 20.351211,10.7518682 C20.3195865,10.9695052 20.2170993,11.1706476 20.0596157,11.3241562 L16.7552826,14.545085 L17.5353298,19.0931094 C17.6286908,19.6374458 17.263103,20.1544017 16.7187666,20.2477627 C16.5020089,20.2849396 16.2790408,20.2496249 16.0843804,20.1472858 L12,18 Z" fill="#000000"></path>
    </g>
</svg>
                      <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" data-src="assets/img/icons/theme/general/star.svg">
    <title>Icon For Star</title>
    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <polygon points="0 0 24 0 24 24 0 24" opacity="0"></polygon>
        <path d="M12,18 L7.91561963,20.1472858 C7.42677504,20.4042866 6.82214789,20.2163401 6.56514708,19.7274955 C6.46280801,19.5328351 6.42749334,19.309867 6.46467018,19.0931094 L7.24471742,14.545085 L3.94038429,11.3241562 C3.54490071,10.938655 3.5368084,10.3055417 3.92230962,9.91005817 C4.07581822,9.75257453 4.27696063,9.65008735 4.49459766,9.61846284 L9.06107374,8.95491503 L11.1032639,4.81698575 C11.3476862,4.32173209 11.9473121,4.11839309 12.4425657,4.36281539 C12.6397783,4.46014562 12.7994058,4.61977315 12.8967361,4.81698575 L14.9389263,8.95491503 L19.5054023,9.61846284 C20.0519472,9.69788046 20.4306287,10.2053233 20.351211,10.7518682 C20.3195865,10.9695052 20.2170993,11.1706476 20.0596157,11.3241562 L16.7552826,14.545085 L17.5353298,19.0931094 C17.6286908,19.6374458 17.263103,20.1544017 16.7187666,20.2477627 C16.5020089,20.2849396 16.2790408,20.2496249 16.0843804,20.1472858 L12,18 Z" fill="#000000"></path>
    </g>
</svg>
            	<img width="1000" height="1000" src="https://hiwaad.com/wp-content/uploads/2019/08/square-1.jpg" alt="" srcset="https://hiwaad.com/wp-content/uploads/2019/08/square-1.jpg 1000w, http://jumpstart.tommusdemos.wpengine.com/wp-content/uploads/sites/98/2019/08/square-1-150x150.jpg 150w, http://jumpstart.tommusdemos.wpengine.com/wp-content/uploads/sites/98/2019/08/square-1-300x300.jpg 300w, http://jumpstart.tommusdemos.wpengine.com/wp-content/uploads/sites/98/2019/08/square-1-768x768.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" />
            	<img width="1000" height="1000" src="https://hiwaad.com/wp-content/uploads/2019/08/square-3.jpg" alt="" srcset="https://hiwaad.com/wp-content/uploads/2019/08/square-3.jpg 1000w, http://jumpstart.tommusdemos.wpengine.com/wp-content/uploads/sites/98/2019/08/square-3-150x150.jpg 150w, http://jumpstart.tommusdemos.wpengine.com/wp-content/uploads/sites/98/2019/08/square-3-300x300.jpg 300w, http://jumpstart.tommusdemos.wpengine.com/wp-content/uploads/sites/98/2019/08/square-3-768x768.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" />
		<h4>Range Sliders</h4><p>Turn a text input into a highly customizable range slider. Please note these are created via HTML and are developers only</p>		
                <h6>Basic Slider</h6>
                <form action="#">
                  <input type="text" data-ion-rangeslider data-values="1,2,3,4,5,6,7,8,9,10" data-from="2" data-step="1" data-grid-snap="true" data-hide-from-to="true" />
                </form>
                <h6>Complex Pricing Slider</h6>
                <form action="3">
                  <input type="text" data-ion-rangeslider="data-ion-rangeslider" data-values="1,2,3,4,5,6,7,8,9,10,11+" data-from="2" data-step="1" data-grid="true" data-grid-snap="true" data-on-change="mrUpdatePrice" data-unit-selector=".js-users-word" data-unit-single="User"
                  data-unit-plural="Users" data-from-selector=".js-users-per-month" data-hide-from-to="true" />
                </form>
                    3
                    Users
                    $
                    120
                  Total charge per month
                  <button type="submit">Get started</button>
                <h6>Range Slider</h6>
                <form action="3">
                  <input type="text" data-ion-rangeslider="data-ion-rangeslider" data-min="0" data-max="100" data-from="20" data-type="range" data-to="80" data-step="1" data-hide-from-to="true" data-from-selector="#range-slider-input-from" data-to-selector="#range-slider-input-to"
                  />
                      <input type="text" value="20" id="range-slider-input-from">
                      <input type="text" value="80" id="range-slider-input-to">
                </form>
		<h4>Scroll Animations</h4>
            <p>Animate items into view as they enter the viewport.</p>		
								<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
					<path d="M5 12L12 5L19 12M12 19V6V19Z" stroke="#2C3038" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
					</svg>
							<h5>Fade Up</h5>Urna imp volutpat lacus libero imp faucibus.
								<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
					<path d="M12 5L19 12L12 19M5 12H18H5Z" stroke="#2C3038" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
					</svg>
							<h5>Fade Right</h5>Urna imp volutpat lacus libero imp faucibus.
								<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
					<path d="M12 5L19 12L12 19M5 12H18H5Z" stroke="#2C3038" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
					</svg>
							<h5>Bounce Right</h5>Urna imp volutpat lacus libero imp faucibus.
								<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
					<path d="M5 12L12 19L19 12M12 5V18V5Z" stroke="#2C3038" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
					</svg>
							<h5>Fade Down</h5>Urna imp volutpat lacus libero imp faucibus.
								<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
					<path d="M12 5L5 12L12 19M19 12H6H19Z" stroke="#2C3038" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
					</svg>
							<h5>Bounce Left</h5>Urna imp volutpat lacus libero imp faucibus.
								<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z" stroke="#2C3038" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						<path d="M12 21.7C17.3 17 20 13 20 10C20 7.87827 19.1571 5.84344 17.6569 4.34315C16.1566 2.84285 14.1217 2 12 2C9.87827 2 7.84344 2.84285 6.34315 4.34315C4.84285 5.84344 4 7.87827 4 10C4 13 6.7 16.9 12 21.7Z" stroke="#2C3038" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						</svg>
							<h5>Zoom In</h5>Urna imp volutpat lacus libero imp faucibus.
		<h4>Sliders</h4>
            <p>Responsive sliders with touch-aware controls. Powered by Metafizzy's Flickity plugin.</p>		
							<img width="768" height="528" src="https://hiwaad.com/wp-content/uploads/2019/08/thumb-4.jpg" alt="" srcset="https://hiwaad.com/wp-content/uploads/2019/08/thumb-4.jpg 768w, http://jumpstart.tommusdemos.wpengine.com/wp-content/uploads/sites/98/2019/08/thumb-4-300x206.jpg 300w" sizes="(max-width: 768px) 100vw, 768px" />
							<img width="768" height="528" src="https://hiwaad.com/wp-content/uploads/2019/08/thumb-5.jpg" alt="" srcset="https://hiwaad.com/wp-content/uploads/2019/08/thumb-5.jpg 768w, http://jumpstart.tommusdemos.wpengine.com/wp-content/uploads/sites/98/2019/08/thumb-5-300x206.jpg 300w" sizes="(max-width: 768px) 100vw, 768px" />
							<img width="768" height="528" src="https://hiwaad.com/wp-content/uploads/2019/08/thumb-8.jpg" alt="" srcset="https://hiwaad.com/wp-content/uploads/2019/08/thumb-8.jpg 768w, http://jumpstart.tommusdemos.wpengine.com/wp-content/uploads/sites/98/2019/08/thumb-8-300x206.jpg 300w" sizes="(max-width: 768px) 100vw, 768px" />
		<h4>Twitter Feeds</h4>
            <p>Pull in a feed of tweets from any Twitter account. Powered by the Twitterfetcher plugin.</p><h6>Basic Twitter Cards</h6>		
								<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                      <title>Twitter icon</title>
                      <path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z"></path>
                    </svg>
							<p></p>
							<small></small>
		<h6>Twitter Slider</h6>		
								<p></p>
								<small></small>
		<h4>Typed Text</h4>
            <p>A text effect to simulate typing keystrokes. Powered by Typed plugin.</p><h6>Typing With Cursor</h6>		
		<h6>Fade Out</h6>		
		<h4>Video Backgrounds</h4>
            <p>Youtube, Vimeo and locally hosted fullscreen video backgrounds powered by the Jarallax plugin.</p><h6>Vimeo Video Background</h6><h4 style="text-align: center;">Vimeo Video Background</h4><h6>Youtube Video Background</h6><h4 style="text-align: center;">YouTube Video Background</h4><h6>Self-Hosted Video Background</h6><h4 style="text-align: center;">Self-Hosted Video Background</h4><h4>Video Lightbox</h4>
            <p>Link to a lightbox containing Youtube, Vimeo and locally hosted videos. Powered by Fancyapps' Fancybox plugin.</p><h6>Vimeo Player in Lightbox</h6><p>[jumpstart_video_lightbox_button media_url="https://vimeo.com/166034462#t=32s" button_class="btn-dark"]</p><h6>YouTube Player in Lightbox</h6>[jumpstart_video_lightbox_button media_url="https://www.youtube.com/embed/NM2wtte1JRE?start=1164" button_class="btn-dark"]<h6>Video Cover to Lightbox</h6>		
					<a data-fancybox href="https://vimeo.com/166034462#t=32s" data-aos="zoom-in">
						<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                      <title>Play</title>
                      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                        <rect opacity="0" x="0" y="0" width="24" height="24"></rect>
                        <path d="M9.82866499,18.2771971 L16.5693679,12.3976203 C16.7774696,12.2161036 16.7990211,11.9002555 16.6175044,11.6921539 C16.6029128,11.6754252 16.5872233,11.6596867 16.5705402,11.6450431 L9.82983723,5.72838979 C9.62230202,5.54622572 9.30638833,5.56679309 9.12422426,5.7743283 C9.04415337,5.86555116 9,5.98278612 9,6.10416552 L9,17.9003957 C9,18.1765381 9.22385763,18.4003957 9.5,18.4003957 C9.62084305,18.4003957 9.73759731,18.3566309 9.82866499,18.2771971 Z" fill="#000000"></path>
                      </g>
                    </svg>
	              	</a>
					<img width="768" height="528" src="https://hiwaad.com/wp-content/uploads/2019/08/thumb-2-1.jpg" alt="" srcset="https://hiwaad.com/wp-content/uploads/2019/08/thumb-2-1.jpg 768w, http://jumpstart.tommusdemos.wpengine.com/wp-content/uploads/sites/98/2019/08/thumb-2-1-300x206.jpg 300w" sizes="(max-width: 768px) 100vw, 768px" />
		<h4>Video Players</h4>
            <p>Youtube, Vimeo and locally hosted videos in a versatile, seamless interface. Powered by the Plyr plugin.</p><h6>Youtube / Vimeo Player</h6>		
		<h6>Self-Hosted Player</h6>		
					<video poster="" playsinline controls>
						<source src="https://hiwaad.com/wp-content/uploads/2019/08/video-1.mp4" type="video/mp4">
						<source src="https://hiwaad.com/wp-content/uploads/2019/08/video-1.webm" type="video/webm">
						<source src="" type="video/ogg">
					</video>