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

121 lines
4.3 KiB
HTML
Raw Permalink 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>Lume Web</title>
<meta name="description" content="Lume Web">
<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="donate.html"><button class="donate-btn">Donate</button></a>
</div>
<div class="section-introduction">
<div class="heading-introduction">
<h1>Lume Web, your personal and private gateway to web3</h1>
</div>
<div class="section-portal">
<div class="portal-frame">
<div class="portal"></div>
</div>
</div>
</div>
<section class="section-download">
<div>
<h2>Download Lume Web Extension</h2>
</div>
<div class="download">
<div class="download-title">
<span>Chrome and Brave installer</span>
</div>
<div class="download-button">
<a href="#open-modal"><button class="btn">Download for Windows</button></a>
<div id="open-modal" class="modal-box">
<div>
<a href="#" title="Close" class="modal-close">Cancel</a>
<h4>How to install</h4>
<ol>
<li>1. Click the LumeWeb installer</li>
<li>2. Launch the extension from your browser</li>
</ol>
<div class="download-button">
<a href="#"><button class="btn">Download for Windows</button></a>
</div>
</div>
</div>
</div>
<div class="os-options">
<span>More OS options in the near future</span>
</div>
</div>
</section>
<section class="section-advantages">
<div class="advantage-card">
<img src="images/icon-lock.svg" alt="Icon lock">
<span>It's private</span>
<p>Nam iaculis quis magna et fringilla. Nulla maximus ornare egestas. Phasellus a magna nunc. </p>
</div>
<div class="advantage-card">
<img src="images/icon-folder-lock.svg" alt="Icon folder lock">
<span>It's personal</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-channel.svg" alt="Icon channel">
<span>It's your gateway</span>
<p>In feugiat pretium pretium. Praesent odio quam, venenatis eu sagittis non, vulputate vel mi. Etiam arcu orci, sodales quis nisi pulvinar, viverra blandit est.</p>
</div>
</section>
<section class="text-image"">
<div class="content-img">
<img src="images/portal-image.jpg" alt="Portal"/>
</div>
<div class="content-body">
<h3>Lume Web grants your access to web3</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>This is a text only component</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="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>