Skip to content

Commit c58deae

Browse files
zack047zack047
authored
Add files via upload
1 parent 9f71160 commit c58deae

18 files changed

+694
-0
lines changed

‎aboutus.html‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
7+
<title> An About Us Page </title>
8+
<link rel="stylesheet" href="abtus.css">
9+
</head>
10+
<body>
11+
<section class="about-us">
12+
<div class="about">
13+
<img src="/images/z900.jpg" class="pic">
14+
<div class="text">
15+
<h2>About Us</h2>
16+
<h5>Motor Dealers ,<span>Modifiers</span></h5>
17+
<p>We are a reputable name in the motorcycle industry,
18+
offering high-end motor dealership services.
19+
Working with the greatest luxury motorbike manufacturers
20+
in the world, we offer timely, secure, and scratch-free deliveries.
21+
We also offer quality services at competitive prices.</p>
22+
<div class="data">
23+
<a href="home.html" class="hire">VISIT US</a>
24+
</div>
25+
</div>
26+
</div>
27+
</section>
28+
</body>
29+
</html>

‎abtus.css‎

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500&display=swap');
2+
*{
3+
margin: 0;
4+
padding: 0;
5+
box-sizing: border-box;
6+
font-family: 'Poppins', sans-serif;
7+
}
8+
.about-us{
9+
height: 100vh;
10+
width: 100%;
11+
padding: 90px 0;
12+
background: #ddd;
13+
}
14+
.pic{
15+
height: auto;
16+
width: 302px;
17+
}
18+
.about{
19+
width: 1130px;
20+
max-width: 85%;
21+
margin: 0 auto;
22+
display: flex;
23+
align-items: center;
24+
justify-content: space-around;
25+
}
26+
.text{
27+
width: 540px;
28+
}
29+
.text h2{
30+
font-size: 90px;
31+
font-weight: 600;
32+
margin-bottom: 10px;
33+
34+
}
35+
.text h5{
36+
font-size: 22px;
37+
font-weight: 500;
38+
margin-bottom: 20px;
39+
}
40+
span{
41+
color: #4070f4;
42+
}
43+
.text p{
44+
font-size: 18px;
45+
line-height: 25px;
46+
letter-spacing: 1px;
47+
}
48+
.data{
49+
margin-top: 30px;
50+
}
51+
.hire{
52+
font-size: 18px;
53+
background: #4070f4;
54+
color: #fff;
55+
text-decoration: none;
56+
border: none;
57+
padding: 8px 25px;
58+
border-radius: 6px;
59+
transition: 0.5s;
60+
}
61+
.hire:hover{
62+
background: #000;
63+
border: 1px solid #4070f4;
64+
}

‎bokng.css‎

Lines changed: 68 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,68 @@
1+
body {
2+
margin: 0;
3+
padding: 0;
4+
font-family: sans-serif;
5+
background: url(images/tramp\ r3.jpg);
6+
7+
}
8+
9+
.sign-up-form {
10+
width: 500px;
11+
height: 900px;
12+
box-shadow: 0 3px 0 rgba(0, 0, 0, 0.3);
13+
background: #fff;
14+
padding: 55px 80px;
15+
margin: 5% auto 0;
16+
margin-bottom: 5% auto 0;
17+
text-align: center;
18+
border-radius: 3%;
19+
}
20+
21+
.sign-up-form h1 {
22+
color: #ff00009f;
23+
margin-bottom: 30px;
24+
}
25+
26+
.input-box {
27+
28+
padding: 10px;
29+
margin: 10px 0;
30+
width: 100%;
31+
border: 1px solid #999;
32+
outline: none;
33+
border-radius: 40px;
34+
35+
}
36+
37+
button {
38+
39+
40+
color: rgb(255, 0, 0);
41+
width: 50%;
42+
padding: 10px;
43+
44+
font-size: 20px;
45+
margin: 10px 0;
46+
border: none;
47+
outline: none;
48+
cursor: pointer;
49+
border-radius: 40px;
50+
}
51+
52+
.signup-btn
53+
{
54+
background-color: #f6ff00;
55+
}
56+
a{
57+
text-decoration: none;
58+
}
59+
.or{
60+
background: #fff;
61+
width: 30px;
62+
margin: -19px auto 10px;
63+
64+
}
65+
66+
img{
67+
width: 70px;
68+
}

‎book.html‎

Lines changed: 86 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,86 @@
1+
<html>
2+
<head>
3+
<link rel="stylesheet" href="/bokng.css">
4+
5+
<script type="text/javascript">
6+
function validatnme()
7+
{
8+
with(document.forms.register)
9+
{
10+
var no1= register.t1.value;
11+
re=/[\d]/
12+
if(re.test(no1))
13+
{
14+
alert("Invalid Firstname")
15+
}
16+
else{
17+
alert("Valid FirstName");
18+
}
19+
20+
}
21+
}
22+
function validateno()
23+
{
24+
with(document.forms.register)
25+
{
26+
var no= register.t2.value;
27+
re=/[\D]/
28+
if(re.test(no))
29+
{
30+
alert("InValid Phone Number");
31+
}
32+
else
33+
{
34+
alert("Valid Phone number")
35+
}
36+
37+
38+
}
39+
}
40+
41+
function mail()
42+
{
43+
with(document.forms.register)
44+
{
45+
var mail=register.t4.value;
46+
var pass=mail.indexOf('@gmail.com')
47+
if(pass!=-1){
48+
alert("Correct Email Id")
49+
}
50+
else
51+
{
52+
alert("Incorrect Email id")
53+
}
54+
}
55+
56+
}
57+
58+
function display()
59+
{
60+
mail();
61+
validateno();
62+
validatnme();
63+
}
64+
65+
</script>
66+
</head>
67+
<body>
68+
<div class="sign-up-form">
69+
<form name="register">
70+
<h1> Book Your Appointment at Thoro<b>TT</b>le</h1>
71+
<br><label>First Name:</label><br>
72+
<input type="text" name="t1" class="input-box" placeholder="Enter your First Name"><br>
73+
<br><label>Last Name:</label><br>
74+
<input type="password" name="t3" class="input-box" placeholder="Enter Lastname" maxlength="8"class="input-box"><br>
75+
<br><label>Contact No.</label><br>
76+
<input type="text" name="t2" class="input-box" placeholder="Enter your Contact No. " maxlength="10" class="input-box" ><br>
77+
<br><label>Email Id:</label><br>
78+
<input type="email" name="t4" class="input-box" placeholder="Enter Your Email"><br><br>
79+
<label>Choose Your Date of VISIT</label>
80+
<input type="date" class="input-box">
81+
<br><br>
82+
<button type="submit" onclick="display()" class="signup-btn">Submit</button><br>
83+
</form>
84+
</div>
85+
</body>
86+
</html>

‎home.html‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title></title>
5+
<link rel="stylesheet" type="text/css" href="style.css">
6+
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap" rel="stylesheet">
7+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">
8+
</head>
9+
<body>
10+
11+
<header>
12+
13+
<nav>
14+
<div class="logo"> <h1 style="font-size: 20px;"> Thro<B>TT</B>le </h1> </div>
15+
<div class="menu">
16+
<a href="/login form.html" style="font-size:20px">Login</a>
17+
<a href="/book.html">Book</a>
18+
<a href="aboutus.html" >about</a>
19+
</div>
20+
</nav>
21+
22+
<main>
23+
<section>
24+
<h3>Welcome To <div id="red">Throttle</h3></div>
25+
<h1>WE DEAL WITH <span class="change_content"> </span>
26+
<span style="margin-top: -10px;">
27+
</span> </h1>
28+
<p class="p">"Keep Healthy, Ride Everyday"</p>
29+
<a href="/aboutus.html" class="btnone">learn more</a>
30+
<a href="/regform.html" class="btntwo">signup here</a>
31+
</section>
32+
</main>
33+
</header>
34+
</body>
35+
</html>

‎images/beneli.jpg‎

104 KB
Loading

‎images/ducati panigale.jpg‎

33.5 KB
Loading

‎images/login.jpg‎

67.9 KB
Loading

‎images/taj.jpg‎

88.2 KB
Loading

‎images/tramp r3.jpg‎

43.2 KB
Loading

0 commit comments

Comments
 (0)