mravi/uncloud-mravi
1
0
Fork 0
forked from uncloud/uncloud
Code Issues Pull requests Projects Releases Wiki Activity

Change backgroud image

Browse source
This commit is contained in:
amalelshihaby 2021-07-27 11:07:47 +02:00
parent 20ce755303
commit 4a0987766d
2 changed files with 28 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
matrixhosting/static/matrixhosting/images/background-image.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 MiB

After

Width:  |  Height:  |  Size: 2.4 MiB

56
matrixhosting/templates/matrixhosting/index.html
View file

@ -24,7 +24,7 @@
<!-- Send/Request Money <!-- Send/Request Money
============================================= --> ============================================= -->
<section class="hero-wrap"> <section class="hero-wrap">
<div class="hero-mask opacity-7 bg-dark"></div> <div class="hero-mask opacity-6 bg-dark"></div>
<div class="hero-bg" style="background-image:url({% static 'matrixhosting/images/background-image.jpg' %});"></div> <div class="hero-bg" style="background-image:url({% static 'matrixhosting/images/background-image.jpg' %});"></div>
<div class="hero-content d-flex fullscreen"> <div class="hero-content d-flex fullscreen">
<div class="container my-auto py-5"> <div class="container my-auto py-5">
@ -34,7 +34,7 @@
and decentralized communication <br class="d-none d-xl-block"> and decentralized communication <br class="d-none d-xl-block">
on your private cloud.</h2> on your private cloud.</h2>
<p class="lead text-light mb-4">Create & Host your matrix instances in minutes with great rates and low <p class="lead text-light mb-4">Create & Host your matrix instances in minutes with great rates and low
fees. Over 180 countries and 30 currencies supported.</p> fees. Own your data.</p>
<a href="#" class="btn-link text-4">See more details<i class="fas fa-chevron-right text-2 ml-2"></i></a> </div> <a href="#" class="btn-link text-4">See more details<i class="fas fa-chevron-right text-2 ml-2"></i></a> </div>
{% include "matrixhosting/includes/_calculator_form.html" %} {% include "matrixhosting/includes/_calculator_form.html" %}
</div> </div>
@ -47,36 +47,36 @@
============================================= --> ============================================= -->
<section class="section bg-white"> <section class="section bg-white">
<div class="container"> <div class="container">
<h2 class="text-9 text-center text-uppercase font-weight-400">Why choose us?</h2> <h2 class="text-9 text-center text-uppercase font-weight-400">What you will get?</h2>
<p class="lead text-center mb-5">Here’s Top 4 reasons why using a MatrixHosting account for manage your money.</p> <p class="lead text-center mb-5">Lisque persius interesset his et, in quot quidam persequeris vim, ad mea essent possim iriure.</p>
<div class="row"> <div class="row">
<div class="col-lg-10 mx-auto"> <div class="col-lg-10 mx-auto">
<div class="row"> <div class="row">
<div class="col-sm-6 mb-4"> <div class="col-sm-6 mb-4">
<div class="featured-box style-3"> <div class="featured-box style-3">
<div class="featured-box-icon border border-primary text-primary rounded-circle"> <i class="fas fa-hand-pointer"></i> </div> <div class="featured-box-icon border border-primary text-primary rounded-circle"> <i class="fas fa-comments"></i> </div>
<h3 class="font-weight-400">Easy to use</h3> <h3 class="font-weight-400">Messaging</h3>
<p>Lisque persius interesset his et, in quot quidam persequeris vim, ad mea essent possim iriure.</p> <p>Lisque persius interesset his et, in quot quidam persequeris vim, ad mea essent possim iriure.</p>
</div> </div>
</div> </div>
<div class="col-sm-6 mb-4"> <div class="col-sm-6 mb-4">
<div class="featured-box style-3"> <div class="featured-box style-3">
<div class="featured-box-icon border border-primary text-primary rounded-circle"> <i class="fas fa-share"></i> </div> <div class="featured-box-icon border border-primary text-primary rounded-circle"> <i class="fas fa-cloud"></i> </div>
<h3 class="font-weight-400">Faster Payments</h3> <h3 class="font-weight-400">Decentralised</h3>
<p>Persius interesset his et, in quot quidam persequeris vim, ad mea essent possim iriure.</p> <p>Persius interesset his et, in quot quidam persequeris vim, ad mea essent possim iriure.</p>
</div> </div>
</div> </div>
<div class="col-sm-6 mb-4 mb-sm-0"> <div class="col-sm-6 mb-4 mb-sm-0">
<div class="featured-box style-3"> <div class="featured-box style-3">
<div class="featured-box-icon border border-primary text-primary rounded-circle"> <i class="fas fa-dollar-sign"></i> </div> <div class="featured-box-icon border border-primary text-primary rounded-circle"> <i class="fas fa-lock"></i> </div>
<h3 class="font-weight-400">Lower Fees</h3> <h3 class="font-weight-400">End-to-End Encryption</h3>
<p>Essent lisque persius interesset his et, in quot quidam persequeris vim, ad mea essent possim iriure.</p> <p>Essent lisque persius interesset his et, in quot quidam persequeris vim, ad mea essent possim iriure.</p>
</div> </div>
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
<div class="featured-box style-3"> <div class="featured-box style-3">
<div class="featured-box-icon border border-primary text-primary rounded-circle"> <i class="fas fa-lock"></i> </div> <div class="featured-box-icon border border-primary text-primary rounded-circle"> <i class="fas fa-book-reader"></i> </div>
<h3 class="font-weight-400">100% secure</h3> <h3 class="font-weight-400">Open Source</h3>
<p>Quidam lisque persius interesset his et, in quot quidam persequeris vim, ad mea essent possim iriure.</p> <p>Quidam lisque persius interesset his et, in quot quidam persequeris vim, ad mea essent possim iriure.</p>
</div> </div>
</div> </div>
@ -104,15 +104,15 @@
<div class="col-sm-4 mb-4"> <div class="col-sm-4 mb-4">
<div class="featured-box style-4"> <div class="featured-box style-4">
<div class="featured-box-icon text-dark shadow-none border-bottom"><span class="w-100 text-20 font-weight-500">2</span></div> <div class="featured-box-icon text-dark shadow-none border-bottom"><span class="w-100 text-20 font-weight-500">2</span></div>
<h3 class="mb-3">Send & Receive Money</h3> <h3 class="mb-3">Select your subscription plan</h3>
<p class="text-3 font-weight-300">Receive & Send Payments from worldwide in 40 currencies.</p> <p class="text-3 font-weight-300">Choose from multiple subscription plans, monthly and yearly.</p>
</div> </div>
</div> </div>
<div class="col-sm-4 mb-4 mb-sm-0"> <div class="col-sm-4 mb-4 mb-sm-0">
<div class="featured-box style-4"> <div class="featured-box style-4">
<div class="featured-box-icon text-dark shadow-none border-bottom"><span class="w-100 text-20 font-weight-500">3</span></div> <div class="featured-box-icon text-dark shadow-none border-bottom"><span class="w-100 text-20 font-weight-500">3</span></div>
<h3 class="mb-3">Withdraw Funds</h3> <h3 class="mb-3">Confirm your Order</h3>
<p class="text-3 font-weight-300">Your funds will be transferred to your local bank account.</p> <p class="text-3 font-weight-300">Once you confirm your order, your instance will be up in minutes.</p>
</div> </div>
</div> </div>
</div> </div>
@ -133,7 +133,7 @@
<div class="hero-content"> <div class="hero-content">
<h2 class="text-6 text-white mb-3">Why MatrixHosting?</h2> <h2 class="text-6 text-white mb-3">Why MatrixHosting?</h2>
<p class="text-light mb-5">Lisque persius interesset his et, in quot quidam persequeris vim, ad mea essent possim iriure. Mutat tacimates id sit. Ridens mediocritatem ius an, eu nec magna imperdiet.</p> <p class="text-light mb-5">Lisque persius interesset his et, in quot quidam persequeris vim, ad mea essent possim iriure. Mutat tacimates id sit. Ridens mediocritatem ius an, eu nec magna imperdiet.</p>
<h2 class="text-6 text-white mb-3">Send Money with MatrixHosting</h2> <h2 class="text-6 text-white mb-3">Request a matrix instance</h2>
<p class="text-light">Lisque persius interesset his et, in quot quidam persequeris vim, ad mea essent possim iriure. Mutat tacimates id sit. Ridens mediocritatem ius an, eu nec magna imperdiet.</p> <p class="text-light">Lisque persius interesset his et, in quot quidam persequeris vim, ad mea essent possim iriure. Mutat tacimates id sit. Ridens mediocritatem ius an, eu nec magna imperdiet.</p>
<p class="text-light mb-0">Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.</p> <p class="text-light mb-0">Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.</p>
</div> </div>
@ -189,8 +189,8 @@
============================================= --> ============================================= -->
<section class="section"> <section class="section">
<div class="container"> <div class="container">
<h2 class="text-9 text-center">What people say about Payyed</h2> <h2 class="text-9 text-center">What people say about MatrixHosting</h2>
<p class="lead text-center mb-4">A payments experience people love to talk about</p> <p class="lead text-center mb-4">Quidam lisque persius interesset his et, in quot quidam</p>
<div class="row"> <div class="row">
<div class="col-lg-10 col-xl-8 mx-auto"> <div class="col-lg-10 col-xl-8 mx-auto">
<div class="owl-carousel owl-theme" data-autoplay="true" data-nav="true" data-loop="true" data-margin="30" data-stagepadding="5" data-items-xs="1" data-items-sm="1" data-items-md="1" data-items-lg="1"> <div class="owl-carousel owl-theme" data-autoplay="true" data-nav="true" data-loop="true" data-margin="30" data-stagepadding="5" data-items-xs="1" data-items-sm="1" data-items-md="1" data-items-lg="1">
@ -206,7 +206,7 @@
</div> </div>
<div class="item"> <div class="item">
<div class="testimonial rounded text-center p-4"> <div class="testimonial rounded text-center p-4">
<p class="text-4">“Fast easy to use transfers to a different currency. Much better value that the banks.”</p> <p class="text-4">“Quidam lisque persius interesset his et, in quot quidam.”</p>
<strong class="d-block font-weight-500">De Mortel</strong> <span class="text-muted">Online Retail</span> </div> <strong class="d-block font-weight-500">De Mortel</strong> <span class="text-muted">Online Retail</span> </div>
</div> </div>
<div class="item"> <div class="item">
@ -216,12 +216,12 @@
</div> </div>
<div class="item"> <div class="item">
<div class="testimonial rounded text-center p-4"> <div class="testimonial rounded text-center p-4">
<p class="text-4">“It's a real good idea to manage your money by payyed. The rates are fair and you can carry out the transactions without worrying!”</p> <p class="text-4">“Quidam lisque persius interesset his et, in quot quidam”</p>
<strong class="d-block font-weight-500">Mauri Lindberg</strong> <span class="text-muted">Freelancer from Australia</span> </div> <strong class="d-block font-weight-500">Mauri Lindberg</strong> <span class="text-muted">Freelancer from Australia</span> </div>
</div> </div>
<div class="item"> <div class="item">
<div class="testimonial rounded text-center p-4"> <div class="testimonial rounded text-center p-4">
<p class="text-4">“Only trying it out since a few days. But up to now excellent. Seems to work flawlessly. I'm only using it for sending money to friends at the moment.”</p> <p class="text-4">“Only trying it out since a few days. But up to now excellent. Seems to work flawlessly.”</p>
<strong class="d-block font-weight-500">Dennis Jacques</strong> <span class="text-muted">User from USA</span> </div> <strong class="d-block font-weight-500">Dennis Jacques</strong> <span class="text-muted">User from USA</span> </div>
</div> </div>
</div> </div>
@ -244,7 +244,7 @@
<div class="accordion accordion-alternate arrow-right" id="popularTopics"> <div class="accordion accordion-alternate arrow-right" id="popularTopics">
<div class="card"> <div class="card">
<div class="card-header" id="heading1"> <div class="card-header" id="heading1">
<h5 class="mb-0"> <a href="#" class="collapsed" data-toggle="collapse" data-target="#collapse1" aria-expanded="false" aria-controls="collapse1">What is Payyed?</a> </h5> <h5 class="mb-0"> <a href="#" class="collapsed" data-toggle="collapse" data-target="#collapse1" aria-expanded="false" aria-controls="collapse1">What is Matrix?</a> </h5>
</div> </div>
<div id="collapse1" class="collapse" aria-labelledby="heading1" data-parent="#popularTopics"> <div id="collapse1" class="collapse" aria-labelledby="heading1" data-parent="#popularTopics">
<div class="card-body"> Lisque persius interesset his et, in quot quidam persequeris vim, ad mea essent possim iriure. Mutat tacimates id sit. Ridens mediocritatem ius an, eu nec magna imperdiet. </div> <div class="card-body"> Lisque persius interesset his et, in quot quidam persequeris vim, ad mea essent possim iriure. Mutat tacimates id sit. Ridens mediocritatem ius an, eu nec magna imperdiet. </div>
@ -252,7 +252,7 @@
</div> </div>
<div class="card"> <div class="card">
<div class="card-header" id="heading2"> <div class="card-header" id="heading2">
<h5 class="mb-0"> <a href="#" class="collapsed" data-toggle="collapse" data-target="#collapse2" aria-expanded="false" aria-controls="collapse2">How to send money online?</a> </h5> <h5 class="mb-0"> <a href="#" class="collapsed" data-toggle="collapse" data-target="#collapse2" aria-expanded="false" aria-controls="collapse2">How to request a VM?</a> </h5>
</div> </div>
<div id="collapse2" class="collapse" aria-labelledby="heading2" data-parent="#popularTopics"> <div id="collapse2" class="collapse" aria-labelledby="heading2" data-parent="#popularTopics">
<div class="card-body"> Iisque Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. </div> <div class="card-body"> Iisque Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. </div>
@ -260,7 +260,7 @@
</div> </div>
<div class="card"> <div class="card">
<div class="card-header" id="heading3"> <div class="card-header" id="heading3">
<h5 class="mb-0"> <a href="#" class="collapsed" data-toggle="collapse" data-target="#collapse3" aria-expanded="false" aria-controls="collapse3">Is my money safe with Payyed?</a> </h5> <h5 class="mb-0"> <a href="#" class="collapsed" data-toggle="collapse" data-target="#collapse3" aria-expanded="false" aria-controls="collapse3">Is my money safe?</a> </h5>
</div> </div>
<div id="collapse3" class="collapse" aria-labelledby="heading3" data-parent="#popularTopics"> <div id="collapse3" class="collapse" aria-labelledby="heading3" data-parent="#popularTopics">
<div class="card-body"> Iisque persius interesset his et, in quot quidam persequeris vim, ad mea essent possim iriure. Mutat tacimates id sit. Ridens mediocritatem ius an, eu nec magna imperdiet. </div> <div class="card-body"> Iisque persius interesset his et, in quot quidam persequeris vim, ad mea essent possim iriure. Mutat tacimates id sit. Ridens mediocritatem ius an, eu nec magna imperdiet. </div>
@ -268,7 +268,7 @@
</div> </div>
<div class="card"> <div class="card">
<div class="card-header" id="heading4"> <div class="card-header" id="heading4">
<h5 class="mb-0"> <a href="#" class="collapsed" data-toggle="collapse" data-target="#collapse4" aria-expanded="false" aria-controls="collapse4">How much fees does Payyed charge?</a> </h5> <h5 class="mb-0"> <a href="#" class="collapsed" data-toggle="collapse" data-target="#collapse4" aria-expanded="false" aria-controls="collapse4">How much fees does Matrixhosting charge?</a> </h5>
</div> </div>
<div id="collapse4" class="collapse" aria-labelledby="heading4" data-parent="#popularTopics"> <div id="collapse4" class="collapse" aria-labelledby="heading4" data-parent="#popularTopics">
<div class="card-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. </div> <div class="card-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. </div>
@ -276,7 +276,7 @@
</div> </div>
<div class="card"> <div class="card">
<div class="card-header" id="heading5"> <div class="card-header" id="heading5">
<h5 class="mb-0"> <a href="#" class="collapsed" data-toggle="collapse" data-target="#collapse5" aria-expanded="false" aria-controls="collapse5">What is the fastest way to send money abroad?</a> </h5> <h5 class="mb-0"> <a href="#" class="collapsed" data-toggle="collapse" data-target="#collapse5" aria-expanded="false" aria-controls="collapse5">How can I cancel my subscription?</a> </h5>
</div> </div>
<div id="collapse5" class="collapse" aria-labelledby="heading5" data-parent="#popularTopics"> <div id="collapse5" class="collapse" aria-labelledby="heading5" data-parent="#popularTopics">
<div class="card-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. </div> <div class="card-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. </div>
@ -284,7 +284,7 @@
</div> </div>
<div class="card"> <div class="card">
<div class="card-header" id="heading6"> <div class="card-header" id="heading6">
<h5 class="mb-0"> <a href="#" class="collapsed" data-toggle="collapse" data-target="#collapse6" aria-expanded="false" aria-controls="collapse6">Can I open an Payyed account for business?</a> </h5> <h5 class="mb-0"> <a href="#" class="collapsed" data-toggle="collapse" data-target="#collapse6" aria-expanded="false" aria-controls="collapse6">Can I add credit to my wallet?</a> </h5>
</div> </div>
<div id="collapse6" class="collapse" aria-labelledby="heading6" data-parent="#popularTopics"> <div id="collapse6" class="collapse" aria-labelledby="heading6" data-parent="#popularTopics">
<div class="card-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. </div> <div class="card-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. </div>