-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
164 lines (159 loc) · 8.11 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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" href="style.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=Fira+Sans&family=Ubuntu&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap" rel="stylesheet">
<!-- Social Icons -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<title>Fluffy Puppies</title>
</head>
<!-- Navbar -->
<body>
<div class="header">
<img src="images/Fluffy-Puppies-logos-black.jpg" alt="logo" id="navbarLogo"/>
<div>
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="services.html">Services</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
<li>
<a href="faq.html">FAQ</a>
</li>
<li>
<a href="clients.html">Our Clients</a>
</li>
</ul>
</div>
</div>
<!--Cards-->
<div class="hero"></div>
<br>
<br>
<!-- Required About Elements for Assignment -->
<div class="main">
<h1>About The Site</h1>
<ul class="cards2">
<li class="cards_item">
<div class="card3">
<div class="card_image"><img src="images/developmentimg.png"></div>
<div class="card_content">
<h2 class="card_title">Development Process</h2>
<p class="card_text">Fluffy Puppies is a mock business owned by my uncle Randy. He wanted to create a straightforward website to help give his current customers more information about his business and its values, as well as provide information for potential new customers.
I have created a site that is clean and simple and answers the intended questions for his customers such as service details, business hours, contact information, frequently asked questions, reviews, and pictures of clients. </p>
</div>
</div>
</li>
<li class="cards_item">
<div class="card3">
<div class="card_image"><img src="images/defense.jpg"></div>
<div class="card_content">
<h2 class="card_title">Defense Of The Final Product</h2>
<p class="card_text">This information was provided using HTML, CSS, tables, photos, video, and a little bit of JavaScript. The colors are neutral and earthy, to match the tone of a business where animals are the clientele.
Each page was built with the intention of being simple, and welcoming. Except for the cursive font used, they fonts chosen are among the easiest to read, and convey their message simplistically.
The cursive font was used for headers and added a touch of elegance which is reflective of the royal treatment the pets will receive during grooming.
</p>
</div>
</div>
</li>
<li class="cards_item">
<div class="card3">
<div class="card_image"><img src="images/opportunity.jpg"></div>
<div class="card_content">
<h2 class="card_title">Opportunities For Improvement</h2>
<p class="card_text">There is a lot of room for improvement since a site is never 100% complete. If I were given more time I would like to add a functional form for booking online,
and demonstrate this feature by utilizing local storage, and storing user information then appending it to the page. I would also most likely consolidate this to one scrolling page and not have each page be separate.
I feel like this is a business that is simple enough to put everything in one place, but I went too far in this format before realizing the scope of what it really is. I would also reformat to be mobile responsive. </p>
</div>
</div>
</li>
</ul>
</div>
<p id="abouthead">About Us</p>
<br>
<div class="container">
<div class="row">
<div class="column">
<div class="card">
<img src="images/nails.jpg" alt="nails" class="about1"/>
<h3 class="abouth3">Quality Pet Care</h3>
<br>
<p> At Fluffy Puppies, our team of highly experienced, certified and friendly pet groomers will ensure that not only will your pet look and feel it's best,
but we will treat your pet with the utmost respect while in our care. So, if you are a new puppy owner, just adopted a rescue or just looking for a new groomer,
feel free to stop in and meet some of our groomers. We look forward to meeting you and discussing your pet's grooming needs.</p>
</div>
</div>
<div class="column">
<div class="card">
<img src="images/kitty.jpg" alt="kitty" class="about1"/>
<h3 class="abouth3">Reliable and Trustworthy Groomers</h3>
<br>
<p>Our staff is personable and have many years experience grooming so you can be assured that your pet will be in good hands.
We aim to create informal and lasting relationships with our clients and pets.
We maintain individual records of owners and their pets as well as any observations that we find whilst grooming will be noted and brought to your attention.
We conduct our business with honesty and integrity and encourage owners to share in the health and happiness of their pet.</p>
</div>
</div>
<div class="column">
<div class="card">
<img src="images/yorkie.jpg" alt="yorkie" class="about1"/>
<h3 class="abouth3">Grooming With Sustainability</h3>
<br>
<p>Fluffy Puppies is committed to working in ways that benefit both the health of your pet and the planet.
Which is why we only use natural and organic shampoos and conditioners on all of our clients.
When it comes to bath products and shampoos that are safe and gentle to use in your home and on your pet,
organic products offer peace of mind that’s easy to see. </p>
</div>
</div>
<div class="column">
<div class="card">
<img src="images/img9.jpg" alt="img9" class="about1"/>
<h3 class="abouth3">Satisfaction Guaranteed</h3>
<br>
<p>We are always prepared for any pets' needs and ensure that your pet will receive the best care and love.
Their happiness and care is our priority and we strive to provide a service we would want our own pets to receive.
If for any reason you are not satisfied with our services please contact us so we can make it right. </p>
</div>
</div>
</div>
</div>
<!-- contact card -->
<div id="contact" class="contact">
<a href="services.html"
><img src="images/reception.jpeg" alt="reception" class="float-right"
/></a>
<h2>Let's Get Your Pet Scheduled</h2>
<ul>
<li>Hours: Monday - Saturday 8:00am - 6:00pm</li>
<li>Schedule an appointment at 216.555.1234</li>
<li>Also find us on Social Media Below!</li>
</ul>
<a href="http://www.facebook.com" class="fa fa-facebook"></a>
<a href="http://www.twitter.com" class="fa fa-twitter"></a>
<a href="http://www.instagram.com" class="fa fa-instagram"></a>
<a href="http://www.pinterest.com" class="fa fa-pinterest"></a>
</div>
<div class="footer">
<h2>Made with ❤️️ by Branden</h2>
<p>
216 Atlantic Avenue ~ Cleveland, Ohio. 44138 ~ Tel: 216 555-1234 ©
2021 Fluffy Puppies, Inc.
</p>
</div>
</body>
</html>