index.html

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <meta name="keywords" content="ui,gui,prototyping,designer,builder,rad,ria,spa,no-code,codeless,without coding,programming,development,drag and drop,web application,build app,create app,make app" />
    <meta name="description" content="Powered by CrossUI No-Code App Builder - A Cross-Browser javascript framework" />
    <meta name="copyright" content="copyright@crossui.com" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="imagetoolbar" content="no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/default.css" />
    <title>Powered by CrossUI No-Code App Builder - A Cross-Browser javascript framework </title>
</head>
<body>
    <div id="layout">
        <div id="head">
            <div>
                <a href="https://www.crossui.com"><img style="float:right;height:68px" border=0 src=img/logo.png /></a>
                <span id='flag'><img border=0 src=img/supported.png /></span>
            </div>
        </div>
        <div id="body">
            <div class='block' style='text-align:center;position:relative;'>
<div><div class=b1></div><div class=b2></div><div class=b3></div></div><div class=bi>
                <a target=_blank href='https://www.crossui.com/RADGithub'>Try App Builder Online</a> ·
                <a target=_blank href='https://www.crossui.com/xui/Examples'>Examples</a> ·
                <a target=_blank href='https://www.crossui.com/download.html'>Download</a> ·
                <li><a href="./community" target=_blank>Community</a></li> ·
                <a target=_blank href='https://www.crossui.com/xui/API/index.html'>API</a> 
</div><div><div class=b3></div><div class=b2></div><div class=b1></div></div>
            </div>            
       
            <div class="text" style="padding-bottom:0;padding-left:12px;padding-top:2px;">
                <strong>CrossUI Framework</strong> (formerly known as jsLinb [ linb.net ] ) is a Cross-Browser JavaScript solution with cutting-edge functionality for App(Single Page Application) web application.
            </div>

            <div class='content'>
<div><div class=b1></div><div class=b2></div><div class=b3></div></div><div class=bi>
        <div class="title">Features</div>
        <div id='list1'>
            <div> &bull; Rich client-side API, works with any backend or static HTML pages.</div>
            <div> &bull; Web services(JSON/XML/SOAP) can be be <a href='Examples/comb/datasource/index.html'>directly bound</a>.</div>
            <div> &bull; More than 100 components, including Tabs, Dialog, TreeGrid, SVG Shapes, Chart and many other web GUI components.</div>
            <div> &bull; Support reusable modules.</div>
            <div> &bull; Wide cross-browser compatibility, IE6+, firefox1.5+, opera9+, safari3+ and Google Chrome.</div>
            <div> &bull; Full <a href="API">API Documentation</a> with tons of samples.</div>
            <div> &bull; Ever Increasing <a href="CodeSnip">Code Snippets</a>.</div>
            <div> &bull; <a target=_blank href='https://crossui.com/download.html'>PHP/C#/JAVA Back-end service code</a> are available.</div>
            <div> &bull; Open Source under MIT; Free for both commercial and noncommercial use.</div>
            <div> &bull; <a href="https://crossui.com/RADGithub">CrossUI RAD</a> can reduce development time significantly.</div>
            <div> &bull; <a target=_blank href="https://github.com/linb/CrossUI">Project Hosting on Github</a>, you can get the latest code from it.</div>
        </div>
</div><div><div class=b3></div><div class=b2></div><div class=b1></div></div>
            </div>
            
            <table id='list' cellpadding=0 cellspacing=10 width='100%'>
                <tr>
                    <td width='50%'>
<div><div class=b1></div><div class=b2></div><div class=b3></div></div><div class=bi>
                    <a href=API>
                    <div class="title">API Documentation</div>
                    <img src=img/api.png>
                    </a>
</div><div><div class=b3></div><div class=b2></div><div class=b1></div></div>
                    </td>
                    <td width='50%'>
<div><div class=b1></div><div class=b2></div><div class=b3></div></div><div class=bi>
                    <a href=Examples>
                    <div class="title">Examples</div>
                    <img src=img/samples.png>
                    </a>
</div><div><div class=b3></div><div class=b2></div><div class=b1></div></div>
                    </td>
                </tr>
                <tr>
                    <td>
<div><div class=b1></div><div class=b2></div><div class=b3></div></div><div class=bi>
                    <a href="https://www.crossui.com/RAD/Builder.html">
                    <div class="title">CrossUI RAD Tools</div>
                    <img src=img/snapshot.png>
                    </a>
</div><div><div class=b3></div><div class=b2></div><div class=b1></div></div>
                    </td>
                    <td>
<div><div class=b1></div><div class=b2></div><div class=b3></div></div><div class=bi>
                    <a href=CodeSnip>
                    <div class="title">Code Snippets</div>
                    <img src=img/codesnip.png>
                    </a>
</div><div><div class=b3></div><div class=b2></div><div class=b1></div></div>
                    </td>
                </tr>
            </table>

            <div id="tail">
                © 2019 - CrossUI.com. All rights reserved.
            </div>
    </div>

<style>#xuibar a, #xuibar span{font-size:12px;margin-right:2px;padding:2px;}#xuibar a{text-decoration:underline;}#xuibar_more a{text-decoration:none;padding:3px;font-size:12px;text-decoration:none;display:block;}#xuibar a:hover, #xuibar_more a:hover{text-decoration:none;color:#fff!important;background:#598EDD;}#xuibar small{font-size:9px;}#xuibar_more{position:absolute;display:none;top:19px;z-index:6000;border:solid 1px;border-color:#E4F1FD #598EDD #598EDD #598EDD; background:#E4F1FD;}#xuibar_more{width:100px;}</style><script>var xuibar={byId:function(id){return document.getElementById(id).style},get1:function(){return this.byId('xuibar')},get2:function(id){return this.byId(id)},get3:function(){return this.byId('xuibar_l')},show:function(){var n=this;if(n._t1){clearTimeout(n._t1);delete n._t1;}var s=n.get1();s.height='19px';s.backgroundColor='#E4F1FD';n.get3().display='block';},hide:function(){var n=this;if(n._t1){clearTimeout(n._t1);delete n._t1;}n._t1=setTimeout(function(){var s=n.get1();s.height='3px';s.backgroundColor='#598EDD';n.get3().display='none';if(n.showed)n.get2(n.showed).display='none';},600);},showPop:function(ele){var n=this,id=ele.id.replace(/.*:/,'');if(n.showed&&id!=n.showed)n.get2(n.showed).display='none';if(n._t1){clearTimeout(n._t1);delete n._t1;}if(n._t2){clearTimeout(n._t2);delete n._t2;}n.showed=id;if(ele.id.indexOf('pop:')==0){var s=n.get2(id);s.left=(ele.offsetLeft-4)+'px';s.display='block';}},hidePop:function(){var n=this;if(n._t2){clearTimeout(n._t2);delete n._t2;}n._t2=setTimeout(function(){n.get2('xuibar_more').display='none';},100);n.hide();}};</script><div id='xuibar' onmouseout="xuibar.hide()"  onmouseover="xuibar.show()" style='position:absolute;width:100%;left:0;top:0;height:3px;z-index:5000;background:#598EDD;line-height:19px;overflow:hidden;'><nobr><a target=_blank href='https://www.crossui.com'><strong>CrossUI Home</strong></a><a target=_blank href='https://www.crossui.com/RADGithub'>RAD Tools</a><a target=_blank href='https://www.crossui.com/xui/Examples'>Examples</a><a target=_blank href='https://www.crossui.com/FormBuilder'>Form Builder</a><a target=_blank href='https://www.crossui.com/FCEditor'>FusionCharts Editor</a><a target=_blank href='https://www.crossui.com/JSONEditor'>JSONEditor</a><a target=_blank href='https://www.crossui.com/xui/API/index.html'>API</a><li><a href="./community" target=_blank>Community</a></li><a target=_blank href='https://www.crossui.com/order.html'><strong>Buy Now</strong></a></nobr></div><div id='xuibar_l' style="left:0;position:absolute;top:19px;display:none;border-top:1px solid #598EDD;font-size:0;line-height:0;width:100%;z-index:5500;"></div><script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-59755ed8d0255613"></script>
<script>setTimeout(function(){(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-39926100-1', 'crossui.com');ga('send', 'pageview');},100);</script>

</body>
</html>