<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dribbble</title>
<link rel="stylesheet" href="main.css">
</head>
<body>
<header class="header-bar">
<div>
<ul>
<li><a href="">Find designers</a></li>
<li><a href="">Inspiration</a></li>
<li><a href="">Courses</a></li>
<li><a href="">Jobs</a></li>
<li><a href="">Go Pro</a></li>
</ul>
</div>
<img src="images/logo1.png" alt="logo" class="logo">
<div class="button1">
<div class="input-search">
<input type="text" value="Search">
</div>
<button class="login-btn">login</button>
<button class="btn signupbtn">signup</button>
</div>
</header>
<div class="content">
<main>
<div class="color-butn1">
<button class="color-butn">Over 3 million ready-to-work creatives!</button>
</div>
<div class="content1">
<h1>The world’s destination <br>for design</h1>
<p>Get inspired by the work of millions of top-rated designers & agencies around the world.</p>
</div>
<button class="btn startedbtn">Get started</button>
</main>
<div class="slider" >
<div class="slider-track">
<div class="slide" ><img src="images/person1.jpg" alt="person1"></div>
<div class="slide" ><img src="images/person2.jpg" alt="person2"></div>
<div class="slide"><img src="images/person33.jpg" alt="person3"></div>
<div class="slide"><img src="images/person44.jpg" alt="person4"></div>
<div class="slide"><img src="images/person55.jpg" alt="person5"></div>
</div>
</div>
</div>
</body>
</html>
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent