<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Osour Tours - AlUla</title>
<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600&family=Montserrat:wght@300;400;600&display=swap" rel="stylesheet">
<style>
:root {
--primary-gold: #c29b62;
--dark-sand: #8b6d43;
--night-blue: #1a242f;
--light-bg: #f9f6f0;
--text-dark: #333333;
--text-light: #ffffff;
}
body {
margin: 0;
padding: 0;
background-color: var(--light-bg);
font-family: 'Montserrat', sans-serif;
color: var(--text-dark);
}
/* Container & Typography */
.osour-section {
max-width: 1200px;
margin: 0 auto;
padding: 40px 20px;
}
h1, h2, h3, h4 {
font-family: 'Cinzel', serif;
font-weight: 600;
margin-bottom: 15px;
}
.highlight {
color: var(--primary-gold);
}
/* Hero Header */
.hero-header {
text-align: center;
padding: 60px 20px;
background-color: var(--night-blue);
color: var(--text-light);
border-radius: 12px;
margin-bottom: 40px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.hero-header h1 {
font-size: 3rem;
margin: 0 0 10px 0;
letter-spacing: 2px;
}
.hero-header p {
font-size: 1.2rem;
font-weight: 300;
letter-spacing: 1px;
margin-bottom: 20px;
}
.badge {
display: inline-block;
background: var(--primary-gold);
color: var(--night-blue);
padding: 5px 15px;
font-weight: 600;
border-radius: 20px;
font-size: 0.9rem;
}
/* Grid Layouts */
.grid-2-col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
margin-bottom: 60px;
}
.grid-3-col {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
margin-bottom: 60px;
}
/* Cards */
.card {
background: white;
padding: 30px;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
border-top: 4px solid var(--primary-gold);
transition: transform 0.3s ease;
}
.card:hover {
transform: translateY(-5px);
}
.card h3 {
color: var(--night-blue);
font-size: 1.5rem;
border-bottom: 1px solid #eee;
padding-bottom: 10px;
}
/* Lists */
ul {
list-style-type: none;
padding: 0;
}
ul li {
position: relative;
padding-left: 25px;
margin-bottom: 12px;
line-height: 1.6;
}
ul li::before {
content: '❖';
color: var(--primary-gold);
position: absolute;
left: 0;
top: 0;
}
.citation {
font-size: 0.75rem;
color: #888;
vertical-align: super;
margin-left: 3px;
}
/* Values Section */
.values-container {
display: flex;
flex-wrap: wrap;
gap: 15px;
justify-content: center;
margin-bottom: 60px;
}
.value-box {
background: var(--night-blue);
color: white;
padding: 20px;
border-radius: 8px;
width: calc(20% - 30px);
min-width: 150px;
text-align: center;
flex-grow: 1;
}
.value-box h4 {
color: var(--primary-gold);
margin-top: 0;
}
.value-box p {
font-size: 0.85rem;
line-height: 1.4;
}
/* Footer / Contact */
.footer-contact {
background-color: var(--night-blue);
color: var(--text-light);
padding: 40px;
text-align: center;
border-radius: 12px;
}
.contact-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
margin-top: 20px;
}
.contact-item {
padding: 15px;
border: 1px solid rgba(255,255,255,0.1);
border-radius: 8px;
}
/* Responsive */
@media (max-width: 768px) {
.grid-2-col {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body>
<section class="osour-section">
<!-- Hero Section -->
<div class="hero-header">
<span class="badge">EST. 2022 ALULA[cite: 1]</span>
<h1>OSOUR TOURS[cite: 1]</h1>
<p>A JOURNEY THROUGH THE ERAS[cite: 1]</p>
</div>
<!-- Story & Purpose -->
<div class="grid-2-col">
<div class="card">
<h3>Our Story[cite: 1]</h3>
<p>Born from the beauty of AlUla, Osour Tours was established in 2022 to specialise in organising exclusive trips and managing unique touristic experiences[cite: 1]. The name "Osour" translates to "eras", drawn from the ages this land has passed through, from the Stone Age to the Dadanite & Nabataean Kingdoms, and the Modern Islamic era[cite: 1].</p>
</div>
<div class="card">
<h3>Our Purpose & Vision[cite: 1]</h3>
<p><strong>Purpose:</strong> To craft journeys worthy of AlUla—choosing only the finest hands to shape moments that feel rare, effortless, and entirely your own[cite: 1].</p>
<p><strong>Vision:</strong> To lead the organising of trips and the management of tourist destinations in AlUla by building a trusted reputation, being the first choice for travellers, and cultivating a loyal community[cite: 1].</p>
</div>
</div>
<!-- Values -->
<h2 style="text-align: center; margin-bottom: 30px;">Our Core Values[cite: 1]</h2>
<div class="values-container">
<div class="value-box">
<h4>Commitment</h4>
<p>Delivering the best tourism services and products to every customer[cite: 1].</p>
</div>
<div class="value-box">
<h4>Innovation</h4>
<p>Updated tourism programmes that keep pace with our customers' aspirations[cite: 1].</p>
</div>
<div class="value-box">
<h4>Transparency</h4>
<p>Credibility and openness in our dealings with clients and investors[cite: 1].</p>
</div>
<div class="value-box">
<h4>Relationships</h4>
<p>A good environment for our employees, customers and investors alike[cite: 1].</p>
</div>
<div class="value-box">
<h4>Sustainability</h4>
<p>Preserving the environment and traditions for future generations to enjoy[cite: 1].</p>
</div>
</div>
<!-- Services, Experiences & Attractions -->
<div class="grid-3-col">
<div class="card">
<h3>Our Services[cite: 1]</h3>
<ul>
<li>VIP & Royal Protocol[cite: 1]</li>
<li>Destination Management[cite: 1]</li>
<li>Transport & Logistics[cite: 1]</li>
<li>Accommodation & Hotel Reservations[cite: 1]</li>
<li>Catering Services[cite: 1]</li>
<li>Events & Conferences[cite: 1]</li>
<li>Attractions & Guides[cite: 1]</li>
<li>Adventures[cite: 1]</li>
</ul>
</div>
<div class="card">
<h3>Signature Experiences[cite: 1]</h3>
<ul>
<li>Stargazing & Full Moon nights[cite: 1]</li>
<li>Hegra & Dadan Tours[cite: 1]</li>
<li>Desert Safari & Camping[cite: 1]</li>
<li>Helicopter Tours over the canyons[cite: 1]</li>
<li>Camel & horse trails[cite: 1]</li>
<li>Hiking and mountaineering[cite: 1]</li>
<li>Events & festival tickets[cite: 1]</li>
</ul>
</div>
<div class="card">
<h3>Places & Attractions[cite: 1]</h3>
<ul>
<li>Hegra (Mada'in Salih) - Saudi Arabia's first UNESCO World Heritage Site[cite: 1]</li>
<li>Dadan & Ikmah - Capital of ancient kingdoms[cite: 1]</li>
<li>AlUla Old Town[cite: 1]</li>
<li>Dadan Historical Trail[cite: 1]</li>
<li>Elephant Rock & Arch Rock[cite: 1]</li>
<li>Wadi Abu Oud[cite: 1]</li>
<li>Harrat Viewpoint[cite: 1]</li>
</ul>
</div>
</div>
<!-- Contact Section -->
<div class="footer-contact">
<h2>Live The Experience[cite: 1]</h2>
<p>Every detail handled, every comfort anticipated[cite: 1].</p>
<div class="contact-grid">
<div class="contact-item">
<span class="highlight">Phone</span><br>
+966 566 788 322[cite: 1]
</div>
<div class="contact-item">
<span class="highlight">Email</span><br>
info@osour.com.sa[cite: 1]
</div>
<div class="contact-item">
<span class="highlight">Web</span><br>
www.osour.com.sa[cite: 1]
</div>
<div class="contact-item">
<span class="highlight">Visit</span><br>
Al Farid Mall, AlUla, El Rizikia District 43512, Saudi Arabia[cite: 1]
</div>
</div>
</div>
</section>
</body>
</html>