This repository has been archived by the owner on Sep 18, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
159 lines (143 loc) · 5.11 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
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
<!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>Les Vélos | Home</title>
<link rel="icon" href="logo.jpeg" sizes="16x16">
</head>
<style>
body{
background-image: url(https://wallpaperaccess.com/full/1223017.jpg);
background-size: cover;
}
ul{
text-align: center;
margin-bottom: 10px;
}
li{
display: inline;
}
#ben, #whyvelo{
font-size: 50px;
color: white;
}
#CName{
font-family: 'garamond';
text-align: right;
background-color: transparent;
margin-right: 200px;
font-size: 100px;
margin-top: 20px;
padding: 10px;
text-shadow: 2px 2px 8px whitesmoke
}
button{
color: darkgreen;
font-family: 'Times New Roman', Times, serif;
font-size: 17px;
font-weight: bold;
width: 250px;
height: 50px;
padding: 5px;
margin-right: 40px;
background: transparent;
transition-duration: 0.4s;
}
button:hover{
background-image: url(https://wallpapercave.com/wp/wp2954634.jpg);
background-size: cover;
color: black;
font-size: 20px;
text-shadow: 2px 2px 10px whitesmoke;
}
#whyvelo{
font-variant: small-caps;
margin-left: 50px;
text-shadow: 2px 2px 8px black;
}
p{
padding: 10px;
font-family: 'Times New Roman', Times, serif;
background: rgb(253, 204, 108, 0.6);
font-size: 15px;
font-weight: bold;
width: 750px;
margin-left: 50px;
font-variant: small-caps;
}
#ben{
text-align: right;
margin-right: 50px;
font-variant: small-caps;
text-shadow: 2px 2px 8px black;
}
#Benefits{
margin-left: 600px;
width: 865px;
margin-bottom: 20px;
}
footer{
border-top: 10px double black;
background-color: black;
height: 175px;
margin-top: 50px;
}
h3{
color: white;
margin: 20px;
}
#contact{
color: whitesmoke;
margin-left: 50px;
}
#social{
text-align: left;
}
</style>
<body>
<header>
<div>
<h1 id="CName">Les Vélos</h1>
</div>
<div id = "all">
<ul>
<li><a href="index.html"><button>Home</button></a></li>
<li><a href="products.html"><button>Products</button></a></li>
<li><a href="FAQ.html"><button>FAQ</button></a></li>
<li><a href="signin.html"><button>Sign in/Sign up</button></a></li>
</ul>
</div>
</div>
</header>
<div>
<h1 id = "whyvelo">Why Les Vélos?</h1>
<p id="Why">Millions of people around the globe ride bikes. But historically, this joy on two wheels would come to a screeching halt when you traveled because the equipment was too difficult to transport. The dedicated would turn to rentals, however there was always a problem of finding a good bike and knowing where to ride in an unfamiliar land. And for the most part, there was no such thing as advanced reservations. If you found a place that rents, you pretty much just walked in and chose from what was available. <br>And to help consumers make the best choice, bikes are presented with photos and pricing to help them find the perfect bike. A secured checkout collects a reservation deposit fee, which is followed by a printed confirmation to make the transaction as safe as it is easy.</p>
<p>The business was introduced to the bike industry in the Fall of 2008 and was an overnight hit. Hundreds of shops signed up even before the business was officially introduced to consumers. Just as the business promised to easily solve problems for cyclists, Les Vélos solved problems for bike shops and helped them capture a new revenue stream. If you’re thinking Win-Win here, you’re right!</p>
</div>
<div>
<h1 id="ben">Benefits of Cycling </h1>
<p id="Benefits"> <u> Health benefits of regular cycling: </u> <br>
>Health benefits of regular cycling <br>
>increased cardiovascular fitness. <br>
>increased muscle strength and flexibility. <br>
>improved joint mobility. <br>
>decreased stress levels. <br>
>improved posture and coordination. <br>
>strengthened bones. <br>
>decreased body fat levels. <br>
>prevention or management of disease.
</p>
</div>
</body>
<footer>
<h2 id="contact">Contact Us at our Toll Free Number: 1800 102 2324 <h2>
<ul id="social">
<a href="https://www.instagram.com/explore/tags/cycling/?hl=en" target="_blank"><button><li>Instagram</li></button></a>
<a href="https://twitter.com/cyclingweekly?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor" target="_blank"><button><li>Twitter</li></button></a>
<a href="https://www.facebook.com/CyclistMag/" target="_blank"><button><li>Facebook</li></button></a>
</ul>
<p>Find us in the following cities: | Hyderabad (Head Office) | Mumbai | Bengaluru |</p>
</footer>
</html>