web3extension.io/lume-installer-website/donate.html

102 lines
4.1 KiB
HTML
Raw Normal View History

2022-05-01 14:44:20 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Donate | Lume Web</title>
<meta name="description" content="Donate Lume Web and help us grow">
<link rel="icon" type="image/x-icon" href="/favicon.png">
<link rel="stylesheet" href="./css/reset.css" type="text/css" />
<link rel="stylesheet" href="./css/style.css" type="text/css" />
</head>
<body>
<div class="content-container">
<div class="header">
<a href="/"><img class="logo" src="images/logo-lumeweb.png" alt="Logo Lume"></a>
<a href="#"><button class="donate-btn">Donate</button></a>
</div>
<section class="section-donate">
<h1>Support Lume Web, help us create a safe Web3 for mankind</h1>
<div class="download">
<div class="download-button">
<a href="#"><button class="btn">Make a donation</button></a>
</div>
</div>
</section>
<section class="section-advantages">
<div class="advantage-card">
<img src="images/icon-code.svg" alt="Icon code">
<span>Development spending</span>
<p>All donations are spent on active development of Lume Web.</p>
</div>
<div class="advantage-card">
<img src="images/icon-shield.svg" alt="Icon shield">
<span>Help pioneer Web3</span>
<p>Donec a orci at massa placerat vestibulum. Sed posuere mauris et ligula volutpat, sit amet fermentum velit dictum. Donec diam justo.</p>
</div>
<div class="advantage-card">
<img src="images/icon-grid.svg" alt="Icon grid">
<span>Help us grow</span>
<p>Help us grow, so we can create the Web3 together and think of new ways to make it even easier to...</p>
</div>
</section>
<section class="text-image">
<div class="content-img">
<img src="images/image-roadmap.jpg" alt="Roadmap image"/>
</div>
<div class="content-body">
<h3>Why we ask for your donations</h3>
<p>Sed eget placerat libero. Sed elementum, ante id convallis posuere, leo dolor condimentum lectus, nec imperdiet sem lectus ac lectus. Nullam ultricies non magna ut mollis. Proin et sem a lacus euismod mollis at sed augue. Vivamus in consequat tortor. Vivamus non erat ut lectus iaculis pretium.</p>
<p>Aliquam lacinia velit ut magna bibendum, sit amet ornare tortor fermentum. Aliquam convallis leo vitae mi iaculis, sed posuere augue scelerisque.</p>
</div>
</section>
<section class="text">
<div class="text-body">
<h3>Payment possibilities</h3>
<p>Nam imperdiet leo massa, in ornare sapien varius non. Cras feugiat, lectus vel efficitur malesuada, lacus tortor porttitor mauris, sed consectetur ipsum ante vel libero. Donec auctor faucibus quam, quis sagittis mi sollicitudin eget. Fusce efficitur eu nisi vitae tempor. Maecenas elementum quam sit amet lorem pulvinar, eu tincidunt velit gravida. Phasellus turpis risus, consectetur quis libero sit amet, tempus varius diam.</p>
</div>
</section>
<section class="text-image column-reverse">
<div class="content-body">
<h3>The way we are different</h3>
<p>Sed eget placerat libero. Sed elementum, ante id convallis posuere, leo dolor condimentum lectus, nec imperdiet sem lectus ac lectus. Nullam ultricies non magna ut mollis. Proin et sem a lacus euismod mollis at sed augue. Vivamus in consequat tortor. Vivamus non erat ut lectus iaculis pretium.</p>
<p>Aliquam lacinia velit ut magna bibendum, sit amet ornare tortor fermentum. Aliquam convallis leo vitae mi iaculis, sed posuere augue scelerisque.</p>
</div>
<div class="content-img">
<img src="images/image-development-race.png" alt="Roadmap image"/>
</div>
</section>
<section class="section-footer">
<div class="footer-divider">
<a href="/"><img class="logo" src="images/logo-lume-single.png" alt="Logo single"></a>
</div>
<footer>
<div class="company">
<p>Hammer Technologies LLC</p>
</div>
<div class="github">
<img src="/images/icon-github.png" alt="Github icon">
<a href="https://github.com/pcfreak30" target="blank">View on Github</a>
</div>
</footer>
</section>
</div>
</body>