<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1..0">
<title>LING-CRYPTO</title>
<style>
.d-flex{
display: flex;
}
.meun div{
margin-right: 20px;
color:(blue);
}
.nav{
display: flex;
justify-content: space-between;
color:( blue);
}
body{
margin: 0.30px;
background-image: url('image/bit.webp');
}
.hero-text{
font-size: 55px;
text-align: center;
color: blue;
}
.hero-box{
width: 300px;
margin: auto;
margin-bottom: 10px;
}
</style>
<nav class="d-flex nav">
<h1 class="hero-text">
LING-CRYPTO
</h1>
</h1>
<div class="d-flex meun"></div>
<a href="#home">Home</a>
<a href="#news">News</a>
<a href="#contact">Contact</a>
<a href="#About Us">About Us</a>
</div> <form>
<table>
<tr>
<td>Email</td>
<td> <input type="text" placeholder="Email" name="Email" style="color:black; background-color: whitesmoke;"></td>
</tr>
<tr>
<td>PASSWORD</td>
<td><input type="text" placeholder="PASSWORD" name="PASSWORD" style="color:black; background-color: whitesmoke;"></td>
</tr>
</table>
<button class="login-button"> LOGIN</button>
</form>
<diV class="container">
<div class="intro">
<h2>GIFT-CARDS</h2>
<img class="profile-picture" src="image/wipe.jpg" />
</div>
<diV class="container">
<div class="intro">
<h2>CRYPTO</h2>
<img class="profile-picture" src="image/bitcon.jpg"/>
</div>
</body>
</html>