<%--
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<jsp:useBean id="helper" class="org.b1.online.OnlineHelper"/>
<html>
<head>
    <title>Zip online, unzip, unrar, rar, extract online, B1, uncompress files, archive</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="Description"
          content="Zip, unzip, rar files online. Extract files from archive online, no installation, safe and free. Unzip, unrar decompression in cloud. Uncompress, unzipping tool">
    <meta name="Keywords"
          content="zip online, unzip online, extract files, uncompress, rar, unrar online, archive, tool, decompression, unarchiver, zip, .zip file, rar, b1, 7z, tool">
    <link rel="canonical" href="http://b1.org/online"/>

    <jsp:include page="/includes/header-include-new.jsp"/>
    <link rel="stylesheet" href="/css/styles.css"/>


</head>
<body>
<!--Start wrapper-->
<div class="wrapper">
    <div class="wrapper_bg_help">
        <jsp:include page="/includes/header_page.jsp">
            <jsp:param name="active" value="online"/>
        </jsp:include>
        <!--Start mainContainer-->
        <div class="mainContainer">
            <jsp:include page="/includes/socials.jsp"/>
            <div class="inner_landing online_landing">
                <h1 class="landing_head">B1 Online Archiver</h1>
                <p>The simplest way to extract files from b1, zip, rar, 7z and other archives</p>
            </div><!--End mainContainer-->
        </div>
    </div><!--End mainContainer-->
    <!--Start content-->
    <jsp:include page="/includes/google-translate-element.jsp"/>
    <div class="inner_bg">

    <div class="content-online">
        <!--Start select-view-->
        <div id="selectView" class="innerContentOnline" style="display:block;">
            <div class="innerContentOnlineSteps">
                <div class="select-button">
                    <button class="select-btn">
                        <input type="file" name="file" />
                        <span class="on-main on_s"></span>
                        <span class="select-txt">Select archive</span>
                    </button>
                </div>
                <div class="extract-button">
                    <button class="extract-btn">
                        <div class="on-main on_e"></div>
                        <div class="select-txt-e">Extracting...</div>
                    </button>
                </div>
                <div class="file-button">
                    <button class="file-btn">
                        <span class="on-main on_f"></span>
                        <span class="select-txt-f">Your files</span>
                    </button>
                </div>
            </div>

            <div class="article-download">
                <p class="desc">Click
                    <a href="#"><input type="file" name="file" /> "Click here"</a>
                    to choose archive from your computer, wait for a few moments, then <br /> browse through archived files, and download or preview only files you need. </p>
                <button class="click-butt">
                    <span> Click here</span>
                    <input type="file" name="file" />
                    <span>to select an archive from your computer</span>
                </button>
            </div>


            <div class="online-bottom">
                <div class="item-block">
                    <span class="on-main on_itm"></span>
                    Supported formats
                    <span class="online-corner"></span>
                </div>
                <div class="online-formats notranslate">
                    <p> b1, zip, jar, xpi, rar, 7z, arj, bz2, bzip2, tbz2, tbz, txz, cab, chm, chi, chq, chw, hxs, hxi, hxr, hxq,<br /> hxw, lit, cpio, deb, gz, gzip, tgz, tpz, hfs, iso, lzh, lha, lzma, rpm, tar, xar, z, taz, xz, dmg, cb7, cbr,<br /> cbt, cbz</p>
                </div>
            </div>
        </div><!--End select view-->

        <div class="online-sidebar">
            <div class="online-block">
                <div class="online-header">
                    <h1>B1 Online Archiver</h1>
                    <h4>The simplest way to get files</h4>
                </div>
                <div class="online-row">
                    <div class="row-butt">
                        <div class="on-main online-ico"></div>
                        <h1>Simple</h1>
                        <p>Just a few clicks and it's done</p>
                    </div>

                    <div class="row-butt">
                        <div class="on-main online-ico2"></div>
                        <h1>Safe</h1>
                        <p>Nobody but you will see your files</p>
                    </div>
                    <div class="row-butt">
                        <div class="on-main online-ico3"></div>
                        <h1 class="last-h">Secure</h1>
                        <p>All files will be completely deleted a few minutes after you close this p</p>
                    </div>
                </div>
            </div>
        </div>

        <!--Start filesView-->
        <div id="filesView" class="innerContentOnline" style="display:none;">
            <div class="files-content">

                <div class="select-btn-file">
                    <span class="on-main on_sf"></span>
                    <span class="select-txtf">Select archive</span>
                </div>

                <div class="extract-btn-file">
                    <span class="on-main on_ef"></span>
                    <span class="select-txt-extract">Extracting...</span>
                </div>

                <div class="file-button-file">
                    <button class="file-btn-f">
                        <span class="on-main on_ff"></span>
                        <span class="select-txt-ff">Your files</span>
                    </button>
                </div>

                <div class="files-main">
                    <div class="ff-top">
                        <span class="on-main on_ftop"></span>
                        <a href="#">citrio.zip</a>
                        <span>MACOSX</span>
                    </div>
                </div>

                <div class="file-list">
                    <div class="period pl-f">
                        <span class="on-main on-icon"></span>
                        <span>B1_Free_Archiver_online_2.png</span>
                        <span class="pr-size">2mb</span>
                        <a href="#"><span class="on-main on-r-ico on-f"></span></a>
                        <span class="on-main on-see"></span>
                    </div>

                    <div class="folder pl-a">
                        <span class="on-main on-folder on-fol"></span>
                        <span>B1_Free_Archiver_online_2.psd</span>
                        <span class="pr-size">12mb</span>
                        <a href="#"><span class="on-main on-r-ico on-a"></span></a>
                    </div>

                    <div class="period pl-b">
                        <span class="on-main on-icon"></span>
                        <span>downloader_gray-Recovered.png</span>
                        <span class="pr-size">2mb</span>
                        <a href="#"><span class="on-main on-r-ico on-b"></span></a>
                        <span class="on-main on-see"></span>
                    </div>

                    <div class="folder pl-d">
                        <span class="on-main on-folder on-fal"></span>
                        <span>B1_Free_Archiver_online_2.psd</span>
                        <span class="pr-size">12mb</span>
                        <a href="#"><span class="on-main on-r-ico on-d"></span></a>
                        <div class="clearfix"></div>
                    </div>
                    <div class="folder folder-wrap">
                        <div>
                            <a href="#">Let's try another archive</a>
                        </div>
                        <p>All your files will be automatically deleted in a few minutes after <br/> you close this page. To remove them right now please <a href="#">click here</a></p>
                    </div>

                </div>
            </div>
        </div>
        <!--End filesView-->

        <!--Start extractView-->
        <div id="extractView" class="innerContentOnline innerContentOnlineSteps" style="display:none;">
            <div class="extract-wrap">
                <div class="select-btn-file">
                    <span class="on-main on_sf"></span>
                    <span class="select-txtf">Select archive</span>
                </div>

                <div class="extract-btn-file">
                    <span class="on-main on_ef"></span>
                    <span class="select-txt-extract">Extracting...</span>
                </div>

                <div class="file-button">
                    <button class="file-btn">
                        <span class="on-main on_f"></span>
                        <span class="select-txt-f">Your files</span>
                    </button>
                </div>

                <div class="extract-content">
                    <div class="extract-animation">
                        <img src="img/gif2.gif" alt="Main animation" />
                        <img src="img/fin-frame.gif" alt="final frame" style="display:none;" />
                    </div>
                </div>

            </div>
        </div>
        <div class="clearfix"></div>
        <!--End extractView-->
    </div>

    <script type="text/javascript">
        $('.pl-f').mouseover(function(){
            $('.on-f').css("background-position", "-58px -92px");
        });
        $('.pl-f').mouseout(function(){
            $('.on-f').css("background-position", "-26px -92px");
        });

        $('.pl-b').mouseover(function(){
            $('.on-b').css("background-position", "-58px -92px");
        });
        $('.pl-b').mouseout(function(){
            $('.on-b').css("background-position", "-26px -92px");
        });
        $('.pl-d').mouseover(function(){
            $('.on-d').css("background-position", "-58px -92px");
            $('.on-fal').css("background-position", "-160px -97px");
        });
        $('.pl-d').mouseout(function(){
            var d = $('.on-d').css("background-position", "-26px -92px");
            var m = $('.on-fal').css("background-position", "-103px -97px");
        });

        $('.pl-a').mouseover(function(){
            $('.on-a').css("background-position", "-58px -92px");
            $('.on-fol').css("background-position", "-160px -97px");
        });
        $('.pl-a').mouseout(function(){
            $('.on-a').css("background-position", "-26px -92px");
            $('.on-fol').css("background-position", "-103px -97px");
        });

    </script>

        <div class="inner_bottom"></div>
    </div>










<jsp:include page="includes/footer_page.jsp">
    <jsp:param name="active" value="online"/>
</jsp:include>
</div>
</body>
</html>
--%>
