-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
74 lines (66 loc) · 3.46 KB
/
about.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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.2/css/bulma.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Chango&family=Open+Sans+Condensed:wght@300&family=Thasadith&display=swap"/>
<link rel="stylesheet" href="./assets/css/hamburger.css">
<link rel="stylesheet" href="./assets/css/about.css">
<link rel="shortcut icon" type="image/png" href="./assets/images/pink_paw.png"/>
<title>PawPals/About Us</title>
</head>
<body>
<div class="menu">
<!--Paw Pals logo-->
<div class="logo">
<img src="./assets/images/pawpals.png" alt="paw pals logo" class="pawpalsLogo">
</div>
<div class="hamburger-menu-wrapper">
<button class="hamburger-menu">
<span>toggle menu</span>
</button>
</div>
<div class="menu-list">
<a href="swipe.html" id="ml-swipe">SWIPE</a><br>
<a href="my-profile.html" id="ml-profile">MY PROFILE</a><br>
<a href="matches.html" id="ml-matches">MATCHES</a><br>
<a href="contact-us.html" id="ml-contact">CONTACT US</a><br>
</div>
</div>
<div class="menu-overlay"></div>
<div class="content is-large">
<h1>About Us</h1>
<p>Well, there isn't much to say. We love pets, and much like us two-legged freaks, they too need companionship so we created <strong>PawPals</strong>.
Can you imagine a world where all you have to look at are these four walls, and your owner's stupid face? Depending on when you're reading this you know what we're talking about...now just imagine how hard it sucks for your little friends. Yup! It's a <strong>Cat</strong>astrophe so don't even...
That's it...That's the speech
<h2>Meet The Team</h2>
<p>Who let the dogs out? Us, the developups! Feel free to send us a meowssage to say hi! We don't bite. Well actually, Cat might. Don't make her angry. You will be sorry.</p>
</div>
<div class="team-profiles is-large">
<div class="member">
<img class = 'photo' id='member1' src="assets/images/heckin-fierce.jpeg" alt="ninja">
<span class = "member-name">NINJA</span>
</div>
<div class="member">
<img class ='photo' id='member2' src="assets/images/luffy.jpeg" alt="Chelcie">
<span class = "member-name">CHELCIE DE ALMEIDA</span>
</div>
<div class="member">
<img class ='photo' id='member3' src="assets/images/overly-polite-cat.jpeg" alt="Wyatt">
<span class = "member-name">WYATT SIMMONS</span>
</div>
<div class="member">
<img class ='photo' id='member4' src="assets/images/paint-me-like-a-french-cat.jpeg" alt="CAT">
<span class = "member-name">Cat</span>
</div>
</div>
<!-- <div class="cat-dog">
<img src="./assets/images/page_cat.svg" alt="cat logo">
</div> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous"></script>
<script src="./assets/js/hamburger.js"></script>
</body>
</html>