moved to daisyui
This commit is contained in:
@@ -42,132 +42,114 @@
|
||||
});
|
||||
</script>
|
||||
|
||||
<div class="font-bold overflow-hidden">
|
||||
<div class="grid grid-cols-12">
|
||||
<div class="col-span-3"></div>
|
||||
<div class="grid grid-cols-12 bg-white overflow-hidden">
|
||||
<div class="col-span-12 md:col-span-3 text-3xl p-10 text-base-100 font-bold invisible md:visible h-0 md:h-auto">
|
||||
<div class="text-center pt-5">Call Today</div>
|
||||
<div class="text-center">{tel_number}</div>
|
||||
</div>
|
||||
|
||||
<div class="col-span-6 md:p-10 text-center">
|
||||
<div class="col-span-12 md:col-span-6 md:p-10 text-center font-bold ">
|
||||
<div class="flex justify-center">
|
||||
<a
|
||||
class="normal-case text-8xl text-primary text-white bg-blue-800 flex justify-center"
|
||||
class="normal-case text-8xl text-white bg-primary"
|
||||
href="/"
|
||||
>
|
||||
Good
|
||||
</a>
|
||||
<a
|
||||
class="normal-case text-8xl text-primary text-blue-800 flex justify-center"
|
||||
class="normal-case text-8xl text-primary"
|
||||
href="/"
|
||||
>
|
||||
Oil
|
||||
</a>
|
||||
</div>
|
||||
<a
|
||||
class="normal-case text-3xl text-primary text-blue-800 bg-blue flex-shrink"
|
||||
class="normal-case text-3xl text-primary text-primary"
|
||||
href="/">Oil thats good for your system</a
|
||||
>
|
||||
</div>
|
||||
|
||||
<div class=" col-span-12 md:col-span-3 p-10 text-3xl text-blue-800 invisible md:visible h-0 md:h-auto">
|
||||
|
||||
<div
|
||||
class=" col-span-12 md:col-span-3 md:p-10 text-3xl text-base-100 font-bold"
|
||||
>
|
||||
<div class="text-center pt-5">Todays Price</div>
|
||||
<div class="text-center">{price_of_oil}</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="navbar bg-primary">
|
||||
<div class="navbar-start">
|
||||
<div class="dropdown">
|
||||
<div tabindex="0" role="button" class="btn btn-ghost lg:hidden">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
class="h-5 w-5"
|
||||
fill="none"
|
||||
viewBox="0 0 24 24"
|
||||
stroke="currentColor"
|
||||
><path
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
stroke-width="2"
|
||||
d="M4 6h16M4 12h8m-8 6h16"
|
||||
/></svg
|
||||
>
|
||||
</div>
|
||||
<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
|
||||
<ul
|
||||
tabindex="0"
|
||||
class="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-white rounded-box w-52 font-bold text-blue-800 "
|
||||
>
|
||||
<li><a class="text-2xl py-2 hover:bg-base-100" href="/delivery">Oil Delivery</a></li>
|
||||
<li><a class="text-2xl py-2 hover:bg-base-100" href="/servicearea">Delivery Area</a></li>
|
||||
<li><a class="text-2xl py-2 hover:bg-base-100" href="/about">About Us</a></li>
|
||||
<li><a class="text-2xl py-2 hover:bg-base-100" href="/contact">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<a class="btn btn-ghost text-xl">GoodOil</a>
|
||||
</div>
|
||||
<div class="navbar-center hidden lg:flex text-white">
|
||||
<ul class="menu menu-horizontal px-1 text-xl">
|
||||
<li><a href="/delivery">Oil Delivery</a></li>
|
||||
<li><a href="/servicearea">Delivery Area</a></li>
|
||||
<li><a href="/about">About Us</a></li>
|
||||
<li><a href="/contact">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="navbar-end"></div>
|
||||
</div>
|
||||
|
||||
<div class="body bg-white text-black">
|
||||
<slot />
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<nav class="bg-white border-gray-200 dark:bg-gray-900 ">
|
||||
<div class="max-w-screen-xl flex flex-wrap md:justify-center justify-between items-center mx-auto p-4">
|
||||
|
||||
<div class=" md:order-2 space-x-3 md:space-x-0 rtl:space-x-reverse">
|
||||
|
||||
<!-- Dropdown menu -->
|
||||
<div class=" z-50 hidden my-4 text-base list-none divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 dark:divide-gray-600" id="user-dropdown">
|
||||
|
||||
<ul class="py-2" aria-labelledby="user-menu-button">
|
||||
<li>
|
||||
<a href="/delivery" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white">Oil Delivery</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/servicearea" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white">Delivery Area </a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/about" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white">About Us</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/contact" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<button data-collapse-toggle="navbar-user" type="button" class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="navbar-user" aria-expanded="false">
|
||||
<span class="sr-only">Open main menu</span>
|
||||
<svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14">
|
||||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="items-center justify-between hidden w-full md:flex md:w-auto md:order-1" id="navbar-user">
|
||||
<ul class="flex flex-col justify-center font-medium p-4 md:p-0 mt-4 border border-gray-100 rounded-lg md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 md:bg-white dark:bg-gray-800 md:dark:bg-gray-900 dark:border-gray-700">
|
||||
<li>
|
||||
<a href="/delivery" class="text-3xl block py-2 px-3 dark:text-white bg-blue-700
|
||||
rounded md:bg-transparent md:hover:text-blue-700 md:p-0 " aria-current="page">Oil Delivery</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/servicearea" class="text-3xl block py-2 px-3 text-gray-900 rounded
|
||||
hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700
|
||||
dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700">
|
||||
Delivery Area
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/about" class="text-3xl block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent
|
||||
md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700
|
||||
dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700">
|
||||
About Us
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/contact" class="text-3xl block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700
|
||||
md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700
|
||||
dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700">
|
||||
Contact
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
<div class="body">
|
||||
|
||||
<slot />
|
||||
|
||||
<div class="grid grid-cols-12 bg-blue-800 py-10">
|
||||
<div class="col-span-12 md:col-span-4 text-center text-white text-bold text-6xl">
|
||||
<div class="grid grid-cols-12 bg-secondary py-10 w-full">
|
||||
<div
|
||||
class="col-span-12 md:col-span-4 text-center text-white text-bold text-6xl"
|
||||
>
|
||||
<div class="flex justify-center pt-5">
|
||||
<div class="bg-blue-800 text-white px-1">Good</div>
|
||||
<div class="bg-blue-800 text-white px-1">Oil</div>
|
||||
<div class=" text-white px-1">Good</div>
|
||||
<div class=" text-white px-1">Oil</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-12 md:col-span-4 text-center text-bold text-xl text-white">
|
||||
<div
|
||||
class="col-span-12 md:col-span-4 text-center text-bold text-xl text-white"
|
||||
>
|
||||
<div class="">{tel_number}</div>
|
||||
<div class="">Worcester Ma</div>
|
||||
<div class="">Mon - Fri 8:00 am - 5:00 pm</div>
|
||||
<div class="">Sat Closed | Sun Closed</div>
|
||||
</div>
|
||||
<div class="col-span-4 text-center"></div>
|
||||
</div>
|
||||
|
||||
<div class="h-auto bg-blue-800 text-white">
|
||||
<div class=" mx-auto max-w-7xl p-5">
|
||||
<div class="text-xl font-bold text-center">
|
||||
© 2023 by Rocket Services LLC - Auburn, MA | All Rights Reserved
|
||||
<div class="col-span-12 h-auto bg-primary text-white w-full">
|
||||
<div class=" mx-auto max-w-7xl p-5">
|
||||
<div class="text-xl font-bold text-center">
|
||||
© 2023 by Rocket Services LLC - Auburn, MA | All Rights Reserved
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/flowbite.min.js"></script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
@@ -59,20 +59,20 @@
|
||||
Why call good oil?
|
||||
</div>
|
||||
<div class="col-span-12 lg:col-span-2"></div>
|
||||
<div class="col-span-12 lg:col-span-3 bg-gray-600 p-10">
|
||||
<div class="col-span-12 lg:col-span-3 bg-base-100 p-10">
|
||||
<div class="text-4xl mb-3">Cheaper Prices</div>
|
||||
<div class="text-lg">
|
||||
No Middleman. No expensive bulk plants. Direct port to door for
|
||||
cheapest prices.
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-12 lg:col-span-3 bg-gray-600 p-10">
|
||||
<div class="col-span-12 lg:col-span-3 bg-base-100 p-10">
|
||||
<div class="text-4xl mb-3">Phone Support</div>
|
||||
<div class="text-lg">
|
||||
We dont cut our product with products. Our Oil is pure #2 heating oil.
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-12 lg:col-span-3 bg-gray-600 p-10">
|
||||
<div class="col-span-12 lg:col-span-3 bg-base-100 p-10">
|
||||
<div class="text-4xl mb-3">Top Quality Oil</div>
|
||||
<div class="text-lg">
|
||||
We dont cut our product with products. Our Oil is pure #2 heating oil.
|
||||
|
||||
@@ -1,16 +1,16 @@
|
||||
<div class=" bg-blue-400 ">
|
||||
<div class="bg-secondary">
|
||||
<div
|
||||
class="max-w-7xl justify-center py-5 mx-auto font-bold text-2xl text-blue-800 px-10"
|
||||
class="max-w-7xl justify-center py-5 mx-auto font-bold text-2xl text-white"
|
||||
>
|
||||
About Us
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="max-w-7xl mx-auto p-10 mb-10">
|
||||
<div class="max-w-7xl mx-auto px-10">
|
||||
<div class="grid grid-cols-12 max-w-7xl gap-5">
|
||||
<div class="col-span-12 text-2xl text-bold"></div>
|
||||
<div class="col-span-12 md:col-span-6 mb-20">
|
||||
<div class="col-span-12 mb-5 font-bold text-xl text-blue-600">
|
||||
<div class="col-span-12 mb-5 font-bold text-xl text-primary">
|
||||
Our Oil Wont Ruin your heating system!
|
||||
</div>
|
||||
<div class="col-span-12 text-lg">
|
||||
@@ -18,14 +18,14 @@
|
||||
decided it was time to start our own small business. We have the
|
||||
experience to ensure your family stays warm!
|
||||
</div>
|
||||
<div class="col-span-12 mb-5 text-2xl font-bold mt-10 text-blue-600">
|
||||
<div class="col-span-12 mb-5 text-2xl font-bold mt-10 text-primary">
|
||||
The best oil in your Tank
|
||||
</div>
|
||||
<div class="col-span-12 mb-10">
|
||||
<ul>
|
||||
<div class="flex gap-5">
|
||||
<img class=" p-0 m-0 h-10 w-5" src="/images/flame.png" alt="" />
|
||||
<li class=" font-bold text-red-500">2-5% biodiesel (B2–B5) is Bioheat® fuel (Our Oil)</li>
|
||||
<li class=" font-bold text-error">2-5% biodiesel (B2–B5) is Bioheat® fuel (Our Oil)</li>
|
||||
</div>
|
||||
<div class="flex gap-5">
|
||||
<img class=" p-0 m-0 h-10 w-5" src="/images/flame.png" alt="" />
|
||||
@@ -41,7 +41,7 @@
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-span-12 mb-5 font-bold text-xl text-blue-600">
|
||||
<div class="col-span-12 mb-5 font-bold text-xl text-primary">
|
||||
Symptoms your oil company is selling you bad oil
|
||||
</div>
|
||||
|
||||
|
||||
@@ -42,24 +42,24 @@
|
||||
});
|
||||
</script>
|
||||
|
||||
<div class="bg-blue-400 px-10">
|
||||
<div class="bg-secondary px-10">
|
||||
<div
|
||||
class="max-w-7xl justify-center py-5 mx-auto font-bold text-2xl text-blue-800"
|
||||
class="max-w-7xl justify-center py-5 mx-auto font-bold text-2xl text-white"
|
||||
>
|
||||
Contact
|
||||
</div>
|
||||
</div>
|
||||
<div class="max-w-7xl mx-auto mb-20">
|
||||
<div class="max-w-7xl mx-auto px-10">
|
||||
<div class="grid grid-cols-2">
|
||||
<div class="col-span-1 p-5">
|
||||
<div class="text-2xl font-bold text-blue-600">Contact Good Oil</div>
|
||||
<div class="text-2xl font-bold text-primary">Contact Good Oil</div>
|
||||
<div class="mb-20 text-xl">Phone: {tel_number}</div>
|
||||
|
||||
<div class="mb-10">
|
||||
<div class="font-bold text-2xl text-blue-600 max-w-7xl mx-auto">
|
||||
<div class="font-bold text-2xl text-primary max-w-7xl mx-auto">
|
||||
Business Hours Summer
|
||||
</div>
|
||||
<div class="font-bold text-xl bg-blue-600 text-blue-800 h-2 mb-2"></div>
|
||||
<div class="font-bold text-xl bg-primary text-white h-2 mb-2"></div>
|
||||
<div class="text-xl">8:00 a.m. – 5:00 p.m.</div>
|
||||
<div class="text-xl">Tuesday: 8:30 a.m. – 5:00 p.m.</div>
|
||||
<div class="text-xl">Wednesday: 8:30 a.m. – 5:00 p.m.</div>
|
||||
@@ -69,10 +69,10 @@
|
||||
<div class="text-xl">Sunday: Closed</div>
|
||||
</div>
|
||||
<div class="">
|
||||
<div class="font-bold text-2xl text-blue-600 max-w-7xl mx-auto">
|
||||
<div class="font-bold text-2xl text-primary max-w-7xl mx-auto">
|
||||
Business Hours Winter
|
||||
</div>
|
||||
<div class="font-bold text-xl bg-blue-600 text-blue-800 h-2 mb-2"></div>
|
||||
<div class="font-bold text-xl bg-primary text-white h-2 mb-2"></div>
|
||||
<div class="text-xl">8:00 a.m. – 5:00 p.m.</div>
|
||||
<div class="text-xl">Tuesday: 8:30 a.m. – 5:00 p.m.</div>
|
||||
<div class="text-xl">Wednesday: 8:30 a.m. – 5:00 p.m.</div>
|
||||
|
||||
@@ -25,22 +25,24 @@
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
<div class=" bg-blue-400">
|
||||
|
||||
<div class="bg-secondary">
|
||||
<div
|
||||
class="max-w-7xl justify-center py-5 mx-auto font-bold text-2xl text-white"
|
||||
>
|
||||
Heating Oil Delivery
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="max-w-7xl mx-auto px-10">
|
||||
<div class="grid grid-cols-12 max-w-7xl">
|
||||
<div class="grid grid-cols-12 max-w-7xl">
|
||||
<div class="col-span-12 lg:col-span-6">
|
||||
<div class="grid grid-cols-12">
|
||||
|
||||
<div class="col-span-12 font-bold text-2xl my-10">
|
||||
We know it can be tough to order oil. We make it simple!
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-span-12 font-bold text-xl text-primary">
|
||||
Worcester County
|
||||
</div>
|
||||
@@ -49,7 +51,7 @@
|
||||
<ul>Prime - 25$</ul>
|
||||
<ul>Same Day - 150$</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-span-12 font-bold mt-10 text-xl text-primary">
|
||||
Payments Methods
|
||||
</div>
|
||||
@@ -57,19 +59,21 @@
|
||||
<ul>Cash on Delivery (C.O.D)</ul>
|
||||
<ul>Credit Card</ul>
|
||||
<ul>Money Order</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-12 mx-auto py-10">
|
||||
<img class=" h-20 w-auto" src="/images/creditcards.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-span-12 md:col-span-6">
|
||||
<div class="col-span-12">
|
||||
<img alt="" class="w-full p-0 m-0" src="/images/worc.jpg" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-span-12 mb-10
|
||||
text-bold bg-primary text-white mt-10 text-5xl text-bold
|
||||
p-5 text-center">
|
||||
Call Today {tel_number}
|
||||
</div>
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
<div class=" bg-blue-400 mb-10">
|
||||
<div class="max-w-7xl justify-center py-5 mx-auto font-bold text-2xl text-blue-800 px-10">
|
||||
<div class=" bg-secondary mb-10">
|
||||
<div
|
||||
class="max-w-7xl justify-center py-5 mx-auto font-bold text-2xl text-white"
|
||||
>
|
||||
Delivery Area
|
||||
</div>
|
||||
</div>
|
||||
@@ -8,10 +10,10 @@
|
||||
<div class="mx-auto p-5">
|
||||
<div class="grid grid-cols-12 ">
|
||||
<div class="col-span-12 py-5 ">
|
||||
<div class="font-bold text-5xl text-blue-400 max-w-7xl mx-auto text-center md:text-left">
|
||||
<div class="font-bold text-5xl text-secondary max-w-7xl mx-auto text-center md:text-left">
|
||||
Serving these communites
|
||||
</div>
|
||||
<div class="font-bold text-xl bg-blue-400 text-blue-800 h-10 mb-10">
|
||||
<div class="font-bold text-xl bg-secondary text-primary h-10 mb-10">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user