Misterzym
/
Rambox-CE
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Форк Rambox
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
7 Commits
16 Branches
43 Tags
40 MiB
 
 
 
Tree: cfa9fa1702
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'cfa9fa1702'
${ noResults }
Rambox-CE/index.html

297 lines
14 KiB
Raw Blame History

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Rambox : Free and Open Source app for Slack, WhatsApp, Messenger, Skype and much more...</title>
<meta name="description" content="Free and Open Source messaging and emailing app that combines common web applications into one.">
<meta name="keywords" content="rambox, messages, slack, whatsapp, messenger, skype, gmail, inbox, outlook, hipchat, hangouts, steam, telegram">
<meta name="author" content="Ramiro Saenz">
<link rel="icon" type="image/png" href="favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="favicons/favicon-194x194.png" sizes="194x194">
<link rel="icon" type="image/png" href="favicons/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="favicons/favicon-16x16.png" sizes="16x16">
<link rel="shortcut icon" href="favicons/favicon.ico">
<meta name="msapplication-TileColor" content="#0675A0">
<meta name="theme-color" content="#0675A0">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="fonts/font-awesome-4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/all.css">
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700|Source+Sans+Pro:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
</head>
<body>
<div id="wrapper">
<header id="header">
<div class="container">
<div class="logo"><a href="#"><img src="images/logo.png" alt="Rambox"></a></div>
<nav id="nav">
<div class="opener-holder">
<a href="#" class="nav-opener"><span></span></a>
</div>
<a href="#download" class="downloadBtn btn btn-primary rounded">Download</a>
<div class="nav-drop">
<ul>
<li class="active visible-sm visible-xs"><a href="#">Home</a></li>
<li><a href="https://github.com/saenzramiro/rambox" target="_blank">GitHub</a></li>
</ul>
<div class="drop-holder visible-sm visible-xs">
<span>Follow Us</span>
<ul class="social-networks">
<li><a class="fa fa-github" href="#"></a></li>
<li><a class="fa fa-twitter" href="#"></a></li>
<li><a class="fa fa-facebook" href="#"></a></li>
</ul>
</div>
</div>
</nav>
</div>
</header>
<section class="visual">
<div class="container">
<div class="text-block">
<div class="heading-holder">
<h1>Rambox</h1>
</div>
<p class="tagline">Free and Open Source messaging and emailing app that combines common web applications into one.</p>
<span class="info">Available for Windows, Mac and Linux</span>
</div>
</div>
<img src="images/img-decor-01.jpg" alt="" class="bg-stretch">
</section>
<section class="main">
<div class="container">
<div id="cta">
<a href="#download" class="downloadBtn btn btn-primary rounded">Download For Free Now</a>
<p>More than 20 common services!</p>
</div>
<div class="row">
<div class="text-box col-md-offset-1 col-md-10">
<h2>The new way to organize your services</h2>
<p>Rambox gives you the possibility to add common services many times you need for business and private accounts. It's perfect for tech people who work with many services.</p>
<div class="social-placeholder">
<!-- Place this tag where you want the button to render. -->
<a class="github-button" href="https://github.com/saenzramiro/rambox" data-icon="octicon-eye" data-style="mega" data-count-href="/saenzramiro/rambox/watchers" data-count-api="/repos/saenzramiro/rambox#subscribers_count" data-count-aria-label="# watchers on GitHub" aria-label="Watch saenzramiro/rambox on GitHub">Watch</a>
<!-- Place this tag where you want the button to render. -->
<a class="github-button" href="https://github.com/saenzramiro/rambox" data-icon="octicon-star" data-style="mega" data-count-href="/saenzramiro/rambox/stargazers" data-count-api="/repos/saenzramiro/rambox#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star saenzramiro/rambox on GitHub">Star</a>
<!-- Place this tag where you want the button to render. -->
<a class="github-button" href="https://github.com/saenzramiro/rambox/fork" data-icon="octicon-repo-forked" data-style="mega" data-count-href="/saenzramiro/rambox/network" data-count-api="/repos/saenzramiro/rambox#forks_count" data-count-aria-label="# forks on GitHub" aria-label="Fork saenzramiro/rambox on GitHub">Fork</a>
</div>
</div>
</div>
</div>
</section>
<section class="area features">
<div class="container">
<div class="row">
<div class="col-md-5">
<h2 class="visible-xs visible-sm text-primary">&lt;Here is what you get&gt;</h2>
<ul class="visual-list">
<li>
<div class="img-holder fa fa-bell"></div>
<div class="text-holder">
<h3>Notifications</h3>
<p>Displays native notifications as usual when you add services that provide this option.</p>
</div>
</li>
<li>
<div class="img-holder fa fa-plus-circle"></div>
<div class="text-holder">
<h3>Add Custom Services</h3>
<p>You can add any custom service of your choice.</p>
</div>
</li>
<li>
<div class="img-holder fa fa-exchange"></div>
<div class="text-holder">
<h3>Reorder and grouping</h3>
<p>Reorder services in the tab bar and group into two groups (left and right).</p>
</div>
</li>
<li>
<div class="img-holder fa fa-bookmark"></div>
<div class="text-holder">
<h3>Badges</h3>
<p>Every time you have something new to check, you will see a badge in the tab of the service.</p>
</div>
</li>
<li>
<div class="img-holder fa fa-power-off"></div>
<div class="text-holder">
<h3>System Tray</h3>
<p>Rambox always runs and can be accessed in the system tray.</p>
</div>
</li>
</ul>
</div>
<div class="col-md-7">
<div class="slide-holder">
<h2 class="hidden-xs hidden-sm text-primary">&lt;Here is what you get&gt;</h2>
<div class="img-slide scroll-trigger"><img src="images/img-01.png" height="624" width="1184" alt=""></div>
</div>
</div>
</div>
</div>
</section>
<section class="main services">
<div class="container">
<div class="content">
<h1 class="text-center">Services</h1>
<div class="row">
<div class="col-xs-12 col-md-12">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/whatsapp.png" alt="WhatsApp" title="WhatsApp">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/messenger.png" alt="Messenger" title="Messenger">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/skype.png" alt="Skype" title="Skype">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/slack.png" alt="Slack" title="Slack">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/hangouts.png" alt="Hangouts" title="Hangouts">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/telegram.png" alt="Telegram" title="Telegram">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/wechat.png" alt="WeChat" title="WeChat">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/gmail.png" alt="Gmail" title="Gmail">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/inbox.png" alt="Inbox" title="Inbox">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/hipchat.png" alt="HipChat" title="HipChat">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/chatwork.png" alt="ChatWork" title="ChatWork">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/groupme.png" alt="GroupMe" title="GroupMe">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/grape.png" alt="Grape" title="Grape">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/gitter.png" alt="Gitter" title="Gitter">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/steam.png" alt="Steam" title="Steam">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/discord.png" alt="Discord" title="Discord">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/noysi.png" alt="Noysi" title="Noysi">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/outlook.png" alt="Outlook" title="Outlook">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/tutanota.png" alt="TutaNota" title="TutaNota">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/hushmail.png" alt="Hushmail" title="Hushmail">
<i class="custom text-center fa fa-question-circle" aria-hidden="true"></i>
<div class="customtext text-center">Add more services manually!</div>
<a name="download"></a>
</div>
</div>
</div>
</div>
</section>
<section class="area">
<div class="container">
<div class="content">
<div class="row download-section">
<div class="col-md-12">
<div class="row">
<div class="col-md-12 text-center">
<h2><a id="download_all"></a>Download Rambox</h2>
</div>
</div>
<div class="row">
<div class="col-md-4 col-xs-12 download-container">
<i class="fa fa-windows os text-center"></i>
<h4 class="card-title text-center">Rambox for Windows<br><small>Requires Windows 7 or newer</small></h4>
<div class="download-group text-center">
<a href="https://getrambox.herokuapp.com/download/latest/win32/x64" class="btn btn-primary btn-download" target="_blank"><i class="fa fa-download"></i> Download 64-bit</a>
<a href="https://getrambox.herokuapp.com/download/latest/win32/ia32" class="btn btn-secondary btn-download" target="_blank"><i class="fa fa-download"></i> Download 32-bit</a>
</div>
</div>
<div class="col-md-4 col-xs-12 download-container">
<i class="fa fa-apple os text-center"></i>
<h4 class="card-title text-center">Rambox for Mac<br><small>Requires 10.9 or newer</small></h4>
<div class="download-group text-center">
<a href="https://getrambox.herokuapp.com/download/latest/darwin/x64" class="btn btn-primary btn-download" target="_blank"><i class="fa fa-download"></i> Download</a>
</div>
</div>
<div class="col-md-4 col-xs-12 download-container">
<i class="fa fa-linux os text-center"></i>
<h4 class="card-title text-center">Rambox for Linux<br><small>&nbsp;</small></h4>
<div class="download-group text-center">
<a href="https://getrambox.herokuapp.com/download/latest/linux/x64" class="btn btn-primary btn-download" target="_blank"><i class="fa fa-download"></i> Download 64-bit</a>
<a href="https://getrambox.herokuapp.com/download/latest/linux/ia32" class="btn btn-secondary btn-download" target="_blank"><i class="fa fa-download"></i> Download 32-bit</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="main">
<div class="container">
<div class="content">
<div class="row">
<div class="col-md-4">
<h3>Some links</h3>
<h4><a href="https://github.com/saenzramiro/rambox/issues" target="_blank">Support</a></h4>
<h4><a href="https://github.com/saenzramiro/rambox/wiki/CHANGELOG" target="_blank">CHANGELOG</a></h4>
<h4><a href="https://github.com/saenzramiro/rambox/wiki/Getting-Started" target="_blank">Getting Started</a></h4>
<h4><a href="https://github.com/saenzramiro/rambox/wiki/TODO" target="_blank">TODO</a></h4>
</div>
<div class="col-md-4">
<h3>Technology used</h3>
<h4><a href="#">Sencha Ext JS</a></h4>
<p>Used for UI and UX.</p>
<h4><a href="#">Sencha Cmd</a></h4>
<p>Tool for deployment.</p>
<h4><a href="#">Electron</a></h4>
<p>Framework for creating native application.</p>
<h4><a href="#">Node JS</a></h4>
<p>Packaging, auto update and installers.</p>
</div>
<div class="col-md-4">
<h3>Mentions</h3>
<div class="media">
<div class="media-left media-middle">
<a href="https://twitter.com/rpsaenz" target="_blank">
<img class="img-circle media-object" src="images/rsaenz.jpeg" height="85" width="85" alt="" />
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Developed by Ramiro Saenz</h4>
</div>
</div>
<div class="media">
<div class="media-left media-middle">
<a href="http://andyur.com/">
<img class="img-circle media-object" src="images/andriy.jpg" height="85" width="85" alt="" />
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Logo designed by Andriy Yurchenko</h4>
</div>
</div>
<div class="media">
<div class="media-left media-middle">
<a href="http://codrops.com/">
<img class="img-circle media-object" src="images/logo-codrops.png" height="85" width="85" alt="" />
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Website template provided by Codrops</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer id="footer">
<div class="container">
<div class="footer-holder">
<div class="row">
<div class="col-md-3">
<div class="logo"><a href="#"><img src="images/logo.png" alt="Rambox"></a> Rambox</div>
<p>Free and Open Source messaging and emailing app that combines common web applications into one.</p>
</div>
<div class="col-md-7">
</div>
<div class="col-md-2">
<h4>Navigation</h4>
<ul>
<li><a href="#">Home</a></li>
<li><a href="https://github.com/saenzramiro/rambox" target="_blank">GitHub</a></li>
<li><a href="#download">Download</a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
</div>
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/jquery.main.js"></script>
<!-- Place this tag in your head or just before your close body tag. -->
<script async defer src="https://buttons.github.io/buttons.js"></script>
</body>
</html>