WordPressHTMLCorporate Website

Bus-Template-Theme-Wordpress — WordPress Business Template

By raratravel131-ai

A static single-page website template for Rara Travel & Tour's bus travel and charter business, including homepage carousel, routes, fleet, shop, and blog sample sections.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

1 previews
Desktop homepage
Desktop captureTop of page

Actual screenshot captured by the server browser.

One original preview is available. Open the full image to inspect the design.

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-13View source

What stands out

A quick read of the recorded project description.

01

Single-file index.html with all HTML, CSS, and vanilla JavaScript inline, requiring no build tools or external dependencies

02

Homepage includes three auto carousels: Most Requested, Popular Routes, and Testimonials, with manual controls

03

Sections for services, fleet and amenities, shop, articles, booking form, and payment marquee cover common content for bus travel businesses

04

Switches to a hamburger menu below 768px, reduces font sizes and padding, and keeps carousels and dot navigation usable

05

MIT license allows free use, modification, commercial use, and distribution of this version of the code

Template Details

This template is a static website theme for bus tour, charter, and group travel companies. The repository actually delivers a single index.html file, with all HTML, CSS, and vanilla JavaScript written in the same file, so it can be opened in a browser without build tools or external dependencies. The page structure covers a Hero section (with statistics and CTA), a Most Requested card carousel, a Popular Routes auto carousel, a customer testimonial carousel, service sections (charter, city transfers, tour packages, corporate travel), fleet and amenities (minibuses, coaches, etc.), shop and article samples, a booking form with validation, a payment method marquee, and a sticky navigation with a hamburger menu.

The README describes it as a WordPress theme, but the file structure and usage instructions are written as a static single-file page: content changes require directly editing text, gradients, or image URLs in the HTML, and manually adjusting each carousel's autoplay delay and slide count. The shop and articles in the template are display-only samples; the README explicitly states that to connect a backend such as WooCommerce or a CMS, you need to modify the form and the "Add to Cart" and "Read More" buttons to submit data to a server.

For responsiveness, the page switches to a hamburger menu below 768px width and reduces font sizes and padding, while carousels and dot navigation remain usable. The repository uses the MIT license, allowing free use, modification, commercial use, and distribution of this version of the code, but third-party assets such as demo images, fonts, and icons must be checked separately under their own licenses, and external services such as domain, hosting, and database may incur additional charges.

WordPressHTMLCorporate website

Is it right for your project?

Use Cases

  • Build a static display page for a bus tour, charter, or group travel company
  • Use as a single-page HTML template for demos or prototypes after quickly changing copy and colors
  • Reference its carousel, form validation, and responsive navigation implementations for front-end practice

Suitable For

  • Bus tour, charter, and group travel service providers
  • Front-end developers who need a single-file static page without introducing a build process
  • Teams that want to customize based on MIT-licensed code

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Download or copy index.html to a local project and open it directly in a modern browser (Chrome, Firefox, Edge, Safari) to preview

  2. 2

    Content changes require directly editing the HTML: Most Requested cards are in .trip-card, Popular Routes in #routesTrack, and testimonials in #testimonialTrack

  3. 3

    Carousel autoplay delay is adjusted via AUTOPLAY_DELAY in each script; when adding slides, copy the corresponding card element, and the dot count will adapt automatically

  4. 4

    The shop, articles, and booking form are front-end samples; connecting a backend such as WooCommerce or a CMS requires modifying the submission logic yourself

  5. 5

    Third-party assets such as demo images, fonts, and icons must be checked under their own licenses; external hosting and database services may incur additional charges

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in a public repository; the free scope is the code of this version and does not mean external services or third-party assets are free.

Must comply with when using

  • Free use, modification, commercial use, and distribution of this version of the code are permitted.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • Demo images, fonts, icons, and other third-party assets must be checked under their own licenses and cannot be judged solely by the code's MIT license.
  • External services such as domain, hosting, database, payment, or AI may incur additional charges.
  • The README states that the theme was made for demonstration purposes and can be freely used for personal or commercial projects; that is, the free version is positioned for demonstration use and does not provide production-level guarantees.
  • The shop and articles are front-end samples only; to connect a backend such as WooCommerce or a CMS, you need to modify the form and the "Add to Cart" and "Read More" buttons to submit data to a server.
  • The theme is a single HTML file with no build tools or external dependencies; content changes require directly editing the text, images, and script parameters in that file.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

Tema ini dibuat untuk keperluan demonstrasi dan dapat digunakan secara bebas untuk proyek pribadi atau komersial.

Original README

Jika ingin menghubungkan ke sistem backend (WooCommerce, CMS), Anda perlu memodifikasi form dan tombol "Add to Cart" / "Read More" untuk mengirim data ke server.

Original README

Karena tema ini dibuat dalam satu file HTML, tidak diperlukan build tools atau dependensi eksternal.

Original README
https://github.com/raratravel131-ai/Bus-Template-Theme-Wordpress/blob/main/LICENSEhttps://github.com/raratravel131-ai/Bus-Template-Theme-Wordpress/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-13. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
More documented · 85 / 100
Technologies
WordPress · HTML
Website type
Corporate Website
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2026-06-06
Screenshot last checked
2026-10-13

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies WordPress as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Review declaration: [email protected] · 2026-10-13

Inspect the recorded source material

SHA-256: fe25f1a9794f247af17a29126c38628a0b811fa4a5b8af6f825854c082a4d783

2026-10-13T08:20:04.048Z

Source file / repository
# 🚌 Rara Travel & Tour – Tema Website Transportasi & Travel

Tema website statis modern untuk perusahaan penyedia layanan bus pariwisata, charter, dan perjalanan grup. Dilengkapi dengan slider otomatis pada bagian **Most Requested**, **Popular Routes**, serta **Testimonials**, serta halaman _shop_ dan _article_ untuk konten produk dan blog.

## ✨ Fitur Utama

- **Hero Section** dengan statistik & CTA
- **Slider interaktif pada kartu "Most requested"** (gambar berganti dengan ilustrasi rute populer)
- **Slider otomatis untuk Popular Routes** (4 rute unggulan)
- **Slider testimoni pelanggan** (auto-slide & kontrol manual)
- **Bagian Layanan** (bus charter, city transfer, tour packages, corporate trips)
- **Fleet & Fasilitas** (mini bus, medium bus, big bus)
- **Toko (Shop)** – contoh produk perjalanan (WooCommerce-style)
- **Artikel (Blog)** – konten tips perjalanan
- **Formulir pemesanan** sederhana dengan validasi
- **Payment marquee** (QRIS, kartu kredit, e-wallet, bank)
- **Responsif** (mobile friendly)
- **Menu navigasi sticky** dengan hamburger menu untuk mobile

## 🛠 Teknologi

- HTML5
- CSS3 (Flexbox, Grid, animasi keyframes)
- JavaScript Native (Vanilla JS)
- Font: Inter (Google Fonts)
- Ikon: emoji & teks

## 📁 Struktur File
index.html # File utama tema (semua kode dalam satu file)
README.md # Dokumentasi

> Karena tema ini dibuat dalam satu file HTML, tidak diperlukan build tools atau dependensi eksternal.

## 🚀 Cara Menggunakan

1. **Download** atau salin kode `index.html` ke dalam proyek lokal Anda.
2. Buka file tersebut menggunakan **browser modern** (Chrome, Firefox, Edge, Safari).
3. Untuk mengubah konten:
   - Edit teks, gambar (emoji/gradient) pada **slider "Most requested"** di bagian `.trip-card`
   - Ganti rute pada **Popular Routes slider** di bagian `#routesTrack`
   - Ubah produk & artikel sesuai kebutuhan Anda
   - Sesuaikan nomor telepon, email, dan deskripsi di bagian **contact & footer**
4. Jika ingin menghubungkan ke sistem backend (WooCommerce, CMS), Anda perlu memodifikasi form dan tombol "Add to Cart" / "Read More" untuk mengirim data ke server.

## 📱 Responsivitas
Tema ini mendukung layar desktop, tablet, dan ponsel. Pada lebar < 768px:

Menu berubah menjadi hamburger

Ukuran font & padding mengecil

Slider tompan dan dots tetap berfungsi


## 📄 Lisensi
Tema ini dibuat untuk keperluan demonstrasi dan dapat digunakan secara bebas untuk proyek pribadi atau komersial. Tidak ada ketergantungan pustaka eksternal berlisensi terbatas.

Dikembangkan dengan ☕ dan Vanilla JS untuk [Rara Travel & Tour](https://raratravel.id).


## ⚙️ Kustomisasi

### Mengganti Gambar Slider Most Requested
Di dalam `index.html`, cari:
```html
<div class="trip-image" style="background-image: linear-gradient(...);">🚌✨</div>
Ubah nilai background-image atau ganti dengan URL gambar sebenarnya:

html
style="background-image: url('gambar-rute-1.jpg'); background-size: cover;"
Mengatur Durasi Slider
Pada bagian script JavaScript untuk masing-masing slider, ubah nilai AUTOPLAY_DELAY (dalam milidetik):

Most requested: AUTOPLAY_DELAY = 5000

Popular routes: AUTOPLAY_DELAY = 4500

Testimonial: AUTOPLAY_DELAY = 4000


## Menambah Slide Baru
Most requested: duplikat div .trip-card di dalam #tripSliderTrack

Popular routes: tambahkan div .route-card di dalam #routesTrack

Testimoni: tambahkan div .testimonial-card di dalam #testimonialTrack

Jangan lupa jumlah dots akan otomatis menyesuaikan.
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.