Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Multi featured HTML Button Library for your Website with CSS and jQuery implementation</title>
    <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600&display=swap" rel="stylesheet">
    <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <link href="https://roxunlimited.github.io/rxHtmlButtonLibrary/jquery-rxHtmlButton-0.3-min.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="https://roxunlimited.github.io/rxHtmlButtonLibrary/jquery-rxHtmlButton-0.3-min.js"></script>
  </head>
    <body>
        <div class="main-container">
            <div class="inline left">
                <a class="alink" href="javascript:void(0)">Hover Me</a>
                <a class="alink2" href="javascript:void(0)">Hover Me</a>
                <a class="alink3" href="javascript:void(0)">Hover Me</a>
                <a class="alink4" href="javascript:void(0)">Hover Me</a>
                <br /><br /><br />
                <a class="alink5" href="javascript:void(0)">Hover Me</a>
                <a class="alink6" href="javascript:void(0)">Hover Me</a>
                <a class="alink7" href="javascript:void(0)">Hover Me</a>
                <a class="alink8" href="javascript:void(0)">Hover Me</a>
                <br /><br /><br />
                <a class="alink9" href="javascript:void(0)">Hover Me</a>
                <a class="alink10" href="javascript:void(0)">Hover Me</a>
                <a class="alink11" href="javascript:void(0)">Hover Me</a>
                <a class="alink12" href="javascript:void(0)">Hover Me</a>
                <br /><br /><br />
                <a class="alink13" href="javascript:void(0)">Hover Me</a>
                <a class="alink14" href="javascript:void(0)">Hover Me</a>
                <a class="alink15" href="javascript:void(0)">Hover Me</a>
                <a class="alink16" href="javascript:void(0)">Hover Me</a>
                <br /><br /><br />
                <a class="alink17" href="javascript:void(0)">Hover Me</a>
                <a class="alink18" href="javascript:void(0)">Hover Me</a>
                <a class="alink19" href="javascript:void(0)">Hover Me</a>
                <a class="alink20" href="javascript:void(0)">Hover Me</a>
            </div>
            <div class="inline right">
                <header>
                    <div class="header-container">
                        <div class="header-top"><a href="http://www.roxunlimited.com" style="border:0 none"><img src="http://www.roxunlimited.com/template/image/roxunlimited-2020-logo.png" alt="roxunlimited.com" /></a></div>
                        <div class="header-bottom">
                            <div class="header-contact-container phone">
                                <div class="header-contact-icon phone"><img src="http://www.roxunlimited.com/template/image/phone-header-icon.png" alt="contact : " /></div>
                                <div class="header-contact-text"><a class="font-24 bold white" href="tel:+917978662048">+91 7978662048</a></div>
                            </div>
                            <div class="header-contact-container">
                                <div class="header-contact-icon email"><img src="http://www.roxunlimited.com/template/image/email-header-icon.png" alt="email : " /></div>
                                <div class="header-contact-text"><a class="font-20 normal white" href="mailto:contact@roxunlimited.com">contact@roxunlimited.com</a></div>
                            </div>
                        </div>
                    </div>
                </header>
                <div class="font-18 bold blue text-line">This is Just the Beginning.<br /><span class="normal">You can do as many <span class="bold">STYLES</span> as you want.</span></div>
                <div class="link-line"><a class="know-more" href="http://www.roxunlimited.com/rxhtml5button-plugin" target="_blank">Know More and Download</a></div>
            </div>
        </div>
    </body>
</html>
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
roxunlimitedpro
0viewers