generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
130 lines (120 loc) · 4.2 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
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
<!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">
<meta name="description" content="Flying With A Byke, Rome, Rent Your Bike here and visit Rome">
<meta name="keywords" content="Rome, Bycicle">
<title>Flying With A Bycicle</title>
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<header>
<a href="index.html">
<h1 id="logo">Flying With A Bycicle</h1>
</a>
<nav>
<ul id="menu">
<li>
<a href="form.html">Rent</a>
</li>
<li>
<a href="#Contact_Us">Contact Us</a>
</li>
<li>
<a href="#About_Us">About Us</a>
</li>
<li>
<a href="index.html">Home</a>
</li>
</ul>
</nav>
</header>
<div id="main-image">
</div>
<section class="about" id="About_Us">
<div>
<h2>
About Us
</h2>
<p>In our store, you can rent wonderful bycicles to travel around Rome and visit this wonderful city that has a
lot to offer. Our store is located only 700 meters away from the colosseum so that's a great starting point
of visiting the city with our bike. </p>
</div>
<div>
<h3>There Are Three Reasons Why You Should Come To Our Store</h3>
<ul>
<li>
Our store is located in one of the most beautiful cities in the world!
</li>
<li>
Our store is only 700 meters away from the colosseum, one of the most important and famous buildings in
the world
</li>
<li>
Our staff is really helpful and reliable
</li>
</ul>
</div>
</section>
<section class="about">
<h2>Come Vist Us</h2>
<table>
<tr>
<th></th>
<th>Open</th>
<th>Close</th>
</tr>
<tr>
<td>
Mon - Fri
</td>
<td>07:30</td>
<td>17:30</td>
</tr>
<tr>
<td>
Sat - Sun
</td>
<td>
07:30
</td>
<td>
12:30
</td>
</tr>
</table>
</section>
<section class="about" id="Contact_Us">
<h2>Contacts</h2>
<div>
<span>Phone:</span>
<span>09876543210</span>
</div>
<div>
<span>Email</span>
<span>flyingwithabike@gmail.com</span>
</div>
<div>
<span>Address</span>
<span>Via Carlo Botta, 35/37, 00184 Rome RM</span>
</div>
</section>
<div>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d11880.097863319155!2d12.489573994628914!3d41.89233092075365!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x132f61bfffc0e15b%3A0xd444de442f19cad7!2sMRBike!5e0!3m2!1sit!2sit!4v1657125952725!5m2!1sit!2sit"
width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<footer id="footer">
<h3>Find us on:</h3>
<a href="https://www.facebook.com" target="_blank" rel="noopener"><img src="assets/images/logo_facebook.png"
class="footer-icon" alt="facebook_logo"></a>
<a href="https://www.instagram.com" target="_blank" rel="noopener"><img src="assets/images/instagram-logo-png.png"
class="footer-icon" alt="instagram_logo"></a>
<a href="https://www.twitter.com" target="_blank" rel="noopener"><img src="assets/images/logo_twitter.png"
class="footer-icon" alt="twitter_logo"></a>
</footer>
</body>
</html>