JSFiddle - React, Tailwind, and code Playground
by sanaullah Rais
HTML
<link rel="stylesheet" href="http://css3menu.com/styles1.css">
<link rel="stylesheet" href="http://css3menu.com/images/menu_files1/style.css">
<link rel="stylesheet" href="http://css3menu.com/images/refined-midnight/style.css">
<link rel="stylesheet" href="http://css3menu.com/images/download1-files/style.css">
<script src="http://css3menu.com/jquery.js"></script>
<script src="http://css3menu.com/a.js"></script>
<div class="menu_templ" style="width: 100%;max-width: 612px;background-color: rgba(255, 255, 255, 0);">
<!-- Start css3menu.com BODY section -->
<ul id="css3menu1" class="topmenu">
<li class="topmenu"><a href="#" style="height:32px;line-height:32px;"><img src="http://css3menu.com/images/refined-midnight/anchor.png" alt="">Home</a></li>
<li class="topmenu"><a href="#" style="height:32px;line-height:32px;"><span><img src="http://css3menu.com/images/refined-midnight/question-sign.png" alt="">Product info</span></a>
<ul>
<li><a href="#"><img src="images/refined-midnight/check-sign.png" alt="">Features</a></li>
<li><a href="#"><span><img src="images/refined-midnight/wrench.png" alt="">Installation</span></a>
<ul>
<li><a href="#"><img src="images/refined-midnight/book.png" alt="">Description of files</a></li>
<li><a href="#"><img src="images/refined-midnight/cogs.png" alt="">How to setup</a></li>
</ul></li>
<li><a href="#"><img src="images/refined-midnight/file-alt.png" alt="">Parameters info</a></li>
<li><a href="#"><span><img src="images/refined-midnight/plus.png" alt="">Supported browsers</span></a>
<ul>
<li><a href="#"><img src="images/refined-midnight/chevron-down.png" alt="">Firefox</a></li>
<li><a href="#"><img src="images/refined-midnight/chevron-down1.png" alt="">Internet Explorer</a></li>
<li><a href="#"><img src="images/refined-midnight/chevron-down2.png" alt="">Opera</a></li>
<li><a href="#"><img src="images/refined-midnight/chevron-down3.png" alt="">Safari</a></li>
<li><a href="#"><img...
JavaScript
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-26366377-1']);
_gaq.push(['_setDomainName', '.css3menu.com']);
_gaq.push(['_setAllowLinker', true]);
_gaq.push(['_setAllowHash', false]);
if(document.cookie.match("(^|;\\s)__utma") && !/utmcsr=\(direct\)/.test(unescape(document.cookie))) {
_gaq.push(
['_setReferrerOverride', ''],
['_setCampNameKey', 'aaan'],
['_setCampMediumKey', 'aaam'],
['_setCampSourceKey', 'aaas'],
['_setCampTermKey', 'aaat'],
['_setCampContentKey', 'aaac'],
['_setCampCIdKey', 'aaaci']
)
}
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>