HOME
<!DOCTYPE html>
<html>
<head>
<div style="background-color: #d4edda; border: 1px solid #c3e6cb; padding: 10px 15px; border-radius:
6px; display: flex; align-items: center; gap: 10px;">
</div>
<title>AUWAL MOTORCYCLE SELLING COMPANY BALI</title>
<link rel="stylesheet" href="[Link]">
</head>
<body>
<header>
<h1>AUWAL MOTORCYCLE SELLING COMPANY BALI</h1>
<nav>
<a href="[Link]">Home</a>
<a href="[Link]">About</a>
<a href="[Link]">Contact</a>
<a href="[Link]">Cars</a>
<a href="[Link]">Buy Now</a>
</nav>
</header>
<div style="background-color: #d4edda; border: 1px solid #c3e6cb; padding: 10px 15px; border-radius: 6px;
display: flex; align-items: center; gap: 10px;">
<strong style="color: #155724; white-space: nowrap;">⚠ Important Notice:</strong>
<marquee behavior="scroll" direction="left" scrollamount="5" style="color: #155724; font-weight: 500;
white-space: nowrap;">
Please read the terms, conditions and guidelines carefully before proceeding. You can buy as much as you
want. Our motorcycle are all in good condition, remember no refund after payment</marquee>
</div>
<main>
<section class="car-list">
<h2>Available Cars</h2>
<div class="car">
<img src="car [Link]" alt="Car 1">
<h3>MotorCycle 1</h3>
<p>Price: 100,000,000</p>
<button>View Details</button>
</div>
<div class="car">
<img src="car [Link]" alt="Car 2">
<h3>MotorCycle 2</h3>
<p>Price: 15,000,000</p>
<button>View Details</button>
</div>
</section>
</main>
<!-- Footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-md-6 mb-4 mb-md-0">
<h5 class="mb-3">MOTOR CYCLE COMPANY</h5>
<p>Official buying platform for all kind and types of motor cycle of Awwal company Bali</p>
</div>
<div class="col-md-6 mb-4 mb-md-0">
<h5 class="mb-3">Contact</h5>
<ul class="list-unstyled">
<li class="mb-2"><i class="fas fa-envelope me-2"></i> info@[Link]</li>
<li><i class="fas fa-map-marker-alt me-2"></i> Awwal Motorcycle Company</li>
</ul>
</div>
</div>
<hr class="my-4 bg-light">
<div class="text-center">
<p class="mb-0">© 2025 MOTORCYCLE. All rights reserved. | Awwal Motorcycle Company
(AMC)</p>
</div>
</div>
</footer>
</body>
</html>
ABOUT
<html>
<head>
<title>About Us</title>
<style>
header {
background-color:green;
color: white;
padding: 20px;
text-align: center;
font-family: "Times New Roman", Times, serif;
}
h1 {
background-color: green;
color: white;
padding: 20px;
text-align: center;
font-family: Times New Roman;
font-size: 200%
}
nav {
background-color: green;
color: white;
padding: 10px;
text-align: center;
decoration: none;
}
img {
display: block;
margin: 40px auto;
width: 70%;
height: auto;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
</style>
<nav>
<a href="[Link]">Home</a>
<a href="[Link]">About</a>
<a href="[Link]">Contact</a>
<a href="[Link]">Cars</a>
<a href="[Link]">Buy Now</a>
</nav>
<main>
<section class="about-us">
<h1>WELCOME TO OUR AUWAL MOTORCYCLE COMPANY BALI</h1>
<h2> ABOUT </h2>
<p>Located in the heart of Bali, AUWAL Motorcycle Selling Company is a reputable dealership
specializing in high-quality motorcycles. With a wide range of models and brands to choose from, AUWAL
caters to diverse riding needs and preferences. </p>
<div class="brand-story">
</div>
<div class="design-mission">
<h2>OUR MISSION</h2>
At AUWAL, we're committed to providing exceptional customer service, ensuring a seamless buying experience
for motorcycle enthusiasts. Our knowledgeable staff are passionate about bikes and dedicated to helping you find
the perfect ride.
</div>
<div class="values">
<h2>OUR PRODUCTS</h2>
<ul>
AUWAL offers an extensive selection of new and used motorcycles from top brands, including:
<li>Scooters</li>
<li>Sport bikes</li>
<li>Touring motorcycles</li>
<li>Off-road bikes</li>
</ul>
</div>
<div class="meet-the-designer">
<h2>WHY CHOOSE US</h2>
<ul>
<li>Competitive pricing</li>
<li>Excellent customer service</li>
<li>Wide range of models and brands</li>
<li>Knowledgeable staff</li>
<li>Convenient location in Bali</li>
</ul>
</div>
</main>
</body>
</html>
CONTACT US
<!DOCTYPE html>
<html>
<head>
<title>Forms</title>
<style>
header {
background-color: green;
color: white;
padding: 20px;
text-align: center;
font-family: "Times New Roman", Times, serif;
}
nav {
background-color: green;
color: white;
padding: 10px;
text-align: center;
decoration: none;
}
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
form {
max-width: 500px;
margin: 40px auto;
padding: 20px;
background-color: green;
border: 1px solid #ccc;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
label {
display: block;
margin-bottom: 10px;
}
input[type="text"], input[type="email"], textarea, select {
width: 100%;
height: 40px;
margin-bottom: 20px;
padding: 10px;
border: 1px solid #ccc;
}
textarea {
height: 100px;
resize: vertical;
}
input[type="submit"] {
background-color: red;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}
input[type="submit"]:hover {
background-color: green;
</style>
</head>
<header>
<a href="[Link]">About</a>
<a href="[Link]">Contact</a>
<a href="[Link]">Cars</a>
<a href="[Link]">Buy Now</a>
</header>
<nav>
<marquee>
YOU CAN CONTACT US HERE BY FILLING THE FORM
</marquee>
</nav>
<body>
<form>
<h2>Contact Us</h2>
<label for="name">First Name:</label>
<input type="text" id="name" name="name" required>
<label for="name">Middle Name:</label>
<input type="text" id="name" name="name" required>
<label for="name">Last Name:</label>
<input type="text" id="name" name="name" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<label for="phone">Phone:</label>
<input type="tel" id="phone" name="phone" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" required>
<label for="message">Message:</label>
<textarea id="message" name="message" required></textarea>
</select>
<center>
<input type="submit" value="Submit">
</center>
</form>
</body>
</body>
</html>
CARS
<html>
<head>
<title>Calibars Product</title>
<style>
header {
background-color: green;
color: white;
padding: 20px;
text-align: center;
font-family: Times New Roman;
fieldset
}
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: white;
}
.image-container {
position: relative;
display: inline-block;
margin: 10px;
}
.price-tag {
position: absolute;
top: 10px;
right: 10px;
background-color: white;
padding: 5px;
border-radius: 5px;
font-weight: bold;
}
img {
width: 200px;
height: 150px;
border-radius: 10px;
}
</style>
</head>
<body bgcolor="green">
<header>
<center>
<nav>
<a href="[Link]">About</a>
<a href="[Link]">Contact</a>
<a href="[Link]">Cars</a>
<a href="[Link]">Buy Now</a>
</nav>
AVAILABLE MOTORCYCLES AND THEIR PRICES.<hr color="white">
</center>
</header>
<center>
</center>
<center>
<div>
<marquee>
<div class="image-container">
<img src="car [Link]" alt="Image 1">
<span class="price-tag"> ₦500,000</span>
</div>
<div class="image-container">
<img src="car [Link]" alt="Image 2">
<span class="price-tag"> ₦3,000,000</span>
</div>
<div class="image-container">
<img src="car [Link]" alt="Image 3">
<span class="price-tag"> ₦20,500,000</span>
</div>
<div class="image-container">
<img src="car [Link]" alt="Image 4">
<span class="price-tag"> ₦4,000,000</span>
</div>
</marquee>
<div class="image-container">
<img src="car [Link]" alt="Image 5">
<span class="price-tag"> ₦6,000,000</span>
</div>
<div class="image-container">
<img src="car [Link]" alt="Image 6">
<span class="price-tag"> ₦1,500,000</span>
</div>
<div class="image-container">
<img src="car [Link]" alt="Image 7">
<span class="price-tag"> ₦8,000,000</span>
</div>
<div class="image-container">
<img src="car [Link]" alt="Image 8">
<span class="price-tag"> ₦9,000,000</span>
</div>
<marquee>
<div class="image-container">
<img src="car [Link]" alt="Image 9">
<span class="price-tag"> ₦7,000,000</span>
</div>
<div class="image-container">
<img src="car [Link]" alt="Image 10">
<span class="price-tag"> ₦10,000,000</span>
</div>
<div class="image-container">
<img src="car [Link]" alt="Image 10">
<span class="price-tag"> ₦12,000,000</span>
</div>
<div class="image-container">
<img src="car [Link]" alt="Image 10">
<span class="price-tag"> ₦10,000,000</span>
</div>
</marquee>
<div class="image-container">
<img src="car [Link]" alt="Image 10">
<span class="price-tag"> ₦60,000,000</span>
</div>
<div class="image-container">
<img src="car [Link]" alt="Image 10">
<span class="price-tag"> ₦9,000,000</span>
</div>
<div class="image-container">
<img src="car [Link]" alt="Image 10">
<span class="price-tag"> ₦10,000,000</span>
</div>
<div class="image-container">
<img src="car [Link]" alt="Image 10">
<span class="price-tag"> ₦90,000,000</span>
</div>
</center>
</body>
</html>
<!DOCTYPE html>
BUY
<!DOCTYPE html>
<html>
<head>
<title>Forms</title>
<style>
header {
background-color: green;
color: white;
padding: 20px;
text-align: center;
font-family: "Times New Roman", Times, serif;
}
nav {
background-color: green;
color: white;
padding: 10px;
text-align: center;
decoration: none;
}
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
form {
max-width: 500px;
margin: 40px auto;
padding: 20px;
background-color: green;
border: 1px solid #ccc;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
label {
display: block;
margin-bottom: 10px;
}
input[type="text"], input[type="email"], textarea, select {
width: 100%;
height: 40px;
margin-bottom: 20px;
padding: 10px;
border: 1px solid #ccc;
}
textarea {
height: 100px;
resize: vertical;
}
input[type="submit"] {
background-color: red;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}
input[type="submit"]:hover {
background-color: green;
</style>
</head>
<header>
<a href="[Link]">Home</a>
<a href="[Link]">About</a>
<a href="[Link]">Contact</a>
<a href="[Link]">Cars</a>
<a href="[Link]">Buy Now</a>
</header>
<nav>
<marquee>
COMPLETE THE DELIVERY FORM BELOW, MAKE SURE YOUR INFORMATION
ARE CORRECT BEFORE SUBMITTING
</marquee>
</nav>
<body>
<form>
<h2>PURCHASE FORM</h2>
<label for="name">First Name:</label>
<input type="text" id="name" name="name" required>
<label for="name">Middle Name:</label>
<input type="text" id="name" name="name" required>
<label for="name">Last Name:</label>
<input type="text" id="name" name="name" required>
<label for="name">Address:</label>
<input type="text" id="name" name="name" required>
<label for="name">Postal Code:</label>
<input type="text" id="name" name="name" required>
<label for="name">Nearby Bus Stop:</label>
<input type="text" id="name" name="name" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<label for="phone">Phone 1:</label>
<input type="tel" id="phone" name="phone" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" required>
<label for="phone">Phone 2:</label>
<input type="tel" id="phone" name="phone" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" required>
<label for="message">Message:</label>
<textarea id="message" name="message" required></textarea>
<label for="topic">Payment Method:</label>
<select id="topic" name="topic">
<option value="general">Card Payment</option>
<option value="Payment">Wallet Payemnt</option>
<option value="Request">Transfer</option>
<option value="Request">Cash Upon Delivery</option>
</select>
<center>
<input type="submit" value="Submit">
</center>
</form>
</body>
</body>
</html>
