<html>
<head>
<link rel="stylesheet" href="style2.css">
</head>
<body>
<nav class="nav">
<ul class="nav-list">
<li class="nav-item">
<a href="#" class="nav-link">Home</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">Education</a>
<div class="dropdown">
<ul class="dropdown-list">
<li class="dropdown-item">
<a href="#" class="dropdown-link">Computer</a>
</li>
<li class="dropdown-item">
<a href="#" class="dropdown-link">Programming</a>
</li>
<li class="dropdown-item">
<a href="#" class="dropdown-link">HTML & CSS</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a href="#" class="nav-link">Academic</a>
<div class="dropdown">
<ul class="dropdown-list">
<li class="dropdown-item">
<a href="#" class="dropdown-link">Staff</a>
</li>
<li class="dropdown-item">
<a href="#" class="dropdown-link">Faculty</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a href="#" class="nav-link"> Contact </a>
</li>
</ul>
</nav>
<h1> <center> Welcome to our Expensive Watches Collection</center></h1>
<div class="slider">
<div class="slides">
<div class="slide">
<img src="bimg1.jpg" alt="Banner Image 1">
<div class="text-overlay">
<h2>Banner Image 1</h2>
<p>Banner image tagline 1</p>
</div>
</div>
<div class="slide">
<img src="bimg2.jpg" alt="Banner Image 2">
<div class="text-overlay">
<h2>Banner Image 2</h2>
<p>Banner image tagline 2</p>
</div>
</div>
<div class="slide">
<img src="bimg3.jpg" alt="Banner Image 3">
<div class="text-overlay">
<h2>Banner Image 3</h2>
<p>Banner image tagline 3</p>
</div>
</div>
<div class="slide">
<img src="bimg4.jpg" alt="Banner Image 4">
<div class="text-overlay">
<h2>Banner Image 4</h2>
<p>Banner image tagline 4</p>
</div>
</div>
<div class="slide">
<img src="bimg5.jpg" alt="Banner Image 5">
<div class="text-overlay">
<h2>Banner Image 5</h2>
<p>Banner image tagline 5</p>
</div>
</div>
</div>
</div>
<br>
<div class="container">
<div class="card">
<h2>Item 1 </h2>
<img src="w11.jpg" alt="Watch Image 1">
<p> Best Quality Watch </p>
<div class="price">$100</div>
<button> Add to Cart </button>
</div>
<div class="card">
<h2>Item 1 </h2>
<img src="w13.jpg" alt="Watch Image 1">
<p> Best Quality Watch </p>
<div class="price">$100</div>
<button> Add to Cart </button>
</div>
<div class="card">
<h2>Item 1 </h2>
<img src="w11.jpg" alt="Watch Image 1">
<p> Best Quality Watch </p>
<div class="price">$100</div>
<button> Add to Cart </button>
</div>
<div class="card">
<h2>Item 1 </h2>
<img src="w13.jpg" alt="Watch Image 1">
<p> Best Quality Watch </p>
<div class="price">$100</div>
<button> Add to Cart </button>
</div>
<div class="card">
<h2>Item 1 </h2>
<img src="w13.jpg" alt="Watch Image 1">
<p> Best Quality Watch </p>
<div class="price">$100</div>
<button> Add to Cart </button>
</div>
<div class="card">
<h2>Item 1 </h2>
<img src="w13.jpg" alt="Watch Image 1">
<p> Best Quality Watch </p>
<div class="price">$100</div>
<button> Add to Cart </button>
</div>
</div>
</body>
</html>
