menu

Friday, 29 August 2014

Attractive Menu and Rolling Menu


<html>
    <head>
        <title> Rolling Rounded Menu with jQuery and CSS3</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
       
        <link rel="stylesheet" href="./style.css" type="text/css" media="screen"/>

    </head>
    <body>
     
           <div class="roll_menu" align='center'>
 <div class="roll_item">
                <a class="link icon_home"></a>
                <div class="roll_item_content">
                    <h2>Home</h2>
                    <p>
                        <a href="#">About Us</a>
                        <a href="#">Sitemap</a>
                        <a href="#">Privacy</a>
                    </p>
                </div>
            </div>  
    
     <div class="roll_item" style='margin-left:5px;'>
                <a class="link icon_script"></a>
                <div class="roll_item_content">
                    <h2>Scripts</h2>
                    <p>
                        <a href="#">PHP</a>
                        <a href="#">Javascript</a>
                        <a href="#">Jquery</a>
                    </p>
                </div>
            </div>

         <div class="roll_item" style='margin-left:5px;'>
                <a class="link icon_tool"></a>
                <div class="roll_item_content">
                    <h2>Tools</h2>
                    <p>
                        <a href="#">Menu Builder</a>
                        <a href="#">statstics</a>
                    
                    </p>
                </div>
            </div>
          
        
            <div class="roll_item" style='margin-left:5px;'>
                <a class="link icon_search"></a>
                <div class="roll_item_content">
                     <h2>Search</h2>
                    <p>
                        <input type="text"></input>
                        <a href="">Go</a>
                    </p>
                </div>
            </div>
           
           
          
        </div>
    
<br /><div align='center'   style="font-size: 10px;color: #dadada;" id="dumdiv">
<a href="#" id="dum" style="font-size: 10px;color: #dadada;text-decoration:none;color: #dadada;">&copy;h</a></div>
        <script type="text/javascript" src="./jquery.js"></script>
        <script type='text/javascript' src="./menu.js"></script>

    
    </body>
</html>



No comments:

Post a Comment