-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
128 lines (111 loc) · 4.83 KB
/
index.php
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
<!DOCTYPE html>
<?php
session_start();
?>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="main.js"></script>
<script src="main2.js"></script>
<link href="style1.css" rel="stylesheet">
<title>sharetheride!</title>
<link rel="icon" href="/assets/STR!.svg" type="image/x-icon">
</head>
<div class="nav">
<input type="checkbox" id="nav-check">
<div class="nav-header-phone">
<a href="#search"><i class="fa-solid fa-magnifying-glass"></i></a>
<div class="nav-title-phone" id="brand-small">
<a style="text-decoration: none;" href="index">str!</a>
</div>
</div>
<div class="nav-header">
<div class="nav-title" id="brand">
<a style="text-decoration: none;" href="index">sharetheride!</a>
</div>
</div>
<div class="nav-btn">
<label for="nav-check">
<span></span>
<span></span>
</label>
</div>
<div style="margin-top: -46.4px;" class="nav-links">
<a href="login">Login</a>
<a href="signup">Signup</a>
<a href="about.php">About Us</a>
<a href="#contactus">Contact Us</a>
</div>
</div>
<div style="margin-top: 50px;" class="bg1"></div>
<h1 class="heading">Hop in crack a window let's get back out there</h1>
<div class="ride-search-container">
<div class="content-width">
<input type="text" name="destination" id="destination" placeholder=" Where are you going?">
<a href="signup.php"><div style="background-color: rgba(0,0,0,0);" id="display2"></div></a>
</div>
</div>
<div class="row">
<div class="column">
<i class="fas fa-coins"></i>
<h3>Your pick of rides at low prices</h3>
<p>No matter where you're going, by carpool, find the perfect ride from our wide range of destinations and routes at low prices.</p>
</div>
<div class="column">
<i class="fas fa-user-check"></i>
<h3>Trust who you travel with</h3>
<p>We take the time to get to know each of our members. We check reviews, profiles and IDs, so you know who you're travelling with and can book your ride at ease on our secure platform.</p>
</div>
<div class="column">
<h1>Let's ride</h1>
<a href="/login"><button class="login">Login</button></a>
<a href="/signup"><button class="signup">Signup</button></a>
</div>
</div>
<section class="testimonials">
<h2 class="testimonials-title">See what our users say</h2>
<div class="container">
<div class="slides">
<div id="slide-1" class="slide-ctrl"></div>
<div id="slide-2" class="slide-ctrl"></div>
<div id="slide-3" class="slide-ctrl"></div>
<figure class="slide">
<blockquote class="testimonial">
<p>"My motto is very simple. It doesn't cost you a penny to be nice and kind, but it will cost you everything if you're not. If I'm free and somebody needs my help, I'll be the first one to jump in, in a heartbeat." <b> - Vaibhav</b></p>
</blockquote>
</figure>
<figure class="slide">
<blockquote class="testimonial">
<p>"I'm a disabled Marine Corps veteran, and because of my disability, I'm no longer able to work in a structured environment. The few hours a week that I drive connects me to my community and gives me extra money to help make ends meet." <b> - Ahmad</b></p>
</blockquote>
</figure>
<figure class="slide">
<blockquote class="testimonial">
<p>"Driving with STR! is the perfect way to make money and be there for my family's needs. I love providing a way to get my passengers from point A to B. Independence is key for me, and I enjoy meeting new people while driving!"<b> - Ayush</b></p>
</blockquote>
</figure>
<div class="slides-ctrl">
<a href="#slide-1" class="slide-btn"><button></button></a>
<a href="#slide-2" class="slide-btn"><button></button></a>
<a href="#slide-3" class="slide-btn"><button></button></a>
</div>
</div>
</div>
</section>
<div id="contactus">
<div class="bottom-container">
<span>
<label>© 2022 sharetheride!</label>
</span>
<p>Contact Us</p>
<a href="#"><i class="fas fa-envelope"></i></a>
<a href="#"><i class="fa-brands fa-facebook"></i></a>
<a href="#"><i class="fa-brands fa-instagram-square"></i></a>
<a href="#"><i class="fa-brands fa-twitter"></i></a>
<p><a style="color: rgb(50,55,60);" id="callus" href="tel:+919426981496">Call us for query<br><b>+919426981496</b></a></p>
</div>
</div>
</body>
</html>