dogapp/index.html at master · Kasie97/dogapp · GitHub

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>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
    <link rel="shortcut icon" href="#" type="image/x-icon">
    <meta name="description" content="description">
    <title>SG</title>
    <link href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css" type="text/css">
    <link rel="stylesheet" href="css/quries.css" type="text/css">
</head>
<body class="b  ">
	<div class="mainbox">
		<header class="head">
			<div class="we"></div>
			<div >
				<div><img src="images/avatar.jpg" class="img1"></div>
		    </div>
		    <div class="sam"><h3>Samuel Green</h3></div>
		    <div class="ava">Available to walk</div>
	    </header>
	    <div class="p1">That sounds great. i'd be happy with that</div>
	    <div class="p1">Could you send over some pictures of your dog, please</div>
	    <div>
	    	<img src="images/dog-image-1.jpg" class="img2">
		    <img src="images/dog-image-2.jpg" class="img2">
		    <img src="images/dog-image-3.jpg" class="img2">
	    </div>
	    <br> <br>
	    <div class="p2">Here are a few pictures. She's a happy girl.</div>
	    <div class="p22">Can you make it?</div>
	    <br> <br>
	    <br> <br>
	    <div class="p11">She looks so happy! The time we discussed works. How long shall i take her out for?</div>
	    <div>
	    	<button class="btn"> &#9711; &nbsp; 30 minutes walk &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; <b><strong>$29</strong></b></button>
	    	<button class="btn"> &#9711; &nbsp; 1 hour walk &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <b><strong>$49</strong></b></button>
	    </div>
        <footer>
        	<form>
        		<div id="search_wrapper">
                    <input type="text" id="message" name="message" value="Type a message" class="typ">
                    <input type="submit" value="&#10095;" class="sub">
	        </form>
        </footer>
    </div>
    <section class="sect1">
    	<div class="simp"><b> Simple Booking </b></div>
	    <div class="para1">
	    	<p>Stay in touch with our dog walkers through the chat interface. This makes it easy to discuss arrangements and make bookings. Once the walk has been completed you can rate your walker and book again all through the chat.</p>
	    </div>
    </section>
</body>
</html>