-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
97 lines (87 loc) · 3.48 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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!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">
<title>Roar Cycle - Bike Repairs</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="reset.css">
</head>
<body>
<div class="container">
<header class="head">
<div class="logo">
<img src="images/logo-roar-bikes.svg" alt="logo for Bike Repair shop.">
</div>
<nav>
<a href="" class="navbutton">Book Online</a>
<a href="" class="navbutton">About</a>
<a href="" class="navbutton">Contact</a>
</nav>
</header>
<main>
<div
class="herobox1">
<h1 class="title">Mobile Bike Repairs</h1>
<p class="desc">
Hello, and welcome to this website I made on my journey towards learning HTML and CSS.
While there are links and buttons scattered all over this page, I'm sorry to say that
they won't do much as this is only a site that existed for learning. However, I hope this
doesn't stop you from exploring and playing around here.
</p>
<a href="testpage.html" class="mybutton">Book Online</a>
</div>
<div class="herobox2">
<img src="images/image-bike-repair-service-a.jpg" alt="">
</div>
</main>
<div class="cards">
<div class="card1">
<a href="">
<h2 class="seched">Book Online</h2>
<p>Book your services here straight from your device</p>
</a>
</div>
<div class="card2">
<a href="">
<h2 class="seched">Service Types</h2>
<p>Curious about what we offer? Feel free to click here and look around.</p>
</a>
</div>
<div class="card3">
<a href="">
<h2 class="seched">Call For Advice</h2>
<p>Feeling a little stuck on your bike troubles? Don't be shy and feel free to contact us for our guidance.</p>
</a>
</div>
</div>
<div class="testemonials">
<div class="tbox">
<p>
To be honest, I don't have that much experience with bikes (other than being able to ride them.)
</p>
<p>-Me</p>
</div>
<div class="tbox">
<p>
One day I want to do a triathalon. But would it be weird to say that the bike portion holds me back?
</p>
<p>-Also me</p>
</div>
<div class="tbox">
<p>
I don't have a bike myself even though I think it would be cool to have one.
</p>
<p>-Another fact about me</p>
</div>
<div class="tbox">
<p>
I don't know what to put here as I believe three statements about myself and bikes is sufficient
</p>
<p>-Last one about me</p>
</div>
</div>
</div>
</body>
</html>