-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
115 lines (115 loc) · 4.12 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
<!doctype html>
<html>
<head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400&family=Lato:ital,wght@1,300&family=Roboto&display=swap"
rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic' rel='stylesheet'
type='text/css'>
<link rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" href="asset/img/byclex32.png" type="image/x-icon">
<meta name="viewport" content="width=device-width, initial-scale=.9, maximum-scale=1">
<title>Runran-Bike food delivery</title>
</head>
<body>
<!--header content ⇓ -->
<div class="header">
<div class="container">
<a href="index.html"><img src="asset/img/logo.svg" alt="logo Runran" class="header__logo"></img></a>
<ul>
<li><a href="https://github.com/antonionce" target="_blank">Github</a></li>
<li><a href="#categorie1">Our Services</a></li>
<li><a href="aboutus.html">About us</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
</div>
<!--jumbotron content ⇓ -->
<div class="jumbotron">
<div class="container">
<h2>We are agile ready for <span>food delivery service.</span><br>
"We will go in a hurry with your order"
</h2>
</div>
</div>
<!--banner content ⇓ -->
<div class="banner">
<div class="container">
<h2>Our philosophy.</h2>
<p>Make food delivery service fast and sustainable.</p>
</div>
</div>
<!--area of services ⇓ -->
<div class="container">
<h2 class="container__blue__title">Services</h2>
<div class="services">
<div class="services--center">
<div class="services--row">
<div class="services--categories" id="categorie1">
<h2>Bike delivery</h2>
</div>
<div class="services--categories" id="categorie2">
<h2>Shipments</h2>
</div>
<div class="services--categories" id="categorie3">
<h2>Eco-packaging</h2>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<h2 class="container__blue__title">Our solution</h2>
</div>
<!--area of description solution ⇓ -->
<div class="container">
<div class="container--description">
<img src="asset/img/restaurant-app.jpg" alt="runran app">
<div class="description__content">
<h2><span>Bike</span> food deliver</h1>
<p>We know how difficult it can be to implement <br> a delivery service without an ecological impact.</p>
</div>
</div>
</div>
<div class="container">
<div class="container--description">
<div class="description__content">
<h2><span>About</span> food deliver</h1>
<p>Food delivery will invoice more than 2,100 million dollars <br> this year in Mexico, according to forecasts
by <br> Statista Digital Market.</p>
<p>This is a great opportunity to impact communities <br> with high smog emissions</p>
</div>
<img src="asset/img/deliverybag.jpg" alt="runran app">
</div>
</div>
<!--area of container image ⇓ -->
<div class="container">
<div class="container--imagen">
<h2>Our solution</h2>
<p>Ruran solves this with its bicycle delivery platform, delegate the task to us and let's collaborate to make
deliveries more sustainable.Runran is good for restaurants that don't have delivery service because we can start
with $0 implementation cost.</p>
<img src="asset/img/explain app.jpg" alt="">
</div>
</div>
<!--area of container image overlay ⇓ -->
<div class="container">
<h2 class="container__blue__title">Does your restaurant need food delivery service?</h2>
</div>
<div class="container--overlay">
<div class="container--overlay__content">
<h2>Let's collaborate by making deliveries <br>
more sustainable</h2>
<a class="container--overlay__button" href="contact.html">Schedule Appointment</a>
</div>
</div>
<!--area the footer ⇓ -->
<div class="footer">
<h3>Thanks for watching.</h3>
<p>1000 7th Avenue</p>
<p>Mexixo, DF</p>
<p>(484) 192 - 8372</p>
</div>
</body>
</html>