Circular menu

Circular Floating Menu

<nav class="eds_floatingMenu eds_circularMenu">
	<span>Menu Open/Close</span>
	<ul>
		<li><span class="eds_icon fas fa-binoculars"></span><a class="edsfnl_action" href="#anchor1">Morbi ut convallis</a></li>
		<li><span class="eds_icon fas fa-archive"></span><a class="edsfnl_action" href="#anchor2">Curabitur consequat</a></li>
		<li><span class="eds_icon fas fa-calendar-minus-o"></span><a class="edsfnl_action" href="#anchor3">Pellentesque</a></li>
		<li><span class="eds_icon fas fa-chevron-circle-up"></span><a class="edsfnl_action" href="#anchor4">Etiam ac erat</a></li>
	</ul>
</nav>

Circular Static Position Menu

<nav class="eds_floatingMenu eds_circularMenu eds_static">
	<span>Menu Open/Close</span>
	<ul>
		<li><span class="eds_icon fas fa-binoculars"></span><a class="edsfnl_action" href="#anchor1">Morbi ut convallis</a></li>
		<li><span class="eds_icon fas fa-archive"></span><a class="edsfnl_action" href="#anchor2">Curabitur consequat</a></li>
		<li><span class="eds_icon fas fa-calendar-minus-o"></span><a class="edsfnl_action" href="#anchor3">Pellentesque</a></li>
		<li><span class="eds_icon fas fa-chevron-circle-up"></span><a class="edsfnl_action" href="#anchor4">Etiam ac erat</a></li>
	</ul>
</nav>

Default Opened Circular Menu

<nav class="eds_floatingMenu eds_circularMenu eds_static eds_floatingMenuActive">
	<span>Menu Open/Close</span>
	<ul>
		<li><span class="eds_icon fas fa-binoculars"></span><a class="edsfnl_action" href="#anchor1">Morbi ut convallis</a></li>
		<li><span class="eds_icon fas fa-archive"></span><a class="edsfnl_action" href="#anchor2">Curabitur consequat</a></li>
		<li><span class="eds_icon fas fa-calendar-minus-o"></span><a class="edsfnl_action" href="#anchor3">Pellentesque</a></li>
		<li><span class="eds_icon fas fa-chevron-circle-up"></span><a class="edsfnl_action" href="#anchor4">Etiam ac erat</a></li>
	</ul>
</nav>

Close Menu on Menu Item Click

<nav class="eds_floatingMenu eds_circularMenu eds_static eds_floatingMenuActive eds_onClickCloseMenu">
	<span>Menu Open/Close</span>
	<ul>
		<li><span class="eds_icon fas fa-binoculars"></span><a class="edsfnl_action" href="#anchor1">Morbi ut convallis</a></li>
		<li><span class="eds_icon fas fa-archive"></span><a class="edsfnl_action" href="#anchor2">Curabitur consequat</a></li>
		<li><span class="eds_icon fas fa-calendar-minus-o"></span><a class="edsfnl_action" href="#anchor3">Pellentesque</a></li>
		<li><span class="eds_icon fas fa-chevron-circle-up"></span><a class="edsfnl_action" href="#anchor4">Etiam ac erat</a></li>
	</ul>
</nav>

Morbi ut convallis

Morbi ut convallis leo, a pulvinar ipsum. Curabitur finibus enim nec lorem interdum, sed pulvinar sapien interdum. Quisque bibendum dictum tincidunt. Aliquam nisi purus, mollis eget accumsan tempor, scelerisque a massa. Donec mattis nulla id ante ullamcorper, id ultrices urna fermentum. Suspendisse ut blandit urna, et lacinia dui. Aliquam eget mattis lorem. Sed in metus eget lorem consequat varius. Sed elementum sapien nec nibh sodales facilisis.

Suspendisse interdum, urna vitae dignissim lacinia, diam sem hendrerit nulla, vitae pharetra nibh lorem vitae ipsum. Nam massa dolor, dapibus cursus malesuada sodales, porttitor et nibh. Nulla facilisi. Donec accumsan ipsum eu felis aliquet varius. Cras ut enim tortor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In ornare lobortis pretium. Vestibulum blandit quam sed feugiat dignissim.

Vivamus vitae imperdiet neque, nec dignissim nulla. Donec non tellus a eros viverra posuere. Vivamus faucibus pharetra est eu blandit. Maecenas ac erat nisi. In fermentum augue vitae lacus convallis scelerisque. Nunc cursus libero quam, sed pellentesque risus pulvinar et. Donec ultrices augue at iaculis congue. Duis porta ultricies suscipit. Nam est augue, maximus vitae nulla sodales, tincidunt blandit purus.

Sed at ante sed libero accumsan consequat. Nunc vitae quam libero. Sed feugiat urna non lacinia ultrices. Curabitur venenatis urna sit amet orci suscipit egestas. Pellentesque in velit a justo euismod tincidunt. Praesent euismod sem vitae leo sagittis, vitae placerat est euismod. In sit amet mi eu est placerat tempus in volutpat leo. Duis dictum arcu elit, et ultrices justo efficitur vel. Vivamus quis purus turpis. Cras orci enim, ultrices vitae porta eu, tempus in dolor. Etiam sit amet quam tortor.

Curabitur consequat

Curabitur consequat turpis orci, eget condimentum purus rutrum nec. In lacinia tempor purus in egestas. Nunc odio dolor, consequat at urna at, lacinia congue sem. Phasellus egestas nisi justo. Integer sed commodo purus. Vestibulum ac aliquet justo, eget elementum sapien. In sagittis a erat ut consequat. Quisque aliquet odio eu nisl lacinia, ac porta ipsum sodales. Morbi suscipit erat neque, nec scelerisque nibh euismod in. Aliquam cursus a velit sit amet sollicitudin. Aenean eget mi vitae dolor ornare placerat a ut metus. Aenean vitae lacinia neque, ac maximus magna. Suspendisse faucibus pretium tincidunt. Nunc vitae egestas lectus.

In hac habitasse platea dictumst. Cras nec purus enim. Praesent gravida molestie posuere. Quisque sed feugiat felis, eget aliquet orci. Proin rutrum convallis purus, a tempor ipsum tristique in. Ut accumsan arcu at dolor scelerisque placerat. Cras sed quam vitae lorem interdum consequat et vitae nisl. Sed faucibus feugiat ipsum non pellentesque.

Donec nulla lectus, ornare quis ullamcorper placerat, pellentesque a velit. Suspendisse fermentum eget justo sed convallis. Sed rhoncus massa eget velit tincidunt, quis sagittis ipsum rhoncus. Aenean quam est, egestas sed ante viverra, facilisis blandit lacus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc commodo nibh condimentum, sollicitudin sapien a, consectetur dolor. Donec porta ac libero ac lacinia. Vestibulum iaculis tincidunt ex nec gravida. Morbi nec risus ut lorem tempor pellentesque eu quis felis. Sed venenatis euismod elit, nec consequat sapien rutrum sit amet.

Suspendisse mauris augue, accumsan fermentum interdum eget, placerat eu mi. Etiam aliquet nunc vitae justo commodo molestie. Nunc aliquet nisl congue lorem aliquam dignissim. Etiam vulputate at mauris in blandit. Sed malesuada lacinia mi, eu consequat turpis. Suspendisse potenti. Cras elementum consequat erat id pellentesque. Curabitur ut elit et enim elementum pharetra sit amet at dui. Aliquam ac porttitor metus, at cursus ipsum. Pellentesque laoreet diam diam, ac vestibulum est mattis nec. Mauris in enim eu purus vestibulum tristique. Morbi ultricies risus euismod, suscipit dui congue, sodales orci. Vestibulum lobortis pharetra faucibus. Praesent ultrices tortor lorem, ut pharetra felis vehicula vitae. Pellentesque hendrerit tincidunt consequat.

Pellentesque

Pellentesque dapibus ante vel ultricies scelerisque. Vestibulum placerat arcu eget neque maximus, id semper tellus mollis. Aliquam rhoncus, ligula non placerat feugiat, dolor diam ultrices velit, in tincidunt augue arcu vel enim. Aenean eu lectus in purus lacinia auctor. Phasellus eget congue orci. Cras mattis non dui eu semper. Fusce porttitor auctor lorem, ac tristique arcu tristique a. Suspendisse aliquet pretium finibus. Praesent a massa elit. Donec accumsan diam in quam finibus mattis. Proin ligula ipsum, sodales vitae felis non, imperdiet mollis ex. Nulla sed enim quis eros tincidunt porttitor. Praesent vestibulum placerat condimentum.

Pellentesque vel ultrices augue, non molestie leo. In hac habitasse platea dictumst. Phasellus ultrices nulla ac accumsan faucibus. Donec ut pulvinar nunc. Mauris bibendum neque auctor ultrices semper. Maecenas eu turpis at orci tincidunt laoreet. Sed quis orci nisl. Suspendisse dignissim lorem vitae mi mattis, et dapibus libero varius. Quisque et sapien vitae turpis egestas auctor.

Suspendisse sagittis leo a erat ultrices, eu ultrices dolor gravida. Nunc sed diam vel eros faucibus scelerisque et a nisl. Pellentesque id fringilla nunc, posuere mattis ex. Phasellus tempor varius blandit. Proin dolor nunc, placerat at porta iaculis, consequat vitae elit. Proin ut volutpat leo. Curabitur porttitor tempor diam, vitae molestie nisi ornare non. Aenean lacus magna, imperdiet nec nisi suscipit, sollicitudin accumsan ante.

Praesent eget odio molestie, efficitur leo in, dapibus justo. Nunc et ante a purus volutpat hendrerit. Etiam eget molestie quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque malesuada nunc nec massa molestie, non suscipit eros blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at sem quis nisl molestie faucibus sed eu elit.

Etiam ac erat

Etiam ac erat ut est congue varius vel interdum orci. Morbi ultricies id elit rhoncus iaculis. Morbi posuere justo porttitor molestie porttitor. Mauris tempor augue scelerisque, sollicitudin neque et, dapibus urna. Nulla pellentesque eget lacus ut rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin laoreet lectus eget congue faucibus. Nulla lorem nibh, faucibus eget euismod vel, varius ut justo. Donec efficitur leo nisi, eu luctus ex pellentesque gravida. Nam condimentum accumsan mauris, bibendum laoreet mi sollicitudin in. Fusce a venenatis dolor. Fusce efficitur metus ante, ac aliquet urna pharetra vel. Donec et mauris sodales, faucibus mi sed, accumsan massa. Cras nec ligula id libero bibendum interdum. Nulla id aliquam tellus, condimentum ornare purus. Maecenas et nulla rutrum, feugiat tortor vitae, dignissim quam.

Sed eget eros et risus sagittis sagittis eget quis urna. Morbi id nunc tempor, auctor ex sed, dapibus dolor. Integer malesuada tempus sodales. Nam cursus porttitor erat quis volutpat. Maecenas sollicitudin maximus lectus. Curabitur at ipsum accumsan orci gravida blandit a at nulla. Praesent arcu mi, pharetra eget velit et, tincidunt tempus sem. Aliquam ac molestie eros. Praesent porttitor ante mauris, eu cursus lacus gravida vitae.

In pellentesque interdum velit eu aliquet. Etiam dapibus sed velit ut ornare. Nam pharetra, ante eu tincidunt iaculis, nulla velit pulvinar urna, nec commodo quam augue a massa. Pellentesque egestas dolor ac nibh sodales scelerisque. Mauris a finibus sapien. Donec tortor neque, finibus imperdiet fermentum eu, aliquam sit amet leo. Cras tristique, mi nec elementum pulvinar, odio tortor pellentesque ipsum, id porttitor tellus dolor semper ipsum. Mauris vitae mauris mollis arcu aliquam porttitor. Etiam semper turpis blandit, mollis quam non, vulputate ante. Suspendisse ut augue at justo facilisis porta in a turpis. Sed non sem nec risus semper bibendum at non massa. Aliquam ut mi tellus.

Vestibulum euismod magna a iaculis fringilla. Aliquam non ante a libero porttitor venenatis id scelerisque ante. Curabitur eleifend arcu nisi, in egestas mi ornare sit amet. Vestibulum id orci at risus eleifend interdum. Suspendisse turpis turpis, fringilla non bibendum sed, aliquam non velit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam erat volutpat. Nunc sem metus, convallis non pellentesque sed, ultricies vitae velit.