-
Notifications
You must be signed in to change notification settings - Fork 0
/
project.html
39 lines (32 loc) · 1.19 KB
/
project.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Project - Portfolio Website</title>
<script src="https://cdn.tailwindcss.com"></script>
<script defer src="script.js"></script>
<link rel="stylesheet" href="style.css">
</head>
<body class="bg-gradient-to-br from-purple-800 to-blue-500 bg-fixed">
<!-- Header section -->
<header class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex justify-between items-center py-4 text-white">
<div>
<h1 class="text-2xl font-bold">Logo</h1>
</div>
<nav class="flex items-center space-x-4">
<a href="/" class=" hover:text-gray-900 font-medium">Home</a>
<a href="/project.html" class=" hover:text-gray-900 font-medium">Projects</a>
<a href="#" class=" hover:text-gray-900 font-medium">Contact</a>
<a href="#" class=" hover:text-gray-900 font-medium">Blog</a>
</nav>
</header>
<div class="container">
<div class="shape"></div>
<div class="shape"></div>
<div class="shape"></div>
<div class="shape"></div>
</div>
<!-- Banner section -->
<!-- Your content here -->
</body>
</html>