-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
157 lines (105 loc) · 5.9 KB
/
index.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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<html lang="en" data-theme="corporate">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.12.3/dist/full.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.tailwindcss.com"></script>
<title>Home</title>
</head>
<body>
<!-- Hero -->
<div class="bg-white">
<header class="absolute inset-x-0 top-0 z-50">
<nav class="flex items-center justify-between p-6 lg:px-8" aria-label="Global">
<div class="flex lg:flex-1">
<a href="#" class="-m-1.5 p-1.5">
<span class="sr-only">Your Company</span>
<!-- Logo -->
<img class="h-8 w-auto" src="img/logo-removebg-preview.png" alt="">
</a>
</div>
<div class="flex lg:hidden" >
<button type="button" class="-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700">
<span class="sr-only">Open main menu</span>
<svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
</svg>
</button>
</div>
<div class="hidden lg:flex lg:gap-x-12">
<a href="index.html" class="text-sm font-semibold leading-6 text-white">Home</a>
<a href="productPage.html" class="text-sm font-semibold leading-6 text-white">Product</a>
<a href="aboutUs.html" class="text-sm font-semibold leading-6 text-white">About Us</a>
<a href="contact.html" class="text-sm font-semibold leading-6 text-white">Contact</a>
</div>
<div class="hidden lg:flex lg:flex-1 lg:justify-end">
</div>
</nav>
</div>
</div>
</header>
<!-- hero Image -->
<section class="bg-center bg-no-repeat" style="background-color: #cabda5; height: 5%;">
<div class="px-4 mx-auto max-w-screen-xl text-center py-24 lg:py-56" >
<h1 class="mb-4 text-4xl font-extrabold tracking-tight leading-none text-white md:text-5xl lg:text-6xl">Nashua The Real One</h1>
<p class="mb-8 text-lg font-normal text-white lg:text-xl sm:px-16 lg:px-48" >INDUSTRIAL ADHESIVE TAPES</p>
<div class="flex flex-col space-y-4 sm:flex-row sm:justify-center sm:space-y-0">
<a href="productPage.html" class="inline-flex justify-center items-center py-3 px-5 text-base font-medium text-center text-white rounded-lg bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 dark:focus:ring-blue-900">
See Product
<svg class="w-3.5 h-3.5 ms-2 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/>
</svg>
</a>
</div>
</div>
</section>
<!-- Transition -->
<div class="container" style="display: inline-flex;">
<div class=" bg-base-100 shadow-xl " style="margin-left: 0;">
<figure>
<img
src="img/left.png"
alt="Shoes" />
</figure>
</div>
<div class=" bg-base-100 shadow-xl" style="margin-left: 0;">
<figure>
<img
src="img/abt2.jpg"
alt="Shoes" />
</figure>
</div>
</div>
<!-- Brief About Us -->
<div class="px-4 mx-auto max-w-screen-xl text-center py-24 lg:py-56">
<h1 class="mb-4 text-4xl font-extrabold tracking-tight leading-none text-black md:text-5xl lg:text-6xl">Nashua The Real One</h1>
<p class="mb-8 text-lg font-normal text-black lg:text-xl sm:px-16 lg:px-48">PT Nashua Nusantara, berbasis di Jakarta dan didirikan pada tahun 2006, adalah perusahaan yang mengkhususkan diri dalam produk pita perekat yang dikenal karena keawetan, keandalan, daya rekat kuat, ketahanan terhadap suhu ekstrem, dan kinerja tahan lama, dengan menyediakan baik produk standar maupun solusi kustom sesuai kebutuhan pelanggan. </p>
</div>
<!-- footer -->
<footer class="bg-base-100" >
<div class="w-full max-w-screen-xl mx-auto p-4 md:py-8">
<div class="sm:flex sm:items-center sm:justify-between">
<a href="https://flowbite.com/" class="flex items-center mb-4 sm:mb-0 space-x-3 rtl:space-x-reverse">
<img src="" class="h-8" alt="" />
<span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-black">Nashua</span>
</a>
<ul class="flex flex-wrap items-center mb-6 text-sm font-medium text-black sm:mb-0 ">
<li>
<a href=" https://www.instagram.com/nashua_tape?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw==" class="hover:underline me-4 md:me-6">instagram</a>
</li>
<li>
<a href="aboutUs.html" class="hover:underline me-4 md:me-6">About</a>
</li>
<li>
<a href="contact.html" class="hover:underline">Contact</a>
</li>
</ul>
</div>
<hr class="my-6 border-gray-200 sm:mx-auto dark:border-gray-700 lg:my-8" />
<span class="block text-sm text-gray-500 sm:text-center dark:text-gray-400">© 2023 <a href="https://flowbite.com/" class="hover:underline">Nashua™</a>. All Rights Reserved.</span>
</div>
</footer>
</body>
</html>