You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
103 lines
2.2 KiB
JavaScript
103 lines
2.2 KiB
JavaScript
import './Zapp.css';
|
|
import zapp from './img/zapp.png'
|
|
|
|
function App() {
|
|
return (
|
|
|
|
|
|
<body>
|
|
<div className="container-fluid">
|
|
<div className="row">
|
|
<div className="col-12 text-center">
|
|
<h2 className="p-4" style={{ transform: 'rotate(90deg)' }}>>></h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div className="" id="zappmint"></div>
|
|
|
|
|
|
<div className="container-fluid">
|
|
<div className="row">
|
|
<div className="col-12 text-center">
|
|
|
|
<h1 className="p-2" style={{ color: '#231f20' }}>Mint <input type="text" style={{ width: '2.5em' }} id="inline_field" class="nes-input default_select" placeholder="5"></input> Zappers!</h1>
|
|
<button type="button" className="nes-btn is-disabled" >Mint Zappers</button>
|
|
<p>0.0025E</p>
|
|
<h1 className="pb-2" style={{ color: '#231f20' }}>XXXX Minted!</h1>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div className="container-fluid">
|
|
<div className="row">
|
|
<div className="col-12 text-center">
|
|
|
|
<img src={zapp} className="img-fluid w-100" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div className="d-none d-lg-block">
|
|
|
|
<div className="container-fluid zapptxt2">
|
|
<div className="row">
|
|
<div className="col-8 offset-4 p-4">
|
|
|
|
|
|
<p>Burn Zappers below to shoot ducks! Aim Carefully, you might miss...</p>
|
|
<br></br>
|
|
<p>The <a href="#stats" style={{ color: '#ea6126' }} className="underlinelink" >Top Shot</a> Wins 25% of the Contract Funds Once the Game is Complete!</p>
|
|
<br></br>
|
|
<p>When a duck gets shot the token's image and traits are flipped to reflect it's rekt-ness.</p>
|
|
<br></br>
|
|
<p>Wanna know more!? <a href="#" style={{ color: '#ea6126' }} >Read the FAQ</a>.</p>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div className="d-lg-none ">
|
|
|
|
<div className="container-fluid zapptxt">
|
|
<div className="row">
|
|
<div className="col-6 offset-6">
|
|
|
|
|
|
<p>Burn Zappers below to shoot ducks! Aim Carefully, you might miss...</p>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div className="container-fluid">
|
|
<div className="row">
|
|
<div className="col-12">
|
|
|
|
<p>The <a href="#stats" style={{ color: '#ea6126' }} className="underlinelink" >Top Shot</a> Wins 25% of the Contract Funds Once the Game is Complete!</p>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
);
|
|
}
|
|
|
|
export default App;
|