x x x
x
Only portrait mode is currently supported - please rotate your device.

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Custom section
CustomCSSflex-direction: column; width: 100%; margin: auto; margin-top: 20px;
ContainerIDmaincontainer
DisableAutoHeighttrue


HTML
<div style="width: 90%; margin: auto;">
<img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/All+Stars/horizontal-white-blue-1-x%403x.png" style="width: 140px;"/>
</div>

<div class="back-btn-container">
<a class="back-btn"> < Back</a>
</div>

<div class="page-banner">
<div class="overlay"> 
<div class="banner-content">
<div class="title">
<p> Events</p>
</div>
</div>

</div>

</div>


Custom section
Classfilter-row


HTML
<div class="filtersContainer events-search-main">
    <div id="events-search-container">
		<img src="/download/attachments/50558989/searchicon.png?api=v2" />
		<input id="events-searchbar" type="text" autocomplete="off" placeholder="Search for a Specific Event" />
	</div>

    <div class="countryFilterContainer">  
		<input type='text' id='cc-placeholder' autocomplete="off" placeholder='Categories' onkeyup='handleCountrySearch(this, event)' />
        <ul id="countryFilter">
        </ul>
		<div id='category-clear-button' style="display:none;"><img src="/download/attachments/50558989/closeicon.png?api=v2" onclick="event.stopPropagation();clearFilter('countryFilter')" /></div>
    </div>
	<div class="dateFilterContainer">
        <div class="dateFilter">
			<p class="dateInputContainer"><input type="text" placeholder="Start Date" id="startdate"></p>      <span><img src="/download/attachments/50558989/shuffleicon.png?api=v2" /></span>      <p class="dateInputContainer"><input type="text" placeholder="End Date" id="enddate"></p>
		</div>
    </div>

	<div class="resetFilterContainer">
    	<a id="resetFilter">Clear All Filters</a>
	</div>
</div>

<div id="additional-filters-button" style="display: none;">
	<img src="/download/attachments/50558989/addfilters.png?api=v2" />
	<span>Additional Filters</span>
</div>
Custom section
Classleft

Filter By

<input type="radio" id="all-tab" name="tabs" value="all"checked> <label for="all-tab">All</label>
Custom section
Classright
HTML