<!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" > < Here is what you get> < / 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" > < Here is what you get> < / 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" 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" 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" 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 > < / small > < / h4 >
< div class = "download-group text-center" >
< a href = "https://getrambox.herokuapp.com/download" 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" 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 >
