Untitled
3 years ago in Plain Text
<!DOCTYPE html>
<html>
<head>
<title>BitWealth|Home</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="icons/dimicon/css/dimenxion.css">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="main.css">
<script src="jquery-3.5.1.js"></script>
<style type="">
.firsthomeheader{
min-height: 50px;
color: white;
background: white;
width: 100%;
margin-top: -10px;
}
.navhomeheader{
min-height: 50px;
color: white;
background: #052B36;
width: 100%;
position: -webkit-sticky;
position: sticky;
top: 0;
margin-top: -10px;
z-index: 999;
}
.jumbtextbox{
background: rgba(0,0,0,0.7);
border:none;
border-radius: 5px;
font-size:18px;
position: absolute;
bottom: 0;
color: white;
}
.rectangle1 {
width: 45%;
height: 100px;
background-color: #052B36;
position: relative;
display: inline-block;
margin: 0;
}
.rectangle1:after {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 0;
margin: 0;
width: 0;
height: 0;
border-bottom: 100px solid #D87400;
border-left: 60px solid transparent;
}
.rectangle {
width: 20%;
margin-left: auto;
height: 100px;
background-color: white;
display: inline-block;
position: relative;
margin: 0;
}
.rectangle:after {
content: '';
position: absolute;
bottom: 0;
right: 99.5%;
width: 0;
height: 0;
width: 0;
height: 0;
border-bottom: 100px solid white;
border-left: 60px solid transparent;
}
@media only screen and (max-width: 525px ){
.rectangle:after{
border-left: 50px solid transparent;
}
.rectangle1:after{
border-left: 50px solid transparent;
}
.rectangle1{
width:55%;
}
.rectangle{
width:40%;
}
}
.navbtn{
background: transparent;
color:white;
width: 12%;
height: 35px;
border-radius: 20px;
border: 1px solid #D87400;
cursor: pointer;
}
.navbtn:hover, .navbtn:focus{
background: #D87400;
}
.center-cropped {
width: 100%;
overflow: hidden;
display: block;
position: relative;
}
.rmbtn{
border: none;
background: #0914AD;
color: white;
border-radius: 20px;
padding:5px 10px 5px 10px;
}
body{
font-family: Times New Royal;
}
.mainjumbotron{
height: 320px;
z-index: 1;
position: relative;
display: block;
margin-top: 50px;
}
.mainjumbotron:after{
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: -1;
background: url(images/main.jpg);
}
.jumbotron1{
height: 320px;
z-index: 1;
position: relative;
display: block;
margin-top: 0px;
}
.jumbotron1:after{
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: -1;
background: url(images/jumbo2.jpg);
}
.typewriter-text {
padding-right: 10px;
color: #ffe509;
border-right: solid #ffe509 7px;
font-variant: small-caps;
animation: cursor 1s ease-in-out infinite;
font-weight: bold;
}
@keyframes cursor {
from { border-color: #ffe509; }
to { border-color: transparent; }
}
.typewriter{
font-size: 40px;
}
@media only screen and (max-width: 565px){
.jumbtextbox{
font-size:16px;
left: 50%;
transform: translateX(-50%);
}
.typewriter{
font-size: 27px;
}
}
@media only screen and (min-width: 565px) and (max-width: 767px){
.jumbtextbox{
font-size:16px;
left: 50%;
transform: translateX(-50%);
}
.typewriter{
font-size: 33px;
}
}
.coin_ritan{
background: rgba(0,0,0,0.7);
border:none;
border-radius: 5px;
}
.coin_ritan .cryptonatorwidget {
border: none !important;
padding: 15px !important;
}
.coin_ritan .cryptonatorwidget table tr {
display: flex;
flex-direction: column;
}
.coin_ritan .cryptonatorwidget table tr td input[type="text"] {
padding: 3px;
margin-bottom: 5px;
margin-right: 5px;
border:1px solid #D87400;
border-radius: 5px;
}
.coin_ritan .cryptonatorwidget table tr td input::placeholder {
font-variant: small-caps;
}
.coin_ritan .cryptonatorwidget table tr td select {
margin-bottom: 2px;
border-radius: 5px;
border:1px solid #D87400;
}
.coin_ritan .cryptonatorwidget table tr td {
padding-right: 10px;
padding: 10px 0 11px 0;
display: block;
width: 100% !important;
-webkit-box-ordinal-group: 2;
order: 2;
}
.coin_ritan .cryptonatorwidget table tr td:last-child {
padding-right: 0px;
-webkit-box-ordinal-group: 2;
order: 1;
}
.coin_ritan .cryptonatorwidget div {
display: none;
}
</style>
</head>
<body>
<div class="container-fluid p-0">
<div class="firsthomeheader">
<div class="rectangle1"></div>
<div class="rectangle"></div>
</div>
<div class="navhomeheader">
<div class="d-none d-md-flex align-items-center jus">
<button class="navbtn">Home</button>
</div>
<div class="d-flex d-md-none align-items-center justify-content-end collapse navbar-collapse" id="navbarSupportedContent">
<div class="dropdown">
<a class="btn btn-secondary dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown link
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</div>
</div>
</div>
<div class="jumbotron mainjumbotron w-100">
<div class="col-12">
<div class="col-12 col-sm-11 text-sm-center col-md-6">
<span class='typewriter'>
<span class='typewriter-text' data-text='[ "Build Your Income. ", "Better Returns With Less Risk. ", "We Help Your Business Grow. " ]'></span>
</span>
</div>
</div>
<br>
<div class="container col-12 col-sm-9 col-md-6 d-flex align-items-end jumbtextbox">
<div class="mySlides">
<p class="author">Value investing In sectors where WE have proven expertise, Applying private equity desciplines to maximize values and drive return in infrastructural assets</p>
</div>
<div class="mySlides">
<q>But man is not made for defeat. A man can be destroyed but not defeated.</q>
<p class="author">- Ernest Hemingway</p>
</div>
<div class="mySlides">
<q>I have not failed. I've just found 10,000 ways that won't work.</q>
<p class="author">- Thomas A. Edison</p>
</div>
</div>
<div class="col-5 d-none d-md-block coin_ritan" style="position: absolute; bottom: 0; right: 0;">
<form>
<script src="https://www.cryptonator.com/ui/js/widget/calc_widget.js"></script>
</form>
</div>
</div>
<div class="col-12">
<div class="col-10 d-block offset-1 d-md-none coin_ritan ">
<form>
<script src="https://www.cryptonator.com/ui/js/widget/calc_widget.js"></script>
</form>
</div>
</div>
<br>
</div>
<div class="col-12">
<script type="text/javascript">
baseUrl = "https://widgets.cryptocompare.com/";
var scripts = document.getElementsByTagName("script");
var embedder = scripts[ scripts.length - 1 ];
(function (){
var appName = encodeURIComponent(window.location.hostname);
if(appName==""){appName="local";}
var s = document.createElement("script");
s.type = "text/javascript";
s.async = true;
var theUrl = baseUrl+'serve/v1/coin/chartscroller?fsyms=BTC,ETH,XMR,LTC&tsyms=USD,EUR,CNY,GBP';
s.src = theUrl + ( theUrl.indexOf("?") >= 0 ? "&" : "?") + "app=" + appName;
embedder.parentNode.appendChild(s);
})();
</script>
</div>
<br>
<div class="jumbotron jumbotron1 w-100">
</div>
<br>
<div class="container">
<h4 style=" font-variant: small-caps;">Our Services </h4><br>
<div class="row">
<div class="col-12 col-md-4 " >
<img src="images/socialt1.png" width="100%">
<h5 class="text-center"><b> PAMM and MAM </b></h5>
The performance (profits and losses) of a PAMM or MAM account manager is distributed among the managed accounts. The clients' managed accounts are connected to the account manager's main account and all trades made by the manager are reflected proportionally in the clients' accounts.
<br><br>
<button class="rmbtn">Read More..</button>
</div>
<div class="col-12 col-md-4" >
<img src="images/realst.jpg" width="100%">
<h5 class="text-center"><b> Real Estate Investments </b></h5>
The performance (profits and losses) of a PAMM or MAM account manager is distributed among the managed accounts. The clients' managed accounts are connected to the account manager's main account and all trades made by the manager are reflected proportionally in the clients' accounts.
<br><br>
<button class="rmbtn">Read More..</button>
</div>
<div class="col-lg-4 col-sm-11 col-xs-12" >
<img src="images/cannabis.jpg" width="100%">
<h5 class="text-center"><b> Cannabis Investments </b></h5>
Big institutional investors are getting increasingly high on the growth potential for products derived from the cannabis plant, more commonly known as marijuana. Bank of Montreal, in a bullish forecast, says the market could be as a large as $194 billion worldwide by 2025, should the U.S. federal government legalize cannabis.<br><br>
<button class="rmbtn">Read More..</button>
</div><div class="col-lg-4 col-sm-11 col-xs-12" >
<img src="images/crypto.jpg" width="100%">
<h5 class="text-center"><b>Cryptocurrency Investments</b></h5>
A cryptocurrency is a digital coin, designed to be transferred between people in virtual transactions. Owning a Bitcoin means you have the collective agreement of each and every computer on the Bitcoin network that it is currently owned by you and – more importantly – that it was legitimately created by a miner<br><br>
<button class="rmbtn">Read More..</button>
</div><div class="col-lg-4 col-sm-11 col-xs-12" >
<img src="images/retirem.jpg" width="100%">
<h5 class="text-center"><b> Retirement PLanning </b></h5>
Dramatic advances in healthcare have extended the lives of people in, predominantly, first-world and developed countries. That means that without adequate personal savings and/or pensions, people could easily outlive their retirement funds. <br><br>
<button class="rmbtn">Read More..</button>
</div><div class="col-lg-4 col-sm-11 col-xs-12" >
<img src="images/loans.jpg" width="100%">
<h5 class="text-center"><b> Loans </b></h5>
Our Business/ Personal Loan provides funds which you can repay over one to five years. You repay the loan in monthly set installments. Whatever your business plans, our fixed or revolving business loans can help you reach your goals. <br><br>
<button class="rmbtn">Read More..</button>
</div>
</div>
</div>
<div class="jumbotron w-100">
<h4>| ABOUT US</h4>
<br>
<div class="row">
<div class="col-12 col-md-5">
<img src="images/about.jpg" width="100%" style="margin-bottom:10px; ">
</div>
<div class="col-12 col-sm-11 col-md-7">
Our Multi-Asset Group specialises in the construction and management of multi-manager and diversified investment portfolios, working in harmony with our dedicated investment teams in real estate, infrastructure, equities and fixed income. We also specialise in dynamic asset allocation, pro-actively positioning portfolios designed to negotiate the ups and downs of the market cycle.
BitWealth is registered and regulated with business number 752444885RC0001 and Corporation No. is 10806030. Our services include customised accounts, liability-based investments, bespoke investment solutions, co-investments and portfolios tailored to your specific requirements.
<br><button class="rmbtn">Read More..</button>
</div>
</div>
</div>
</div>
<script src="js/bootstrap.min.js"></script>
<script>
$(document).ready(function() {
typing( 0, $('.typewriter-text').data('text') );
function typing( index, text ) {
var textIndex = 1;
var tmp = setInterval(function() {
if ( textIndex < text[ index ].length + 1 ) {
$('.typewriter-text').text( text[ index ].substr( 0, textIndex ) );
textIndex++;
} else {
setTimeout(function() { deleting( index, text ) }, 2000);
clearInterval(tmp);
}
}, 150);
}
function deleting( index, text ) {
var textIndex = text[ index ].length;
var tmp = setInterval(function() {
if ( textIndex + 1 > 0 ) {
$('.typewriter-text').text( text[ index ].substr( 0, textIndex ) );
textIndex--;
} else {
index++;
if ( index == text.length ) { index = 0; }
typing( index, text );
clearInterval(tmp);
plusSlides(1);
}
}, 150)
}
});
var slideIndex = 1;
showSlides(slideIndex);
function plusSlides(n) {
showSlides(slideIndex += n);
}
function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
var i;
var slides = document.getElementsByClassName("mySlides");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
}
</script>
</body>
</html>