100-project-100-days-website/100_projects/88-animated-website-bubble/index.html
2023-05-20 10:43:30 +03:00
Ask

52 lines
1.6 KiB
HTML

{95a98dbebd08892789e4b2de3b99ed83b31b021c true 1659 index.html 0xc001e92a80}

<!DOCTYPE html>
<html lang="en">
<head>
<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>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="hero">
<div class="container">
<div class="navbar">
<div>
<img src="images/bubble.png" class="logo">
<span>Water</span>
</div>
<button type="button" class="btn">Sing up</button>
</div>
<div class="content">
<p>Welcome to our</p>
<h1>World's <br> Creative Studio</h1>
<button>Take A Tour</button>
</div>
<div class="side-bar">
<img src="images/menu.png" class="menu">
<div class="social-links">
<img src="images/fb.png">
<img src="images/ig.png">
<img src="images/tw.png">
</div>
<div class="useful-links">
<img src="images/share.png">
<img src="images/info.png">
</div>
</div>
<div class="bubbles">
<img src="images/bubble.png">
<img src="images/bubble.png">
<img src="images/bubble.png">
<img src="images/bubble.png">
<img src="images/bubble.png">
<img src="images/bubble.png">
<img src="images/bubble.png">
<img src="images/bubble.png">
<img src="images/bubble.png">
<img src="images/bubble.png">
</div>
</div>
</div>
</body>
</html>