-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
158 lines (124 loc) · 6.67 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Mikes Route delivery your package, making it safely reach Key West. It´s your solution to waste of time and gas.">
<meta property="og:title" content="Reliable Package Delivery to Key West">
<meta property="og:description" content="Mikes Route secure your package, making it safely reach Key West! It´s your solution to waste of time and gas.">
<meta property="og:image" content="images/logo.png">
<meta property="og:url" content="https://ms-guilherme.github.io/Mikes-Route/">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Mikes Route">
<title>Mikes Route - Reliable Package Delivery</title>
<link rel="shortcut icon" href="images/logo.png" type="image/x-icon">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div id="company">
<img src="images/logo.png" alt="Key West View">
<div><span>M</span>ikes Route</div>
</div>
<div class="menu">
<a href="#sec-hero">Home</a>
<a href="#sec-proposal">Proposal</a>
<a href="#sec-reviews">Reviews</a>
<a href="#sec-contact">Contact</a>
<img src="images/bars-icon.png" alt="Menu Opener" onclick="openMenu()">
</div>
<div id="menu2" class="menu">
<a href="#sec-hero">Home</a>
<a href="#sec-proposal">Proposal</a>
<a href="#sec-reviews">Reviews</a>
<a href="#sec-contact">Contact</a>
</div>
<div id="call"><img src="images/phone.png" alt="">Call (954) 348-2964</div>
</header>
<section id="sec-hero">
<div id="hero-content">
<h1>We save your time</h1>
<p>Trust Mikes Route to <b>secure your package</b>, making it reach Key West by <i>our</i> investiment of time and gas!</p> <br>
<p>Our commitment to excellence ensures <i>reliable</i> delivery, providing peace of mind with every shipment.</p> <br>
<p>Check our Proposal Details and see how we do it!</p>
<div id="content-btns">
<a class="btn btn-low" href="#sec-proposal">Proposal</a>
<a class="btn" href="#sec-contact">Save Time</a>
</div>
</div>
<div id="hero-bg">
<div id="bg-form-conteiner">
<h2>Contact Us</h2>
<form action="" id="bg-form">
<input type="text" placeholder="Your name..." required title="Your Name">
<input type="tel" placeholder="Your phone number..." required title="Your Phone Number">
<input style="display: none;" type="email" placeholder="Your best email..." required title="Your Email">
<div>
<input class="btn btn-low" type="button" value="Use Email" onclick="formWithEmail()">
<input class="btn" type="submit" value="CONTACT">
</div>
</form>
</div>
</div>
</section>
<section id="sec-proposal">
<h1>We <i>will</i> delivery it</h1>
<p>Mikes Route mission is that you <b>truly forget the pain of driving for hours and hours</b> along the repetitive route to <i>Key West</i>, only to turn around and repeat it again.</p>
<p><b>We made it for you</b>. Give us items and some point at Key West to delivery it, that it <i>will be delivered</i>.</p>
<div id="perks">
<div>
<img src="images/lock.png" alt="Secure and Private Delivery">
<h2>Secure and Private</h2>
<p>Packets always remain private and untouched, while safely wrapped and contained</p>
</div>
<div>
<img src="images/gps.png" alt="Monitoring of our Current Location">
<h2>Monitoring</h2>
<p>You can easily check the current location and time-arrival of your itens</p>
</div>
<div>
<img src="images/package.png" alt="">
<h2>Comprehensive Transport</h2>
<p>From packages, documents, and fragile items to furniture, vehicles, and more!<br>We got you covered</p>
</div>
</div>
</section>
<section id="sec-reviews">
<div id="sec-review-txt">
<h1>We <i>are</i> delivering <span>it</span></h1>
<p>Check out some of our recent clients!</p> <br> <br>
</div>
<div id="reviews-conteiner">
<div class="review">
<img src="images/client.png" alt="Client Henry D.">
<h2>Henry D.</h2>
<p>from Miami Downtown</p>
<p>"I had an urgent document that needed to be delivered to Key West, and this service was a lifesaver! The pickup was prompt, and the delivery was on time as promised.<br>I received regular updates on the status of my package, and the whole process was seamless. Highly recommend this service for anyone in need of reliable and fast delivery!"</p>
</div>
<div class="review">
<img src="images/client.png" alt="Client Sara L.">
<h2>Sara L.</h2>
<p>from Miami Beach</p>
<p>"Excellent service! I regularly need to send items to my business partner in Key West, and this company has never let me down.<br>Packages always arrive on time, and I appreciate the transparency with the tracking updates. Couldn't ask for a better delivery service!"</p>
</div>
</div>
</section>
<section id="sec-contact">
<div id="contact-bg">
<div id="contact-form-conteiner">
<h1>Contact Us</h1>
<form action="" id="contact-form">
<input type="text" placeholder="Your name..." required title="Your Name">
<input type="email" placeholder="Your best email..." required title="Your Email">
<input type="tel" placeholder="Your phone number..." required title="Your Phone Number">
<div>
<input class="btn" type="submit" value="CONTACT">
</div>
</form>
</div>
</div>
</section>
<script src="https://cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js"></script> <!--EmailJs-->
<script src="script.js"></script>
</body>
</html>