ATDCChatbot / data /Rubilabs.html
CSAle's picture
Releasing RubiChat App
d2f126b
raw
history blame
17.9 kB
<!DOCTYPE html>
<!-- saved from url=(0021)https://rubilabs.com/ -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
.chat-widget {
position: fixed;
bottom: 30px;
right: 30px;
width: 60px;
height: 60px;
border-radius: 50%;
background-color: #145e5a;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
z-index: 1000
}
.chat-widget img {
width: 32px;
height: 32px;
padding: 4px
}
.chat-iframe-container {
position: fixed;
bottom: 100px;
right: 30px;
width: 400px;
height: 500px;
border: 1px solid #ccc;
border-radius: 10px;
padding: 10px;
box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
z-index: 1000;
display: none
}
.chat-iframe-container iframe {
width: 100%;
height: 100%;
border: none
}
.close-button {
position: absolute;
top: -12px;
right: -12px;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #145e5a;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
font-size: 18px;
font-weight: bold;
box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}
@media (max-width:767px) {
.chat-iframe-container {
width: 90%;
height: 80%;
bottom: 10px;
right: 5%;
padding: 5px
}
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function () {
var chatWidget = document.createElement("div");
chatWidget.id = "chatWidget";
chatWidget.className = "chat-widget";
chatWidget.innerHTML = '<img src="//s3.amazonaws.com/appforest_uf/f1680870188261x782123797109605800/bubble2.png" alt="Chat">';
var chatIframeContainer = document.createElement("div");
chatIframeContainer.id = "chatIframeContainer";
chatIframeContainer.className = "chat-iframe-container";
chatIframeContainer.innerHTML = '<div class="close-button" id="closeButton">×</div><iframe src="https://app.chatiq.ai/chatbot3d/mikesmart/English" name="myiFrame" scrolling="yes"></iframe>';
document.body.appendChild(chatWidget);
document.body.appendChild(chatIframeContainer);
document.getElementById('chatWidget').addEventListener('click', function () {
document.getElementById('chatIframeContainer').style.display = 'block';
});
document.getElementById('closeButton').addEventListener('click', function () {
document.getElementById('chatIframeContainer').style.display = 'none';
});
});
</script>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Rubilabs</title>
<link rel="icon" type="image/x-icon" href="https://rubilabs.com/favi.jpeg">
<link rel="stylesheet" href="./Rubilabs_files/style.css">
<link href="./Rubilabs_files/bootstrap.min.css" rel="stylesheet">
<!-- Latest compiled JavaScript -->
<script src="./Rubilabs_files/bootstrap.bundle.min.js.download"></script>
<!-- <link rel="stylesheet" href="./CSS/button.css"> -->
<script src="chrome-extension://mooikfkahbdckldjjndioackbalphokd/assets/prompt.js"></script></head>
<body data-new-gr-c-s-check-loaded="14.1123.0" data-gr-ext-installed="" data-new-gr-c-s-loaded="14.1125.0">
<!--Nav + Hero Section-->
<header>
<nav class="nav-bar">
<ul class="nav-parent">
<li>
<a class="logo-link" href="https://rubilabs.com/"><img src="./Rubilabs_files/newlogo.png" alt="BirdPreneur Logo" class="logo-image"></a>
</li>
<li class="extreme position-el"><a href="https://rubilabs.com/#mission" class="nav-el">Our Mission</a></li>
<li class="extreme"><a href="https://rubilabs.com/#products" class="nav-el">Our Products</a></li>
<li class="extreme"><a href="https://rubilabs.com/#benefits" class="nav-el">Benefits</a></li>
<li class="extreme"><a href="https://rubilabs.com/#order" class="nav-el">Place Order</a></li>
<li class="extreme"><a href="https://rubilabs.com/#delivery" class="nav-el">Delivery</a></li>
<li class="extreme"><a href="https://rubilabs.com/#FAQs" class="nav-el">FAQs</a></li>
<li class="extreme"><a href="https://rubilabs.com/#contact" class="nav-el">Contact Us</a></li>
<li class="extreme"><button type="button" class="btn nav-el"><a id="get" href="https://shop.rubilabs.com/">Order Now</a></button></li>
</ul>
</nav>
</header>
<!--section 1-->
<section>
<div class="container-fluid" style="--bs-gutter-x: 0">
<div class="hero-image">
<h1 class="text"><b>RubilabsVet: Delivering Animal Vaccines and Farm Inputs Directly to You</b></h1>
<p class="text">RubilabsVet offers a wide range of high-quality and affordable animal vaccines, medications, and
other <br> farm
inputs, all
delivered straight to your door. Trust RubilabsVet to keep your livestock healthy and happy.</p>
<button type="button" class="btn nav-el"><a id="hero-btn" href="https://shop.rubilabs.com/" style="text-decoration: none; font-size: 20px;">Order Now</a></button>
</div>
</div>
</section>
<!--section 2-->
<section id="mission">
<div class="container-fluid" style="background-color: #d8f2f5;">
<div class="rubi">
<h1 style=" padding: 50px;"><b>RubilabsVet Overview and Mission</b></h1>
</div>
<div class="row">
<div class="col-sm-4">
<div class="card">
<h3><b>Affordables</b></h3>
<p>RubilabsVet is committed to providing high-quality products at competitive prices.</p>
</div>
</div>
<div class="col-sm-4">
<div class="card">
<h3><b>Quality Guaranteed</b></h3>
<p>All products are tested and approved, ensuring effective results and happy animals</p>
</div>
</div>
<!--row 2-->
<div class="col-sm-4">
<div class="card">
<h3><b>Convenient Delivery</b></h3>
<p>Get exactly what you need, when you need it, delivered directly to your doorstep.</p>
</div>
</div>
<div class="col-sm-4">
<div class="card">
<h4><b>Exceptional Customer Service</b></h4>
<p>The RubilabsVet team is always ready to give expert advice and quick support.</p>
</div>
</div>
</div>
</div>
</section>
<!--section 3-->
<section id="products">
<div class="container-fluid" style="background-color: #3e4a95;">
<div class="rubi">
<h1 id="products-h1"><b>Products Available for Delivery</b></h1>
</div>
<div class="row" id="product">
<div class="col-sm-3">
<h3 style="margin-left: 60px;"><b>Vaccines</b></h3>
<ol>
<li>Avian Influenza</li>
<li>Bovine Viral Diarrhea</li>
<li>Pseudrabies (Aujeszky's Disease)</li>
</ol>
</div>
<div class="col-sm-3">
<!-- <img src="./img5.jpeg" alt=""> -->
<!-- <div class="card-body"> -->
<h3 style="margin-left: 60px;"><b>Medications</b></h3>
<ol>
<li>Flunixin Meglumine Injection</li>
<li>Penicillin G Procaine Injection</li>
<li>Oxytetracycline Injection</li>
</ol>
</div>
<!--row 2-->
<div class="col-sm-3">
<h3><b>Other Farm Inputs</b></h3>
<ol>
<li>Iron Dextran Injection</li>
<li>B Complex Vitamins Injection</li>
<li>Disinfectants</li>
</ol>
</div>
</div>
</div>
</section>
<!--section 4-->
<div class="container-fluid" id="benefits">
<h1 id="benefits-h1"><b>Benefits of Using RubilabsVet</b></h1>
<div class="row">
<div class="col-sm-3">
<div class="card" id="new">
<img src="./Rubilabs_files/img5.jpeg" alt="">
<div class="card-body">
<h4 style="margin-top: 30px;">Delivery Time</h4>
<p>RubilabsVet products ensure your animals stay healthy, reducing the risk of diseases.</p>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="card" id="new">
<img src="./Rubilabs_files/img3.jpeg" alt="">
<div class="card-body">
<h4 style="margin-top: 30px;">Increased Productivity</h4>
<p>Our products enhance growth and productivity of animals, improving farm yields.</p>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="card" id="new">
<img src="./Rubilabs_files/img2.jpeg" alt="">
<div class="card-body">
<h4 style="margin-top: 30px;">Sustainable Agriculture</h4>
<p>Our products ensure the welfare and sustainability of your farm.</p>
</div>
</div>
</div>
</div>
<!--section 5-->
<section id="order" style="margin-top: 200px;">
<div class="container-fluid" id="orders-top" style="padding-right: calc(var(--bs-gutter-x) * .0); padding-left: calc(var(--bs-gutter-x) * .0); --bs-gutter-x: 0;">
<div class="rubi" style="--bs-gutter-x: 0;">
<h3 id="rubi-h1"><b>How to Place an Order</b></h3>
</div>
<div class="row">
<div class="col-sm-3">
<h4 style="margin-left: 90px;" id="orders"><b>Step 1:</b></h4>
<h4 style="margin-left: 10px;" id="orders"><b>Select Your Products</b></h4>
<p id="order">View our range of products online, and add them to your cart.</p>
</div>
<!--row 2-->
<div class="col-sm-3">
<h4 style="margin-left: 80px;" id="orders"><b>Step 2:</b></h4>
<h4 style="margin-left: 10px;" id="orders"><b>Choose Delivery Time</b></h4>
<p id="order">Select a suitable delivery date and time that works for you.</p>
</div>
<!--row 3-->
<div class="col-sm-3">
<h4 style="margin-left: 80px;" id="orders"><b>Step 3:</b></h4>
<h4 id="orders"><b>Complete Your Order</b></h4>
<p id="order">Enter your personal and payment information to complete your purchase.</p>
</div>
</div>
</div>
</section>
<!--section 6-->
<div class="container-fluid" id="delivery">
<h1 id="benefits-h1"><b>Delivery Process and Timelines</b></h1>
<div class="row">
<div class="col-sm-3" id="deliverys">
<div class="card" id="news">
<div class="card-body">
<h4 style="margin-top: 30px;">Delivery Time</h4>
<p>Expect delivery within 3 hours from the time of purchase.</p>
</div>
</div>
</div>
<div class="col-sm-3" id="deliverys">
<div class="card" id="news">
<div class="card-body">
<h4 style="margin-top: 30px;">Delivery Fees</h4>
<p>Delivery is free for all orders worth #30k and above.</p>
</div>
</div>
</div>
<div class="col-sm-3" id="deliverys">
<div class="card" id="news">
<div class="card-body">
<h4 style="margin-top: 30px;">Delivery Locations</h4>
<p>We deliver to all locations within the Nigeria.</p>
</div>
</div>
</div>
<div class="col-sm-3" id="deliverys">
<div class="card" id="news" style="height: 250px;">
<div class="card-body">
<h4 style="margin-top: 30px;">Delivery Tracking</h4>
<p>Track your order’s progress, right from dispatch to your doorstep.</p>
</div>
</div>
</div>
</div>
</div>
<!--section 7-->
<section id="FAQs" style="--bs-gutter-x: 0">
<div class="container-fluid">
<div class="rubi">
<h1 id="fqa-h1"><b>FAQs</b></h1>
</div>
<div class="row" id="fqa">
<div class="col-sm-4">
<div class="card">
<h4 class="fqa-h3"><b>What Payment Methods Are Accepted?</b></h4>
<p>We accept all major credit and debit cards, including Visa, MasterCard, and American Express.</p>
</div>
</div>
<div class="col-sm-4">
<div class="card">
<h4 class="fqa-h3"><b>How Do I Know If My Order Has Been Processed?</b></h4>
<p>You will receive an email confirming receipt of your order, and another email when your order has been dispatched.</p>
</div>
</div>
<!--row 3-->
<div class="col-sm-4">
<div class="card">
<h4 class="fqa-h3"><b>What Happens If I Am Not Satisfied With My Order?</b></h4>
<p>In the unlikely event that you are not fully satisfied with your order, contact our customer service team to make
arrangements for returns or exchanges.</p>
</div>
</div>
<div class="col-sm-4">
<div class="card" id="fourth" style="height: 260px;">
<h4 class="fqa-h3"><b>Are There Any Discounts Available?</b></h4>
<p>Yes! Check out our website to see our current promotions and discounts available.</p>
</div>
</div>
</div>
</div>
</section>
<!--section 8-->
<section id="contact" style="--bs-gutter-x: 0;">
<div class="container-fluid" style="--bs-gutter-x: 0; --bs-gutter-y: 0;">
<div class="footer" style="--bs-gutter-x: 0;">
<div class="row" id="conatct-col">
<!--col 1-->
<div class="col-sm-5">
<div class="card">
<img src="./Rubilabs_files/newlogo.png" alt="">
</div>
</div>
<!--col 2-->
<div class="col-sm-5">
<div class="card" id="faqs">
<h4 class="fqa-h3"><b>Contact RubilabsVet for More Information</b></h4>
<p>Looking for more information or have a question? Contact our friendly customer service team at <b>+2347016772509</b> or send an
email to <b>[email protected].</b></p>
</div>
</div>
</div>
</div>
</div>
</section>
</div><div id="chatWidget" class="chat-widget"><img src="./Rubilabs_files/bubble2.png" alt="Chat"></div><div id="chatIframeContainer" class="chat-iframe-container" style="display: none;"><div class="close-button" id="closeButton">×</div><iframe src="./Rubilabs_files/English.html" name="myiFrame" scrolling="yes"></iframe></div></body><grammarly-desktop-integration data-grammarly-shadow-root="true"><template shadowrootmode="open"><style>
div.grammarly-desktop-integration {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select:none;
user-select:none;
}
div.grammarly-desktop-integration:before {
content: attr(data-content);
}
</style><div aria-label="grammarly-integration" role="group" tabindex="-1" class="grammarly-desktop-integration" data-content="{&quot;mode&quot;:&quot;full&quot;,&quot;isActive&quot;:true,&quot;isUserDisabled&quot;:false}"></div></template></grammarly-desktop-integration></html>