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.
13 Commits
16 Branches
43 Tags
40 MiB
 
 
 
Tree: 862f30c399
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '862f30c399'
${ noResults }
Rambox-CE/index.html

304 lines
16 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, all in one place. It's perfect for people who work with many services for business and private accounts.</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 notifications natively if the messaging service supports it.</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">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/bearychat.png" alt="BearyChat" title="BearyChat">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/sync.png" alt="Sync" title="Sync">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/wire.png" alt="Wire" title="Wire">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/rocketchat.png" alt="Rocket Chat" title="Rocket Chat">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/missive.png" alt="Missive" title="Missive">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/yahoomail.png" alt="Yahoo! Mail" title="Yahoo! Mail">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/office365.png" alt="OFfice 365" title="Office 365">
<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" class="btn btn-primary btn-download"><i class="fa fa-download"></i> Download 64-bit</a>
<a href="https://getrambox.herokuapp.com/download" class="btn btn-secondary btn-download"><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" class="btn btn-primary btn-download"><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" class="btn btn-primary btn-download"><i class="fa fa-download"></i> Download 64-bit</a>
<a href="https://getrambox.herokuapp.com/download" class="btn btn-secondary btn-download"><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="https://www.sencha.com/products/extjs/" target="_blank">Sencha Ext JS</a></h4>
<p>Used for UI and UX.</p>
<h4><a href="https://www.sencha.com/products/sencha-cmd/" target="_blank">Sencha Cmd</a></h4>
<p>Tool for deployment.</p>
<h4><a href="http://electron.atom.io/" target="_blank">Electron</a></h4>
<p>Framework for creating native application.</p>
<h4><a href="https://nodejs.org/" target="_blank">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>