Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
33 changes: 33 additions & 0 deletions about/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ShopZone</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gray-50">
<!-- Header -->
<header class="bg-white shadow">

<div class="container mx-auto px-6 py-4 flex justify-between items-center">
<h1 class="text-2xl font-bold text-blue-600">ShopZone</h1>
<nav class="space-x-4">
<a href="https://canogel.github.io/ShopZone/#" class="text-gray-700 hover:text-blue-500">Home</a>
<a href="https://canogel.github.io/ShopZone/#products" class="text-gray-700 hover:text-blue-500">Products</a>
<a href="https://canogel.github.io/ShopZone/about/index.html" class="text-gray-700 hover:text-blue-500">About Us</a>
<a href="https://canogel.github.io/ShopZone/contact/index.html" class="text-gray-700 hover:text-blue-500">Contact</a>
</nav>
</div>
</header>

<!-- Hero Section -->
<section class="bg-gradient-to-r from-blue-500 to-purple-600 text-white py-20">
<div class="container mx-auto text-center">
<h2 class="text-4xl font-extrabold">The best online shopping service around.</h2>
<p class="mt-4 text-lg">We are a small company trying to make online shopping extremely easy.</p>
<p class="mt-4 text-lg">Look around and watch shopping get easy.</p>
</div>
</section>
</body>
</html>
32 changes: 32 additions & 0 deletions contact/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ShopZone</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gray-50">
<!-- Header -->
<header class="bg-white shadow">

<div class="container mx-auto px-6 py-4 flex justify-between items-center">
<h1 class="text-2xl font-bold text-blue-600">ShopZone</h1>
<nav class="space-x-4">
<a href="https://canogel.github.io/ShopZone/#" class="text-gray-700 hover:text-blue-500">Home</a>
<a href="https://canogel.github.io/ShopZone/#products" class="text-gray-700 hover:text-blue-500">Products</a>
<a href="https://canogel.github.io/ShopZone/about/index.html" class="text-gray-700 hover:text-blue-500">About Us</a>
<a href="https://canogel.github.io/ShopZone/contact/index.html" class="text-gray-700 hover:text-blue-500">Contact</a>
</nav>
</div>
</header>

<!-- Hero Section -->
<section class="bg-gradient-to-r from-blue-500 to-purple-600 text-white py-20">
<div class="container mx-auto text-center">
<h2 class="text-4xl font-extrabold">Contact</h2>
<a class="mt-4 text-lg" href="mailto:ahmadisse23@gmail.com">Email us!</a>
</div>
</section>
</body>
</html>
10 changes: 5 additions & 5 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Shopping Web</title>
<title>ShopZone</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gray-50">
Expand All @@ -13,10 +13,10 @@
<div class="container mx-auto px-6 py-4 flex justify-between items-center">
<h1 class="text-2xl font-bold text-blue-600">ShopZone</h1>
<nav class="space-x-4">
<a href="#" class="text-gray-700 hover:text-blue-500">Home</a>
<a href="#products" class="text-gray-700 hover:text-blue-500">Products</a>
<a href="#about" class="text-gray-700 hover:text-blue-500">About Us</a>
<a href="#contact" class="text-gray-700 hover:text-blue-500">Contact</a>
<a href="https://canogel.github.io/ShopZone/#" class="text-gray-700 hover:text-blue-500">Home</a>
<a href="https://canogel.github.io/ShopZone/#products" class="text-gray-700 hover:text-blue-500">Products</a>
<a href="https://canogel.github.io/ShopZone/about/index.html" class="text-gray-700 hover:text-blue-500">About Us</a>
<a href="https://canogel.github.io/ShopZone/contact/index.html" class="text-gray-700 hover:text-blue-500">Contact</a>
</nav>
</div>
</header>
Expand Down