commiting
This commit is contained in:
179
public/pages/FAQ.html
Normal file
179
public/pages/FAQ.html
Normal file
@@ -0,0 +1,179 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>FAQ</title>
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div class="px-3 py-2 bg-dark text-white">
|
||||
<div class="container">
|
||||
<div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
|
||||
<a href="/" class="d-flex align-items-center my-2 my-lg-0 me-lg-auto text-white text-decoration-none">
|
||||
<svg class="bi me-2" width="40" height="32" role="img" aria-label="Bootstrap"><use xlink:href="#bootstrap"></use></svg>
|
||||
</a>
|
||||
|
||||
<ul class="nav col-12 col-lg-auto my-2 justify-content-center my-md-0 text-small">
|
||||
|
||||
<li>
|
||||
|
||||
<a href="FAQ.html" class="nav-link text-secondary">
|
||||
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
||||
<use xlink:href="#home"></use>
|
||||
</svg>
|
||||
FAQ
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
||||
<a href="about_me.html" class="nav-link text-white">
|
||||
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
||||
<use xlink:href="#home"></use>
|
||||
</svg>
|
||||
about me
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
||||
<a href="contact_me.html" class="nav-link text-white">
|
||||
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
||||
<use xlink:href="#home"></use>
|
||||
</svg>
|
||||
contact me
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
||||
<a href="services.html" class="nav-link text-white">
|
||||
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
||||
<use xlink:href="#home"></use>
|
||||
</svg>
|
||||
services
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main>
|
||||
<div class="container pt-5">
|
||||
|
||||
<div>
|
||||
<h1 class="text-primary">Do you accept more than one animal?</h1>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h5 class="text-secondary">
|
||||
I do but all services are priced for one animal. For more than one pet I
|
||||
charge $8 per additional animal for walking and drop-in services. For
|
||||
house sitting services, more than one pet I charge $10 per additional animal.
|
||||
</h5>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<div>
|
||||
<h1 class="text-primary">What types of payments do you accept?</h1>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="text-secondary">
|
||||
I accept all major credit cards, bank transfers, and Paypal. Invoices are sent after service is rendered.
|
||||
</h5>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<div>
|
||||
<h1 class="text-primary">When is payment due?</h1>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="text-secondary">
|
||||
Invoices are sent via email that have a link to the invoice. Clients are able to pay directly from the invoice.
|
||||
</h5>
|
||||
</div>
|
||||
|
||||
|
||||
<hr>
|
||||
|
||||
<hr>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
|
||||
<p class="col-md-4 mb-0 text-muted">
|
||||
© 2023 Andrew Bryant
|
||||
</p>
|
||||
|
||||
<a href="/" class="col-md-4 d-flex align-items-center justify-content-center mb-3 mb-md-0 me-md-auto link-dark text-decoration-none">
|
||||
<svg class="bi me-2" width="40" height="32">
|
||||
<use xlink:href="#bootstrap"></use>
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<ul class="nav col-md-4 justify-content-end">
|
||||
|
||||
<li>
|
||||
|
||||
<a href="FAQ.html" class="nav-link text-secondary">
|
||||
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
||||
<use xlink:href="#home"></use>
|
||||
</svg>
|
||||
FAQ
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
||||
<a href="about_me.html" class="nav-link text-white">
|
||||
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
||||
<use xlink:href="#home"></use>
|
||||
</svg>
|
||||
about me
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
||||
<a href="contact_me.html" class="nav-link text-white">
|
||||
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
||||
<use xlink:href="#home"></use>
|
||||
</svg>
|
||||
contact me
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
||||
<a href="services.html" class="nav-link text-white">
|
||||
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
||||
<use xlink:href="#home"></use>
|
||||
</svg>
|
||||
services
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</footer>
|
||||
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
|
||||
</body>
|
||||
</html>
|
||||
161
public/pages/about_me.html
Normal file
161
public/pages/about_me.html
Normal file
@@ -0,0 +1,161 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>About me</title>
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div class="px-3 py-2 bg-dark text-white">
|
||||
<div class="container">
|
||||
<div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
|
||||
<a href="/" class="d-flex align-items-center my-2 my-lg-0 me-lg-auto text-white text-decoration-none">
|
||||
<svg class="bi me-2" width="40" height="32" role="img" aria-label="Bootstrap"><use xlink:href="#bootstrap"></use></svg>
|
||||
</a>
|
||||
|
||||
<ul class="nav col-12 col-lg-auto my-2 justify-content-center my-md-0 text-small">
|
||||
|
||||
<li>
|
||||
|
||||
<a href="FAQ.html" class="nav-link text-white">
|
||||
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
||||
<use xlink:href="#home"></use>
|
||||
</svg>
|
||||
FAQ
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
||||
<a href="about_me.html" class="nav-link text-white">
|
||||
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
||||
<use xlink:href="#home"></use>
|
||||
</svg>
|
||||
about me
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
||||
<a href="contact_me.html" class="nav-link text-white">
|
||||
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
||||
<use xlink:href="#home"></use>
|
||||
</svg>
|
||||
contact me
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
||||
<a href="services.html" class="nav-link text-white">
|
||||
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
||||
<use xlink:href="#home"></use>
|
||||
</svg>
|
||||
services
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main>
|
||||
<div class="container pt-5">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-8">
|
||||
Laboriosam voluptatem pariatur consequatur. Corrupti corrupti et aut commodi vero nesciunt totam. Deleniti et labore reiciendis quia tempore voluptas occaecati. Debitis necessitatibus velit ut unde aliquam id quod. Laborum quas non itaque et ut veniam voluptate. Voluptates numquam non non id natus voluptatibus. Nobis eius dicta suscipit in at voluptas numquam molestiae. Qui non magni velit qui autem veniam quia. Dolore velit doloremque dolores doloremque eveniet. Libero rerum est debitis sint velit. Id sapiente magnam voluptas at corporis. Error quia laudantium et veniam adipisci ipsum.
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<img class="img-fluid" src="../img/about_me_1_md.jpg" srcset="../img/about_me_1_sm.jpg 540w, ../img/about_me_1_md.jpg 720w, ../img/about_me_1_lg.jpg 960w" sizes="50vw">
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<img class="img-fluid" src="../img/about_me_2_lg.jpg" srcset="../img/about_me_2_sm.jpg 540w, ../img/about_me_2_md.jpg 720w, ../img/about_me_2_lg.jpg 960w" sizes="50vw">
|
||||
</div>
|
||||
<div class="col-8">
|
||||
Suscipit est voluptatum possimus aut. Culpa laboriosam id explicabo. Aut qui ad repellat doloremque. Quis quo sunt sed ab optio voluptate reprehenderit. Autem aut ea odit sed. Laboriosam minus eos qui dicta qui molestias. Labore quis quae aliquam quod quia cum ut laboriosam. Incidunt aut aut libero voluptates velit ut saepe. Qui deserunt tempore doloremque qui veniam aliquid. Vel est eligendi ipsum ullam corrupti explicabo saepe. Eligendi cum soluta numquam nihil doloribus praesentium. Doloribus blanditiis incidunt itaque veniam.
|
||||
</div>
|
||||
<div class="col-8">
|
||||
Debitis nulla impedit consectetur cum laboriosam autem qui minus. Soluta placeat est inventore facere. Inventore voluptates vero assumenda inventore illum eos eveniet. Itaque corrupti aliquid aut officiis. Quia voluptatem voluptas aut placeat. Dolor quis eos magnam cum. Vel vel magni ea at. Earum molestiae id illum eius sit officiis. Corporis non eveniet deleniti quaerat eos. Corrupti ad repellendus facere quisquam aut. Hic neque aut ea incidunt inventore fugiat doloribus ullam. Eius quo veritatis exercitationem suscipit. Laudantium sed aut doloremque. Molestias unde ipsa eum quos deserunt aut voluptate atque. Deserunt omnis excepturi ipsum recusandae beatae. Voluptas repellat accusantium omnis animi ut accusantium dolorum commodi. Qui natus delectus a. Qui sequi pariatur aut et voluptatum atque vero. Iusto ea cupiditate sed qui quae. Aliquid a illum repellat pariatur aut repudiandae.
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<img class="img-fluid" src="../img/about_me_3_lg.jpg" srcset="../img/about_me_3_sm.jpg 540w, ../img/about_me_3_md.jpg 720w, ../img/about_me_3_lg.jpg 960w" sizes="50vw">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
|
||||
<p class="col-md-4 mb-0 text-muted">
|
||||
© 2023 Andrew Bryant
|
||||
</p>
|
||||
|
||||
<a href="/" class="col-md-4 d-flex align-items-center justify-content-center mb-3 mb-md-0 me-md-auto link-dark text-decoration-none">
|
||||
<svg class="bi me-2" width="40" height="32">
|
||||
<use xlink:href="#bootstrap"></use>
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<ul class="nav col-md-4 justify-content-end">
|
||||
|
||||
<li>
|
||||
|
||||
<a href="FAQ.html" class="nav-link text-white">
|
||||
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
||||
<use xlink:href="#home"></use>
|
||||
</svg>
|
||||
FAQ
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
||||
<a href="about_me.html" class="nav-link text-white">
|
||||
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
||||
<use xlink:href="#home"></use>
|
||||
</svg>
|
||||
about me
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
||||
<a href="contact_me.html" class="nav-link text-white">
|
||||
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
||||
<use xlink:href="#home"></use>
|
||||
</svg>
|
||||
contact me
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
||||
<a href="services.html" class="nav-link text-white">
|
||||
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
||||
<use xlink:href="#home"></use>
|
||||
</svg>
|
||||
services
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</footer>
|
||||
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
|
||||
</body>
|
||||
</html>
|
||||
184
public/pages/contact_me.html
Normal file
184
public/pages/contact_me.html
Normal file
@@ -0,0 +1,184 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Contact me</title>
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div class="px-3 py-2 bg-dark text-white">
|
||||
<div class="container">
|
||||
<div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
|
||||
<a href="/" class="d-flex align-items-center my-2 my-lg-0 me-lg-auto text-white text-decoration-none">
|
||||
<svg class="bi me-2" width="40" height="32" role="img" aria-label="Bootstrap"><use xlink:href="#bootstrap"></use></svg>
|
||||
</a>
|
||||
|
||||
<ul class="nav col-12 col-lg-auto my-2 justify-content-center my-md-0 text-small">
|
||||
|
||||
<li>
|
||||
|
||||
<a href="FAQ.html" class="nav-link text-white">
|
||||
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
||||
<use xlink:href="#home"></use>
|
||||
</svg>
|
||||
FAQ
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
||||
<a href="about_me.html" class="nav-link text-white">
|
||||
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
||||
<use xlink:href="#home"></use>
|
||||
</svg>
|
||||
about me
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
||||
<a href="contact_me.html" class="nav-link text-white">
|
||||
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
||||
<use xlink:href="#home"></use>
|
||||
</svg>
|
||||
contact me
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
||||
<a href="services.html" class="nav-link text-white">
|
||||
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
||||
<use xlink:href="#home"></use>
|
||||
</svg>
|
||||
services
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main>
|
||||
<div class="container pt-5">
|
||||
|
||||
<div class="row">
|
||||
<h4>If you have any questions, the
|
||||
<a href="../faq.html">FAQ</a>
|
||||
page may have an answer. Contacting me directly by
|
||||
<a href="mailto: bryant.caregiving@fastmail.com">email</a> or
|
||||
<a href="tel:+14102799125">text</a> message is welcome.
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="row mt-2">
|
||||
<div class="col-6">
|
||||
<h3 class="text-center text-primary">
|
||||
Contact me directly!
|
||||
</h3>
|
||||
|
||||
<a href="tel::+14102799125" class="mr-8">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" fill="currentColor" class="bi bi-telephone-fill" viewBox="0 0 16 16">
|
||||
<path fill-rule="evenodd" d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z"/>
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<a href="mailto: bryant.caregiving@fastmail.com">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" fill="currentColor" class="bi bi-envelope-fill" viewBox="0 0 16 16">
|
||||
<path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<h3 class="text-center text-primary">
|
||||
Follow me!
|
||||
</h3>
|
||||
|
||||
<a href="https://www.instagram.com/awkawb" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
|
||||
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
|
||||
<p class="col-md-4 mb-0 text-muted">
|
||||
© 2023 Andrew Bryant
|
||||
</p>
|
||||
|
||||
<a href="/" class="col-md-4 d-flex align-items-center justify-content-center mb-3 mb-md-0 me-md-auto link-dark text-decoration-none">
|
||||
<svg class="bi me-2" width="40" height="32">
|
||||
<use xlink:href="#bootstrap"></use>
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<ul class="nav col-md-4 justify-content-end">
|
||||
|
||||
<li>
|
||||
|
||||
<a href="FAQ.html" class="nav-link text-white">
|
||||
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
||||
<use xlink:href="#home"></use>
|
||||
</svg>
|
||||
FAQ
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
||||
<a href="about_me.html" class="nav-link text-white">
|
||||
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
||||
<use xlink:href="#home"></use>
|
||||
</svg>
|
||||
about me
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
||||
<a href="contact_me.html" class="nav-link text-white">
|
||||
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
||||
<use xlink:href="#home"></use>
|
||||
</svg>
|
||||
contact me
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
||||
<a href="services.html" class="nav-link text-white">
|
||||
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
||||
<use xlink:href="#home"></use>
|
||||
</svg>
|
||||
services
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</footer>
|
||||
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
|
||||
</body>
|
||||
</html>
|
||||
231
public/pages/services.html
Normal file
231
public/pages/services.html
Normal file
@@ -0,0 +1,231 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Services</title>
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div class="px-3 py-2 bg-dark text-white">
|
||||
<div class="container">
|
||||
<div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
|
||||
<a href="/" class="d-flex align-items-center my-2 my-lg-0 me-lg-auto text-white text-decoration-none">
|
||||
<svg class="bi me-2" width="40" height="32" role="img" aria-label="Bootstrap"><use xlink:href="#bootstrap"></use></svg>
|
||||
</a>
|
||||
|
||||
<ul class="nav col-12 col-lg-auto my-2 justify-content-center my-md-0 text-small">
|
||||
|
||||
<li>
|
||||
|
||||
<a href="FAQ.html" class="nav-link text-white">
|
||||
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
||||
<use xlink:href="#home"></use>
|
||||
</svg>
|
||||
FAQ
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
||||
<a href="about_me.html" class="nav-link text-white">
|
||||
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
||||
<use xlink:href="#home"></use>
|
||||
</svg>
|
||||
about me
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
||||
<a href="contact_me.html" class="nav-link text-white">
|
||||
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
||||
<use xlink:href="#home"></use>
|
||||
</svg>
|
||||
contact me
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
||||
<a href="services.html" class="nav-link text-white">
|
||||
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
||||
<use xlink:href="#home"></use>
|
||||
</svg>
|
||||
services
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<main>
|
||||
<div class="container pt-5">
|
||||
|
||||
<div class="row pt-2 pb-4">
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<img class="img-fluid" class="card-img-top"
|
||||
src="../img/services_dog_walking_card_lg.png"
|
||||
srcset="../img/services_dog_walking_card_sm.png 540w,
|
||||
../img/services_dog_walking_card_md.png 720w,
|
||||
../img/services_dog_walking_card_lg.png 960w,
|
||||
../img/services_dog_walking_card_xl.png 1140w"
|
||||
sizes="50vw" alt="Woman walking dog">
|
||||
<div class="card-body">
|
||||
<h1 class="card-title text-center text-primary">Walking</h1>
|
||||
|
||||
<hr>
|
||||
|
||||
<h2 class="text-success text-center">$20+/visit</h2>
|
||||
|
||||
<hr class="invisible">
|
||||
|
||||
<p class="text-secondary">
|
||||
Service includes 30 minute walk for your pet. Bags for poop
|
||||
clean-up are included.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<img class="img-fluid" class="card-img-top"
|
||||
src="../img/services_drop_in_card_lg.png"
|
||||
srcset="../img/services_drop_in_card_sm.png 540w,
|
||||
../img/services_drop_in_card_md.png 720w,
|
||||
../img/services_drop_in_card_lg.png 960w,
|
||||
../img/services_drop_in_card_xl.png 1140w"
|
||||
sizes="50vw" alt="Woman petting dog">
|
||||
<div class="card-body">
|
||||
<h1 class="card-title text-center text-primary">
|
||||
Drop-in visits
|
||||
</h1>
|
||||
|
||||
<hr>
|
||||
|
||||
<h2 class="text-success text-center">$18+/visit</h2>
|
||||
|
||||
<hr class="invisible">
|
||||
|
||||
<p class="text-secondary">
|
||||
Service includes 30 minutes of in-home play and/or care for
|
||||
your pet.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<img class="img-fluid" class="card-img-top"
|
||||
src="../img/services_house_sitting_card_lg.png"
|
||||
srcset="../img/services_house_sitting_card_sm.png 540w,
|
||||
../img/services_house_sitting_card_md.png 720w,
|
||||
../img/services_house_sitting_card_lg.png 960w,
|
||||
../img/services_house_sitting_card_xl.png 1140w"
|
||||
sizes="50vw" alt="Dog eating from food bowl">
|
||||
<div class="card-body">
|
||||
<h1 class="card-title text-center text-primary">
|
||||
House sitting
|
||||
</h1>
|
||||
|
||||
<hr>
|
||||
|
||||
<h2 class="text-success text-center">$45+/night</h2>
|
||||
|
||||
<hr class="invisible">
|
||||
|
||||
<p class="text-secondary">
|
||||
Service includes in-home overnight stays and animal care.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex justify-content-center">
|
||||
<a href="../forms/meetgreetrequest.html">
|
||||
<button class="btn btn-primary text-light">
|
||||
Request meet & greet
|
||||
</button>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
|
||||
<p class="col-md-4 mb-0 text-muted">
|
||||
© 2023 Andrew Bryant
|
||||
</p>
|
||||
|
||||
<a href="/" class="col-md-4 d-flex align-items-center justify-content-center mb-3 mb-md-0 me-md-auto link-dark text-decoration-none">
|
||||
<svg class="bi me-2" width="40" height="32">
|
||||
<use xlink:href="#bootstrap"></use>
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<ul class="nav col-md-4 justify-content-end">
|
||||
|
||||
<li>
|
||||
|
||||
<a href="FAQ.html" class="nav-link text-white">
|
||||
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
||||
<use xlink:href="#home"></use>
|
||||
</svg>
|
||||
FAQ
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
||||
<a href="about_me.html" class="nav-link text-white">
|
||||
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
||||
<use xlink:href="#home"></use>
|
||||
</svg>
|
||||
about me
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
||||
<a href="contact_me.html" class="nav-link text-white">
|
||||
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
||||
<use xlink:href="#home"></use>
|
||||
</svg>
|
||||
contact me
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
||||
<a href="services.html" class="nav-link text-white">
|
||||
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
||||
<use xlink:href="#home"></use>
|
||||
</svg>
|
||||
services
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</footer>
|
||||
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user