<!-- wp:code -->
<pre class="wp-block-code"><code><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <title>Moving Objects Worldwide - Freight Forwarding Service</title>
<style>
/* Base styling */
body {
font-family: Arial, sans-serif;
line-height: 1.6;
background: #f7f7f7;
color: #333;
margin: 0;
padding: 0;
}
.container {
width: 90%;
max-width: 1200px;
margin: auto;
padding: 0 20px;
}
header {
background: #004f9f;
color: #fff;
padding: 20px 0;
}
header h1 {
margin: 0;
font-size: 2.5em;
}
nav ul {
list-style: none;
padding: 0;
margin: 10px 0 0;
}
nav ul li {
display: inline;
margin-right: 15px;
}
nav ul li a {
color: #fff;
text-decoration: none;
font-weight: bold;
}
.hero {
background: url('your-hero-image.jpg') no-repeat center center/cover;
height: 300px;
display: flex;
align-items: center;
justify-content: center;
}
.hero h2 {
color: #fff;
font-size: 3em;
text-align: center;
background: rgba(0, 0, 0, 0.5);
padding: 10px 20px;
border-radius: 5px;
}
section {
background: #fff;
margin: 20px 0;
padding: 40px 20px;
border-radius: 5px;
}
section h2 {
color: #004f9f;
margin-bottom: 20px;
}
.service-item {
margin-bottom: 20px;
}
.service-item h3 {
margin-bottom: 10px;
color: #333;
}
form div {
margin-bottom: 15px;
}
label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
input[type="text"],
input[type="email"],
input[type="tel"],
select,
textarea,
input[type="file"] {
width: 100%;
padding: 8px;
border: 1px solid #ddd;
border-radius: 4px;
}
button {
background: #004f9f;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
}
button:hover {
background: #003f7f;
}
footer {
text-align: center;
padding: 20px;
background: #333;
color: #fff;
margin-top: 20px;
}
</style>
</head>
<body>
<header>
<div class="container">
<h1>Moving Objects Worldwide</h1>
<nav>
<ul>
<li><a href="#services">Services</a></li>
<li><a href="#about">About</a></li>
<li><a href="#booking">Booking</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</div>
</header>
<section class="hero">
<div class="container">
<h2>Global Freight Forwarding & Logistics</h2>
</div>
</section>
<section id="services" class="container">
<h2>Our Services</h2>
<div class="service-item">
<h3>Air Freight</h3>
<p>Experience rapid, reliable air freight shipping to any destination worldwide. We manage every detail of your shipment so that your cargo arrives safely, swiftly, and on schedule.</p>
</div>
<div class="service-item">
<h3>Ocean Freight</h3>
<p>Our ocean freight solutions offer efficient, cost-effective shipping options for large volumes. Whether you need Less Than Container Load (LCL) or Full Container Load (FCL), our complete door-to-door service has you covered.</p>
</div>
<div class="service-item">
<h3>Household Goods</h3>
<p>Moving homes or offices internationally? Our specialized household goods service ensures a seamless and stress-free transition, with careful handling and close coordination every step of the way.</p>
</div>
<div class="service-item">
<h3>All Routes Open</h3>
<p>No matter your destination, our extensive global network ensures that your freight reaches any corner of the globe. Every path is clear for your business.</p>
</div>
</section>
<section id="about" class="container">
<h2>About Us</h2>
<p>
At Moving Objects Worldwide, we deliver more than just a service—we deliver a commitment to your global success. Our experienced logistics professionals, combined with a strategic worldwide network, guarantee that your cargo, whether household goods or business shipments, arrives safely and efficiently. This is our promise.
</p>
</section>
<section id="booking" class="container">
<h2>Booking Request</h2>
<p>Submit your booking request online. Fill in your shipment details below, and if needed, include your EDI information for seamless electronic data exchange.</p>
<form action="/submit-booking" method="POST" enctype="multipart/form-data">
<div>
<label for="name">Full Name:</label>
<input type="text" id="name" name="name" required>
</div>
<div>
<label for="email">Email Address:</label>
<input type="email" id="email" name="email" required>
</div>
<div>
<label for="phone">Phone Number:</label>
<input type="tel" id="phone" name="phone" required>
</div>
<div>
<label for="service-type">Service Type:</label>
<select id="service-type" name="service_type" required>
<option value="">--Choose a Service--</option>
<option value="air-freight">Air Freight</option>
<option value="ocean-freight">Ocean Freight</option>
<option value="household-goods">Household Goods</option>
</select>
</div>
<div>
<label>
<input type="checkbox" id="edi-capable" name="edi_capable"> Include EDI Integration
</label>
</div>
<div id="edi-info" style="display:none;">
<div>
<label for="edi-reference">EDI Reference Number:</label>
<input type="text" id="edi-reference" name="edi_reference">
</div>
<div>
<label for="edi-file">Upload EDI File (if applicable):</label>
<input type="file" id="edi-file" name="edi_file">
</div>
</div>
<div>
<label for="shipment-details">Shipment Details:</label>
<textarea id="shipment-details" name="shipment_details" rows="5" required></textarea>
</div>
<div>
<button type="submit">Submit Booking Request</button>
</div>
</form>
<script>
// Toggle the EDI fields based on the checkbox
document.getElementById('edi-capable').addEventListener('change', function(){
var ediInfo = document.getElementById('edi-info');
ediInfo.style.display = this.checked ? 'block' : 'none';
});
</script>
</section>
<section id="contact" class="container">
<h2>Contact Us</h2>
<p>If you have questions or need a custom quote, our team is here to support you.</p>
<p>Email: <a href="mailto:info@movingobjectsworldwide.com">info@movingobjectsworldwide.com</a></p>
<p>Phone: +1 (404) 797-7779 </p>
</section>
<footer>
<p>&copy; 2025 Moving Objects Worldwide LLC. All Rights Reserved.</p>
</footer>
</body>
</html>
</code></pre>
<!-- /wp:code -->