monero-site/get-started/what-is-monero/index.md
erciccione 150ba3a7e2
Improve performance of some pages by lazy loading images
Lazy loading makes web pages load images only when they are actually
needed (when they need to be displayed to the user), thus saving
resources for both host and users and improving performances for the
latter.

index.html: 474 kB (546 ms) -> 214kB (373ms)
get-started/what-is-monero/index.md: 320 kB (548 ms) -> 246kB (525 ms)
get-started/accepting/index.md: 254 kB (747 ms) -> 193kB (536 ms)
downloads/index.md: 397 kB (595 ms) -> 243kB (383 ms)

(tests ran locally)
2021-03-16 10:30:58 +01:00

73 lines
4.2 KiB
Markdown

---
layout: default
title: titles.whatismonero
permalink: /get-started/what-is-monero/index.html
---
{% t global.lang_tag %}
<div class="site-wrap">
<section class="container">
<div class="row">
<section class="container about-monero full col-xs-12">
<div class="info-block">
<div class="row center-xs">
<div class="col"><h2>{% t what-is-monero.need-to-know %}</h2></div>
</div>
<div class="row middle-xs info-block-row private">
<div class="col-lg-7 col-md-6 col-sm-8 col-xs-12 why-text">
<h3>{% t what-is-monero.leading %}</h3>
<p>{% t what-is-monero.leading_para1 %}</p>
<p>{% t what-is-monero.leading_para2 %}</p>
</div>
<div class="col-lg-5 col-md-6 col-sm-4 col-xs-12 last-sm first-xs center-xs">
<img src="/img/crypto-lock.png" loading="lazy" alt="Encrypted lock" class="main-icon">
</div>
</div>
<div class="row middle-xs info-block-row">
<div class="col-lg-5 col-md-6 col-sm-4 col-xs-12 center-xs">
<img src="/img/monero-classified.png" loading="lazy" alt="Classified document" class="main-icon">
</div>
<div class="col-lg-7 col-md-6 col-sm-8 col-xs-12 why-text">
<h3>{% t what-is-monero.confidential %}</h3>
<p>{% t what-is-monero.confidential_para1 %}</p>
<p>{% t what-is-monero.confidential_para2 %}</p>
</div>
</div>
<div class="row middle-xs info-block-row">
<div class="col-lg-7 col-md-6 col-sm-8 col-xs-12 why-text">
<h3>{% t what-is-monero.electronic %}</h3>
<p>{% t what-is-monero.electronic_para1 %}</p>
</div>
<div class="col-lg-5 col-md-6 col-sm-4 col-xs-12 last-sm first-xs center-xs">
<img src="/img/monero-electronic-cash.png" loading="lazy" alt="Electronic cash" class="main-icon">
</div>
</div>
<div class="row middle-xs info-block-row">
<div class="col-lg-5 col-md-6 col-sm-4 col-xs-12 center-xs">
<img src="/img/academic-growth.png" loading="lazy" alt="Academic growth" class="main-icon">
</div>
<div class="col-lg-7 col-md-6 col-sm-8 col-xs-12 why-text">
<h3>{% t what-is-monero.grassroots %}</h3>
<p>{% t what-is-monero.grassroots_p1 %} <a href="/resources/research-lab">{% t what-is-monero.grassroots_p2 %}</a> {% t what-is-monero.grassroots_p3 %} <a href="https://www.openhub.net/p/monero" target="_blank" rel="noreferrer noopener">{% t what-is-monero.grassroots_p4 %}</a> {% t what-is-monero.grassroots_p5 %}</p>
<p>{% t what-is-monero.grassroots_p6 %} <a href="/community/hangouts">{% t what-is-monero.grassroots_p7 %}</a> {% t what-is-monero.grassroots_p8 %}</p>
</div>
</div>
</div>
</section>
<section class="full col-xs-12 monero-vid">
<div class="info-block">
<div class="row center-xs">
<div class="col">
<h2>Monero: The Essentials (English)</h2>
</div>
<div class="box-video">
<video controls poster="/img/monero-cash-video-poster.png" preload="metadata" aria-label="Video Monero: The essentials">
<source src="/media/Monero%20-%20The%20Essentials.m4v">
</video>
</div>
</div>
</div>
</section>
</div>
</section>
</div>