first commit

src/routes/about/+page.svelte

@@ -0,0 +1,71 @@
+<div class=" bg-blue-400 ">
+  <div
+    class="max-w-7xl justify-center py-5 mx-auto font-bold text-2xl text-blue-800 px-10"
+  >
+    About Us
+  </div>
+</div>
+
+<div class="max-w-7xl mx-auto p-10 mb-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">
+        Our Oil Wont Ruin your heating system!
+      </div>
+      <div class="col-span-12 text-lg">
+        After 20 years delivering for other companies in Worcester. Our family
+        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">
+        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>
+          </div>
+          <div class="flex gap-5">
+            <img class=" p-0 m-0 h-10 w-5" src="/images/flame.png" alt="" />
+            <li class=" font-bold">
+              5-20% biodiesel (B5–B20) is Bioheat Plus® fuel
+            </li>
+          </div>
+          <div class="flex gap-5">
+            <img class=" p-0 m-0 h-10 w-5" src="/images/flame.png" alt="" />
+            <li class=" font-bold">
+              20% biodiesel and above (B20+) is Bioheat Super Plus®
+            </li>
+          </div>
+        </ul>
+      </div>
+      <div class="col-span-12 mb-5 font-bold text-xl text-blue-600">
+        Symptoms your oil company is selling you bad oil
+      </div>
+
+      <div class="col-span-12 mb-10">
+        <ul class="text-lg">
+          <li>- System needs filters frequently</li>
+          <li>- Furnace has bad flame and doesnt produce high heat</li>
+          <li>- System is clogged</li>
+          <li>- Tank goes bad all of a sudden!</li>
+        </ul>
+      </div>
+      <div class="col-span-12 mb-5 font-bold text-xl">
+        See the slime? Imagine that all inside your tank and equipment!
+      </div>
+      <div class="col-span-12 mb-5 font-bold text-xl text-center">
+        Thats a bio filled system :(
+      </div>
+
+      <div class="col-span-12">
+        <img class="w-full p-0 m-0" src="/images/slimefilter.png" alt="" />
+      </div>
+    </div>
+    <div class="col-span-12 md:col-span-6">
+      <img class="w-full p-0 m-0" src="/images/oildelivery.jpg" alt="" />
+    </div>
+  </div>
+</div>