141 lines
7.7 KiB
HTML
141 lines
7.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>FLO Scout</title>
|
|
<link rel="stylesheet" href="css/main.css">
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<section id="first_section">
|
|
<div class="dark-background">
|
|
<header class="margin">
|
|
<div id="logo">
|
|
<h5>RanchiMall</h5>
|
|
<h1 class="bebas">FLO SCOUT</h1>
|
|
<div class="border"></div>
|
|
</div>
|
|
</header>
|
|
<div id="main_search">
|
|
<label class="input margin">
|
|
<svg class="icon" viewBox="0 0 64 64">
|
|
<title>Search icon</title>
|
|
<path d="M60.7,63.72a3,3,0,0,1-2.14-.88L42.22,46.5a3,3,0,0,1-.77-2.91l0-.16-1.61-1.6-.18-.2-.24.12a23.66,23.66,0,1,1,2.29-2.29l-.18.21.22.2.07,0,1.57,1.58.16,0a3,3,0,0,1,2.91.77L62.84,58.56a3,3,0,0,1-2.14,5.16Z" transform="translate(0 0)"/>
|
|
<path d="M23.93.55A23.36,23.36,0,0,1,41.54,39.28l-.36.41.41.36.09.07,1.45,1.45.22.22.31-.08a2.84,2.84,0,0,1,.72-.09,2.69,2.69,0,0,1,1.92.79L62.64,58.75a2.75,2.75,0,1,1-3.89,3.89L42.41,46.3a2.73,2.73,0,0,1-.7-2.64l.08-.31-.22-.22-1.45-1.45,0,0-.05,0-.36-.41-.41.36A23.37,23.37,0,1,1,23.93.55m0-.55A23.93,23.93,0,1,0,39.64,42l0,.07,1.49,1.5A3.28,3.28,0,0,0,42,46.69L58.36,63A3.3,3.3,0,0,0,63,58.36L46.69,42a3.24,3.24,0,0,0-2.31-1,3.56,3.56,0,0,0-.86.11L42,39.69l-.07,0A23.91,23.91,0,0,0,23.93,0Z" transform="translate(0 0)"/>
|
|
</svg>
|
|
<input type="search" placeholder="Search Block, Transactions, address, token or contract">
|
|
</label>
|
|
<h1 class="bebas watermark">flo scout</h1>
|
|
</div>
|
|
</div>
|
|
<div id="highlights" class="margin">
|
|
<div class="highlight-item">
|
|
<h4 class="bebas">top token</h4>
|
|
<h1>RMT</h1>
|
|
</div>
|
|
<div class="highlight-item">
|
|
<h4 class="bebas">top contrat</h4>
|
|
<h1>India elections 2019</h1>
|
|
</div>
|
|
<div class="highlight-item">
|
|
<h4 class="bebas">total transactions</h4>
|
|
<h1>88</h1>
|
|
</div>
|
|
<div class="highlight-item">
|
|
<h4 class="bebas">Wallet addresses</h4>
|
|
<h1>48</h1>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="latest_transaction_section" class="dark-background">
|
|
<header class="margin grid grid-2">
|
|
<h1 class="bebas">Latest transactions</h1>
|
|
<button>View all</button>
|
|
</header>
|
|
<div id="top_transaction_container" class="padding">
|
|
<div class="transaction">
|
|
<div class="transaction-header grid grid-2">
|
|
<div>
|
|
<h5>Token transfer</h5>
|
|
<h2>Rupee</h2>
|
|
<div class="border"></div>
|
|
</div>
|
|
<div class="icon">
|
|
<svg viewBox="0 0 64 64">
|
|
<title>More infomation icon</title>
|
|
<path d="M32,0A32,32,0,1,0,64,32,32,32,0,0,0,32,0Zm3.07,47.91a3.1,3.1,0,0,1-6.19,0V26.55a3.1,3.1,0,0,1,6.19,0Zm-.49-29.27a3.46,3.46,0,0,1-2.59.93,3.46,3.46,0,0,1-2.59-.93,3.22,3.22,0,0,1-.9-2.33,3.3,3.3,0,0,1,.9-2.37A3.43,3.43,0,0,1,32,13a3.43,3.43,0,0,1,2.59.94,3.27,3.27,0,0,1,.92,2.37A3.2,3.2,0,0,1,34.58,18.64Z"/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<h5>From</h5>
|
|
<h4 class="breakable">FDhQizsksSHs4dyJBeLqGcbyuEg163jhXi</h4>
|
|
<h5>to</h5>
|
|
<h4 class="breakable">FDhQizsksSHs4dyJBeLqGcbyuEg163jhXi</h4>
|
|
<h3>₹0.000000007</h3>
|
|
</div>
|
|
<div class="transaction">
|
|
<div class="transaction-header grid grid-2">
|
|
<div>
|
|
<h5>Token transfer</h5>
|
|
<h2>Rupee</h2>
|
|
<div class="border"></div>
|
|
</div>
|
|
<div class="icon">
|
|
<svg viewBox="0 0 64 64">
|
|
<title>More infomation icon</title>
|
|
<path d="M32,0A32,32,0,1,0,64,32,32,32,0,0,0,32,0Zm3.07,47.91a3.1,3.1,0,0,1-6.19,0V26.55a3.1,3.1,0,0,1,6.19,0Zm-.49-29.27a3.46,3.46,0,0,1-2.59.93,3.46,3.46,0,0,1-2.59-.93,3.22,3.22,0,0,1-.9-2.33,3.3,3.3,0,0,1,.9-2.37A3.43,3.43,0,0,1,32,13a3.43,3.43,0,0,1,2.59.94,3.27,3.27,0,0,1,.92,2.37A3.2,3.2,0,0,1,34.58,18.64Z"/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<h5>From</h5>
|
|
<h4 class="breakable">FDhQizsksSHs4dyJBeLqGcbyuEg163jhXi</h4>
|
|
<h5>to</h5>
|
|
<h4 class="breakable">FDhQizsksSHs4dyJBeLqGcbyuEg163jhXi</h4>
|
|
<h3>₹0.000000007</h3>
|
|
</div>
|
|
<div class="transaction">
|
|
<div class="transaction-header grid grid-2">
|
|
<div>
|
|
<h5>Token transfer</h5>
|
|
<h2>Rupee</h2>
|
|
<div class="border"></div>
|
|
</div>
|
|
<div class="icon">
|
|
<svg viewBox="0 0 64 64">
|
|
<title>More infomation icon</title>
|
|
<path d="M32,0A32,32,0,1,0,64,32,32,32,0,0,0,32,0Zm3.07,47.91a3.1,3.1,0,0,1-6.19,0V26.55a3.1,3.1,0,0,1,6.19,0Zm-.49-29.27a3.46,3.46,0,0,1-2.59.93,3.46,3.46,0,0,1-2.59-.93,3.22,3.22,0,0,1-.9-2.33,3.3,3.3,0,0,1,.9-2.37A3.43,3.43,0,0,1,32,13a3.43,3.43,0,0,1,2.59.94,3.27,3.27,0,0,1,.92,2.37A3.2,3.2,0,0,1,34.58,18.64Z"/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<h5>From</h5>
|
|
<h4 class="breakable">FDhQizsksSHs4dyJBeLqGcbyuEg163jhXi</h4>
|
|
<h5>to</h5>
|
|
<h4 class="breakable">FDhQizsksSHs4dyJBeLqGcbyuEg163jhXi</h4>
|
|
<h3>₹0.000000007</h3>
|
|
</div>
|
|
<div class="transaction">
|
|
<div class="transaction-header grid grid-2">
|
|
<div>
|
|
<h5>Token transfer</h5>
|
|
<h2>Rupee</h2>
|
|
<div class="border"></div>
|
|
</div>
|
|
<div class="icon">
|
|
<svg viewBox="0 0 64 64">
|
|
<title>More infomation icon</title>
|
|
<path d="M32,0A32,32,0,1,0,64,32,32,32,0,0,0,32,0Zm3.07,47.91a3.1,3.1,0,0,1-6.19,0V26.55a3.1,3.1,0,0,1,6.19,0Zm-.49-29.27a3.46,3.46,0,0,1-2.59.93,3.46,3.46,0,0,1-2.59-.93,3.22,3.22,0,0,1-.9-2.33,3.3,3.3,0,0,1,.9-2.37A3.43,3.43,0,0,1,32,13a3.43,3.43,0,0,1,2.59.94,3.27,3.27,0,0,1,.92,2.37A3.2,3.2,0,0,1,34.58,18.64Z"/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<h5>From</h5>
|
|
<h4 class="breakable">FDhQizsksSHs4dyJBeLqGcbyuEg163jhXi</h4>
|
|
<h5>to</h5>
|
|
<h4 class="breakable">FDhQizsksSHs4dyJBeLqGcbyuEg163jhXi</h4>
|
|
<h3>₹0.000000007</h3>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
</body>
|
|
</html> |