-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
56 lines (56 loc) · 3.95 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Site for Pawsitivity Partners. An agency here to provide you with canine company whenever you need it most.">
<link rel="icon" href="images/favicon.ico">
<link rel="stylesheet" href="./stylesheets/shared.css">
<link rel="stylesheet" href="./stylesheets/home.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Chewy&family=Indie+Flower&family=Judson:ital,wght@0,400;0,700;1,400&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<script defer src="./javascript/shared.js" type="module"></script>
<title>Pawsitivity Partners</title>
</head>
<body class="home--page">
<header>
<nav class="mobile--nav" role="navigation">
<button class="mobile--nav-hamburger" aria-label="Toggle navigation menu" aria-expanded="false" tabindex="1">
<div class="mobile--nav-hamburger-top"></div>
<div class="mobile--nav-hamburger-middle"></div>
<div class="mobile--nav-hamburger-bottom"></div>
</button>
<div class="mobile--nav-menu mobile--nav-menu_hidden" aria-hidden="true">
<a href="/" role="menuitem" tabindex="-1"><button class="mobile--nav-button mobile--nav-button_home">HOME</button></a>
<a href="team.html" role="menuitem" tabindex="-1"><button class="mobile--nav-button mobile--nav-button_meet">MEET THE GANG</button></a>
<a href="contact.html" role="menuitem" tabindex="-1"><button class="mobile--nav-button mobile--nav-button_contact">CONTACT US</button></a>
</div>
</nav>
<nav class="desktop--nav" role="navigation">
<div>
<a href="/" aria-label="Home"><i class="fa-solid fa-paw desktop--nav-paw"></i></a>
</div>
<div class="desktop--nav--buttons-container">
<a href="team.html" tabindex="-1"><button class="navigation--button">MEET THE GANG</button></a>
<a href="contact.html" tabindex="-1"><button class="navigation--button">CONTACT US</button></a>
</div>
</nav>
<h1 class="home--main-header"><span>PAWSITIVITY</span><span>PARTNERS</span></h1>
<div class="home--paws-container">
</div>
</header>
<main>
<section class="home--about-section slide-in-section">
<h2 class="home--about-header">WHO WE ARE</h2>
<p class="home--about-text">We're all about bringing joy to your life through the power of dogs. At Pawsitivity Partners, we connect you with friendly, certified pups who are ready to cheer you up whenever you need a boost. Our goal is simple: to make it easy for you to enjoy the love and companionship of a dog, even if you don't have one of your own. Whether you're feeling down, stressed, or just in need of some furry company, we've got you covered. All of our dogs are carefully selected for their friendly nature and good behaviour, ensuring a safe and enjoyable experience for everyone involved.</p>
<p class="home--about-text">So why wait? Let us help you find your perfect companion today and brighten up your day with a wagging tail and a whole lot of love.</p>
<p class="home--about-text">Choose Pawsitivity Partners for all your happiness needs!</p>
<div class="home--images-grid">
</div>
<a href="team.html" tabindex="-1"><button class="navigation--button about--button" tabindex="1">MEET THE GANG</button></a>
</section>
</main>
</body>
</html>