-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
76 lines (73 loc) · 2.92 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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!DOCTYPE html>
<html lang="en-GB">
<head>
<title>Groom</title>
<link rel="stylesheet" type="text/css" href="./static/css/main.css">
<script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
<script src="https://kit.fontawesome.com/167b44c09c.js" crossorigin="anonymous"></script>
<meta charset="UTF-8">
<meta name="description" content="Dog Grooming Services">
<meta name="keywords" content="Dog, Grooming, Birmingham">
<meta name="author" content="Koala">
<meta name="viewpoint" content="width=device-width, initial-scale=1.0">
</head>
<header class="logobox body">
<div class="logo" onclick="window.location.href='/'">
<img src="./static/imgs/logo.png" height="60" alt="404">
<img src="./static/imgs/logoText.png" height="40" alt="404">
</div>
</header>
<body class="body">
<main class="main">
<div class="mainleft">
</div>
<div style="background-image: url('./static/imgs/grooming.jpg');" class="hero_img">
</div>
<div class="headingbox">
<h1 class="h1">Grooming, done right.</h1>
<h2 class="h2">Voted birmingham's best salon 2020</h2>
<div class="btn">
<p class="app">Book an App.</p>
</div>
</div>
</main>
<article class="box">
<h3 class="wiggle">About Us</h3>
<p class="p">We at groom decided that grooming dogs was our passion.
We aim to give you the very best dog grooming experience possible.
All breeds of dogs are welcome at our salon.
We're based in Birmingham, so bring your dog by for to be groomed anytime.
</p>
</article>
<div style="background-image: url('http://pets.axiomthemes.com/wp-content/uploads/2015/02/linepattern.png');" class="pricing">
<p class="wiggle">Pricing</p>
<div class="pricecontainers">
<div class="pricing-container-small"></div>
<div id="pricing-container-large"></div>
<div class="pricing-container-small"></div>
</div>
</div>
<div class="box">
<p class="wiggle">Gallery</p>
<div class="gallery">
<img src="./static/imgs/dog1.jpg" style="height: 400px;width: 600px; padding: 10px;" alt="404">
<img src="./static/imgs/dog2.jpg" style="height: 366px;width: 274px; padding: 10px;" alt="404">
<img src="./static/imgs/dog3.jpg" style="height: 170px;width: 256px; padding: 10px;" alt="404">
<img src="./static/imgs/dog4.jpg" style="height: 600px;width: 400px; padding: 10px;" alt="404">
<img src="./static/imgs/dog5.jpg" style="height:600px; padding: 10px;" onclick="document.getElementById('secret').style.display='flex'" alt="404">
</div>
</div>
<div class="box">
<p class="wiggle">Contact Us</p>
<div class="info">
<p class="p"><i class="fas fa-phone"></i> 01234 567 890</p>
<p class="p"><i class="fas fa-envelope"></i> groom@gmail.com</p>
<p class="p"><i class="fab fa-instagram"></i> groomgroomers</p>
</div>
</div>
<p aria-hidden="true" id="secret">You found the secret! Use code smartdoggo at checkout for 30% off</p>
</body>
<footer class="foot">
Groom © 2021 All Rights Reserved
</footer>
</html>