linuxwindowsinboxwhatsappicloudtweetdeckhipchattelegramhangoutsslackgmailskypefacebook-workplaceoutlookemailmicrosoft-teamsdiscordmessengercustom-servicesmacos
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.
242 lines
8.9 KiB
242 lines
8.9 KiB
|
|
<!DOCTYPE html> |
|
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> |
|
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> |
|
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> |
|
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> |
|
<head> |
|
<meta charset="utf-8"> |
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|
<title>Rambox - The future is coming...</title> |
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|
<meta name="description" content="rambox" /> |
|
<meta name="keywords" content="rambox" /> |
|
<meta name="author" content="FREEHTML5.CO" /> |
|
|
|
<!-- |
|
////////////////////////////////////////////////////// |
|
|
|
FREE HTML5 TEMPLATE |
|
DESIGNED & DEVELOPED by FREEHTML5.CO |
|
|
|
Website: http://freehtml5.co/ |
|
Email: info@freehtml5.co |
|
Twitter: http://twitter.com/fh5co |
|
Facebook: https://www.facebook.com/fh5co |
|
|
|
////////////////////////////////////////////////////// |
|
--> |
|
|
|
<!-- Facebook and Twitter integration --> |
|
<meta property="og:title" content="Rambox - The future is coming..."/> |
|
<meta property="og:image" content=""/> |
|
<meta property="og:url" content=""/> |
|
<meta property="og:site_name" content="Rambox - The future is coming..."/> |
|
<meta property="og:description" content=""/> |
|
<meta name="twitter:title" content="" /> |
|
<meta name="twitter:image" content="" /> |
|
<meta name="twitter:url" content="" /> |
|
<meta name="twitter:card" content="" /> |
|
|
|
<!-- Place favicon.ico and apple-touch-icon.png in the root directory --> |
|
<link rel="shortcut icon" href="favicon.ico"> |
|
|
|
<link href='https://fonts.googleapis.com/css?family=Work+Sans:400,300,600,700' rel='stylesheet' type='text/css'> |
|
<link href='https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700italic,700' rel='stylesheet' type='text/css'> |
|
<!-- Animate.css --> |
|
<link rel="stylesheet" href="css/animate.css"> |
|
<!-- Flexslider --> |
|
<link rel="stylesheet" href="css/flexslider.css"> |
|
<!-- Icomoon Icon Fonts--> |
|
<link rel="stylesheet" href="css/icomoon.css"> |
|
<!-- Bootstrap --> |
|
<link rel="stylesheet" href="css/bootstrap.css"> |
|
|
|
<link rel="stylesheet" id="theme-switch" href="css/style.css"> |
|
|
|
<!-- jQuery --> |
|
<script src="js/jquery.min.js"></script> |
|
<!-- jQuery Cookie --> |
|
<script src="js/jquery.cookie.js"></script> |
|
<script> |
|
if ( $.cookie('styleCookie') === 'style-light.css') { |
|
$('html, body').css('background', '#eeeeee'); |
|
} else if ($.cookie('styleCookie') === 'style.css') { |
|
$('html, body').css('background', '#222222'); |
|
} |
|
|
|
</script> |
|
<!-- jQuery Easing --> |
|
<script src="js/jquery.easing.1.3.js"></script> |
|
<!-- Bootstrap --> |
|
<script src="js/bootstrap.min.js"></script> |
|
<!-- Waypoints --> |
|
<script src="js/jquery.waypoints.min.js"></script> |
|
<!-- Flexslider --> |
|
<script src="js/jquery.flexslider-min.js"></script> |
|
|
|
<!-- Viewport Units Buggyfill --> |
|
<script src="js/viewport-units-buggyfill.js"></script> |
|
|
|
|
|
<!-- Main JS --> |
|
<script src="js/main.js"></script> |
|
|
|
<!-- Modernizr JS --> |
|
<script src="js/modernizr-2.6.2.min.js"></script> |
|
<!-- FOR IE9 below --> |
|
<!--[if lt IE 9]> |
|
<script src="js/respond.min.js"></script> |
|
<![endif]--> |
|
|
|
</head> |
|
|
|
<body> |
|
|
|
<!-- Loader --> |
|
<div class="fh5co-loader"></div> |
|
|
|
<div id="fh5co-page"> |
|
<nav id="fh5co-nav" role="navigation"> |
|
<a class="pull-left" href="http://rambox.pro" style="padding:10px;">Home</a> |
|
<a class="style-toggle js-style-toggle" data-style="default" href="#"> |
|
<span class="fh5co-circle"></span> |
|
</a> |
|
</nav> |
|
<header id="fh5co-header" role="banner" class="fh5co-project js-fh5co-waypoint no-border" data-colorbg="#222222" data-next="yes"> |
|
<div class="container"> |
|
<div class="fh5co-text-wrap animate-box"> |
|
<div class="fh5co-intro-text"> |
|
<h1>The <span>future</span> is coming...</h1> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="btn-next animate-box fh5co-learn-more"> |
|
<a href="#" class="scroll-btn"> |
|
<span>See the details</span> |
|
<i class="icon-chevron-down"></i> |
|
</a> |
|
</div> |
|
</header> |
|
|
|
<div class="js-fh5co-waypoint fh5co-project-detail" id="fh5co-main" data-colorbg=""> |
|
<div class="container"> |
|
|
|
|
|
<div class="row"> |
|
<div class="col-md-12"> |
|
|
|
<div class="row row-bottom-padded-sm animate-box"> |
|
<div class="col-md-3"> |
|
<h3 class="fh5co-section-heading"><span class="fh5co-number">N<sup>o</sup> 1</span> About Version</h3> |
|
</div> |
|
<div class="col-md-9"> |
|
<p class="fh5co-lead">1.0.0</p> |
|
<p>In this version we will introduce a new era of Rambox. With the support of the community, we can improve Rambox to allow multiple groups of services, choosing the icon and the name of the group and then, the services in it. We will add new type of services and preferences, to give you a better experience. And because you want it, dark theme and multi-language!</p> |
|
</div> |
|
</div> |
|
|
|
<div class="row animate-box"> |
|
<div class="col-md-12"> |
|
<figure><img src="images/macbook.png" class="img-responsive" alt="Free HTML5 Bootstrap Template"></figure> |
|
</div> |
|
</div> |
|
|
|
|
|
<div class="row animate-box row-bottom-padded-sm"> |
|
<div class="col-md-3"> |
|
<h3 class="fh5co-section-heading"><span class="fh5co-number">N<sup>o</sup> 2</span> More Screenshots</h3> |
|
</div> |
|
<div class="col-md-9"> |
|
<img class="screenshot" src="images/1.png" /> |
|
<img class="screenshot" src="images/2.png" /> |
|
<br/> |
|
<img class="screenshot" src="images/3.png" /> |
|
<img class="screenshot" src="images/4.png" /> |
|
</div> |
|
</div> |
|
|
|
|
|
<div class="row row-bottom-padded-sm animate-box"> |
|
<div class="col-md-3"> |
|
<h3 class="fh5co-section-heading"><span class="fh5co-number">N<sup>o</sup> 3</span> New Features</h3> |
|
</div> |
|
<div class="col-md-9"> |
|
<ul class="fh5co-list-style-1 fh5co-inline"> |
|
<li>New services categories (ToDos, Project Management, Cloud IDEs, etc)</li> |
|
<li>Multiple groups of services</li> |
|
<li>Multi-language</li> |
|
<li>Dark theme</li> |
|
<li>Signed app</li> |
|
<li>JS/CSS Injection to services</li> |
|
<li>More preferences</li> |
|
<li>More stable</li> |
|
<li>More and more!</li> |
|
</ul> |
|
</div> |
|
|
|
</div> |
|
<div class="row animate-box row-bottom-padded-sm"> |
|
<div class="col-md-3"> |
|
<h3 class="fh5co-section-heading"><span class="fh5co-number">N<sup>o</sup> 4</span> Support this version</h3> |
|
</div> |
|
<div class="col-md-9"> |
|
<div class="progress"> |
|
<div style="width:9%" aria-valuenow="9" class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100"> |
|
9% Raised |
|
</div> |
|
<div style="width:91%" class="progress-bar progress-bar-default" role="progressbar"> |
|
Goal: $3000.- |
|
</div> |
|
</div> |
|
<div class="well text-center"> |
|
<a href="https://salt.bountysource.com/checkout/amount?team=rambox&reward_id=407" target="_blank" class="btn btn-hot text-uppercase btn-lg">Donate <span class="glyphicon glyphicon-heart" aria-hidden="true"></span></a> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="row animate-box row-bottom-padded-sm"> |
|
<div class="col-md-3"> |
|
<h3 class="fh5co-section-heading"><span class="fh5co-number">N<sup>o</sup> 5</span> Spread the word</h3> |
|
</div> |
|
<div class="col-md-9"> |
|
<a href="http://twitter.com/share?text=I donated to @ramboxapp team for developing the new version. The future is coming! Please, support Rambox!&url=http://rambox.pro/100&hashtags=rambox |
|
" target="_blank" class="btn btn-twitter text-uppercase btn-lg">Twitter <span class="icon-twitter" aria-hidden="true"></span></a> |
|
<a href="https://www.facebook.com/sharer/sharer.php?u=http%3A//rambox.pro/100/" target="_blank" class="btn btn-facebook text-uppercase btn-lg">Facebook <span class="icon-facebook" aria-hidden="true"></span></a> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<footer id="fh5co-footer" class="js-fh5co-waypoint"> |
|
<div class="container"> |
|
<div class="row"> |
|
<div class="col-md-12 text-center"> |
|
<p><small>© 2016 Rambox. All Rights Reserved. <br> Template provided by <a href="http://freehtml5.co/" target="_blank">FREEHTML5.co</a> </p> |
|
<ul class="fh5co-social"> |
|
<li> |
|
<a href="https://twitter.com/ramboxapp" target="_blank"><i class="icon-twitter"></i></a> |
|
</li> |
|
<li> |
|
<a href="https://facebook.com/ramboxapp" target="_blank"><i class="icon-facebook"></i></a> |
|
</li> |
|
</ul> |
|
</div> |
|
</div> |
|
</div> |
|
</footer> |
|
</div> |
|
<!-- The Modal --> |
|
<div id="myModal" class="modal"> |
|
|
|
<!-- The Close Button --> |
|
<span class="close" onclick="document.getElementById('myModal').style.display='none'">×</span> |
|
|
|
<!-- Modal Content (The Image) --> |
|
<img class="modal-content" id="img01"> |
|
|
|
<!-- Modal Caption (Image Text) --> |
|
<div id="caption"></div> |
|
</div> |
|
</body> |
|
</html>
|
|
|