:root {
–primary-color: #1e40af; /* blue-800 */
–secondary-color: #3b82f6; /* blue-500 */
}
html {
scroll-behavior: smooth;
}
body {
font-family: ‘Inter’, sans-serif;
transition: background-color 0.3s, color 0.3s;
}
/* — Base Styles (Light B&W Mode) — */
body {
background-color: #f5f5f5; /* Neutral 100 */
color: #171717; /* Neutral 900 */
}
.bg-card { background-color: #ffffff; }
.bg-section-subtle { background-color: #fafafa; }
.text-main { color: #171717; }
.text-secondary { color: #525252; }
/* — Dark B&W Mode Overrides — */
.dark body {
background-color: #171717; /* Neutral 900 */
color: #f5f5f5; /* Neutral 100 */
}
.dark .bg-card { background-color: #262626; } /* Neutral 800 */
.dark .bg-section-subtle { background-color: #171717; }
.dark .text-main { color: #f5f5f5; }
.dark .text-secondary { color: #a3a3a3; }
/* — Header Styles — */
#page-header {
transition: background-color 0.3s, box-shadow 0.3s;
}
#page-header.on-hero {
background-color: transparent;
}
#page-header.on-hero .logo-text-span,
#page-header.on-hero .nav-link:not(.contact-btn),
#page-header.on-hero #mobile-menu-button {
color: white;
}
#page-header.scrolled {
background-color: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.dark #page-header.scrolled {
background-color: rgba(23, 23, 23, 0.9);
}
#page-header.scrolled .logo-text-span,
#page-header.scrolled .nav-link:not(.contact-btn),
#page-header.scrolled #mobile-menu-button {
color: #171717;
}
.dark #page-header.scrolled .logo-text-span,
.dark #page-header.scrolled .nav-link:not(.contact-btn),
.dark #page-header.scrolled #mobile-menu-button {
color: #f5f5f5;
}
#desktop-nav a.active:not(.contact-btn) {
font-weight: 700;
text-decoration: underline;
text-underline-offset: 4px;
}
/* Mobile Menu */
#mobile-menu {
background-color: white;
}
.dark #mobile-menu {
background-color: #171717;
}
#mobile-menu a {
color: #171717;
}
.dark #mobile-menu a {
color: #f5f5f5;
}
.hero-bg {
background-image: url(‘https://cdn1.site-media.eu/images/0/17489892/Gemini-vn8GQicHgNU1ybnJ2UbvKQ.png’);
background-size: cover;
background-position: center;
filter: grayscale(100%);
}
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
.animate-fadeInUp { animation: fadeInUp 0.8s ease-out forwards; opacity: 0; }
@keyframes pulse {
0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(163, 163, 163, 0.4); }
50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(163, 163, 163, 0); }
}
.pulse-btn { animation: pulse 2s infinite; }
Radowan Anonna Development’s & Technology Ltd. is dedicated to adhering to all RAJUK regulations, ensuring compliance and integrity in our operations. This commitment to high standards underscores our focus on delivering quality and reliability in every project we undertake. RADOWAN ANONNA DEVELOPMENTS & TECHNOLOGY LTD (RADTL). Started its humble journey on 2009 about 16 years distance was tough and amusing. We cross this long way happily gathering experience as well as achieved Customer confidence by providing customer oriented service and fulfill their demands. RADTL is a highly professional business organization with a group of unique professionals and dynamic experts who’s are the professionals with a wide range of experts on Real Estate Business as well type of construction service and directions. Out of this RADTL has different service area like Consultancy & contracting on Design & Drawing, Planning, Interior Design, Soil test & Digital survey. All type of Maintenance work on personal & Industrial Building. Supply on all types of building Materials, Power Substation, Generator and lift. Export & import all types of building Materials. On Principle RADTL never compromise in quality and commitment. We believe Quality Pays off and materialize your dream accordingly. We make you fully comfortable through our enormous services and professionalize customer support. RADTL is an active member of RAJUK and REHAB and Participates national and international fair with REHAB. pray for our successful journey. Ongoing Projects by Radowan Anonna Developments & Technology Ltd. (RADTL) Radtl Tohura Nur Complex Radtl Orchita 🏢 Both projects are currently ongoing. 📞 For apartment bookings or inquiries, please contact: +8801716504673, +8801755883031 We use only the highest-quality materials and adhere to the strictest standards to build structures that last. Our commitment to punctuality means your project will be completed on schedule, every time. We prioritize your needs and vision, ensuring a transparent and collaborative process from start to finish.Best Real Estate Developer in Dhaka
Welcome to RADTL
Our Current Projects
📍 Location: Beside Rupayan City, Fulbaria Bazar, Nishad Nagar, Sector-10, Uttara, Dhaka-1230
📍 Location: House-13, Lane-05, Block-B, Section-13, Mirpur, Dhaka-1216Why Choose Us?
Quality Construction
On-Time Delivery
Customer-First Approach
document.addEventListener(‘DOMContentLoaded’, function () {
const themeToggle = document.getElementById(‘theme-toggle-floating’);
const htmlEl = document.documentElement;
const applyTheme = (theme) => {
const isDark = theme === ‘dark’;
htmlEl.classList.toggle(‘dark’, isDark);
if (themeToggle) {
themeToggle.innerHTML = ``;
}
};
const toggleTheme = () => {
const newTheme = htmlEl.classList.contains(‘dark’) ? ‘light’ : ‘dark’;
localStorage.setItem(‘theme’, newTheme);
applyTheme(newTheme);
};
const savedTheme = localStorage.getItem(‘theme’) || (window.matchMedia(‘(prefers-color-scheme: dark)’).matches ? ‘dark’ : ‘light’);
applyTheme(savedTheme);
if (themeToggle) {
themeToggle.addEventListener(‘click’, toggleTheme);
}
const header = document.getElementById(‘page-header’);
if (header) {
window.addEventListener(‘scroll’, () => {
if (window.scrollY > 50) {
header.classList.remove(‘on-hero’);
header.classList.add(‘scrolled’);
} else {
header.classList.add(‘on-hero’);
header.classList.remove(‘scrolled’);
}
});
window.dispatchEvent(new Event(‘scroll’));
}
document.getElementById(‘mobile-menu-button’).addEventListener(‘click’, () => {
document.getElementById(‘mobile-menu’).classList.toggle(‘hidden’);
});
function initializeSlider(container) {
const slider = container.querySelector(‘.flex’);
const prevBtn = container.querySelector(‘.slider-prev’);
const nextBtn = container.querySelector(‘.slider-next’);
let currentIndex = 0;
const slides = slider.children;
const slideCount = slides.length;
if (slideCount item.querySelector(‘img’).src);
galleryItems.forEach((item, index) => {
item.addEventListener(‘click’, (e) => {
e.preventDefault();
currentIndex = index;
openModal();
});
});
function openModal() {
if (galleryImages.length === 0) return;
modalImage.src = galleryImages[currentIndex];
modal.classList.remove(‘hidden’);
modal.classList.add(‘flex’);
document.body.style.overflow = ‘hidden’;
}
function closeModal() {
modal.classList.add(‘hidden’);
modal.classList.remove(‘flex’);
document.body.style.overflow = ‘auto’;
}
function showNextImage() {
currentIndex = (currentIndex + 1) % galleryImages.length;
modalImage.src = galleryImages[currentIndex];
}
function showPrevImage() {
currentIndex = (currentIndex – 1 + galleryImages.length) % galleryImages.length;
modalImage.src = galleryImages[currentIndex];
}
if (modal) {
modalClose.addEventListener(‘click’, closeModal);
modalNext.addEventListener(‘click’, showNextImage);
modalPrev.addEventListener(‘click’, showPrevImage);
modal.addEventListener(‘click’, (e) => {
if (e.target === modal) {
closeModal();
}
});
document.addEventListener(‘keydown’, (e) => {
if (modal.classList.contains(‘hidden’)) return;
if (e.key === ‘ArrowRight’) showNextImage();
if (e.key === ‘ArrowLeft’) showPrevImage();
if (e.key === ‘Escape’) closeModal();
});
}
});
RADOWAN ANONNA DEVELOPMENTS & TECHNOLOGY LTD (RADTL). Started its humble journey on 2009 about 16 years distance was tough and amusing. We cross this long way happily gathering experience as well as achieved Customer confidence by providing customer oriented service and fulfill their demands. RADTL is a highly professional business organization with a group of unique professionals and dynamic experts who’s are the professionals with a wide range of experts on Real Estate Business as well type of construction service and directions. Out of this RADTL has different service area like Consultancy & contracting on Design & Drawing, Planning, Interior Design, Soil test & Digital survey. All type of Maintenance work on personal & Industrial Building. Supply on all types of building Materials, Power Substation, Generator and lift. Export & import all types of building Materials. On Principle RADTL never compromise in quality and commitment. We believe Quality Pays off and materialize your dream accordingly. We make you fully comfortable through our enormous services and professionalize customer support. RADTL is an active member of RAJUK and REHAB and Participates national and international fair with REHAB. pray for our successful journey. Completed Completed Ongoing Ongoing Ongoing Projects by Radowan Anonna Developments & Technology Ltd. (RADTL) Radtl Tohura Nur Complex Radtl Orchita 🏢 Both projects are currently ongoing. 📞 For apartment bookings or inquiries, please contact: +8801716504673, +8801755883031 We use only the highest-quality materials and adhere to the strictest standards to build structures that last. Our commitment to punctuality means your project will be completed on schedule, every time. We prioritize your needs and vision, ensuring a transparent and collaborative process from start to finish.Welcome to RADTL
All Projects
Radtl Wisteria
Radtl Rose Mary
Radtl Orchita
Radtl Tohura Nur Complex
Our Current Projects
📍 Location: Beside Rupayan City, Fulbaria Bazar, Nishad Nagar, Sector-10, Uttara, Dhaka-1230
📍 Location: House-13, Lane-05, Block-B, Section-13, Mirpur, Dhaka-1216Why Choose Us?
Quality Construction
On-Time Delivery
Customer-First Approach
document.addEventListener(‘DOMContentLoaded’, function () {
const themeToggle = document.getElementById(‘theme-toggle-floating’);
const htmlEl = document.documentElement;
const applyTheme = (theme) => {
const isDark = theme === ‘dark’;
htmlEl.classList.toggle(‘dark’, isDark);
if (themeToggle) {
themeToggle.innerHTML = ``;
}
};
const toggleTheme = () => {
const newTheme = htmlEl.classList.contains(‘dark’) ? ‘light’ : ‘dark’;
localStorage.setItem(‘theme’, newTheme);
applyTheme(newTheme);
};
const savedTheme = localStorage.getItem(‘theme’) || (window.matchMedia(‘(prefers-color-scheme: dark)’).matches ? ‘dark’ : ‘light’);
applyTheme(savedTheme);
if (themeToggle) {
themeToggle.addEventListener(‘click’, toggleTheme);
}
const header = document.getElementById(‘page-header’);
if (header) {
window.addEventListener(‘scroll’, () => {
if (window.scrollY > 50) {
header.classList.remove(‘on-hero’);
header.classList.add(‘scrolled’);
} else {
header.classList.add(‘on-hero’);
header.classList.remove(‘scrolled’);
}
});
window.dispatchEvent(new Event(‘scroll’));
}
document.getElementById(‘mobile-menu-button’).addEventListener(‘click’, () => {
document.getElementById(‘mobile-menu’).classList.toggle(‘hidden’);
});
function initializeSlider(container) {
const slider = container.querySelector(‘.flex’);
const prevBtn = container.querySelector(‘.slider-prev’);
const nextBtn = container.querySelector(‘.slider-next’);
let currentIndex = 0;
const slides = slider.children;
const slideCount = slides.length;
if (slideCount item.querySelector(‘img’).src);
galleryItems.forEach((item, index) => {
item.addEventListener(‘click’, (e) => {
e.preventDefault();
currentIndex = index;
openModal();
});
});
function openModal() {
if (galleryImages.length === 0) return;
modalImage.src = galleryImages[currentIndex];
modal.classList.remove(‘hidden’);
modal.classList.add(‘flex’);
document.body.style.overflow = ‘hidden’;
}
function closeModal() {
modal.classList.add(‘hidden’);
modal.classList.remove(‘flex’);
document.body.style.overflow = ‘auto’;
}
function showNextImage() {
currentIndex = (currentIndex + 1) % galleryImages.length;
modalImage.src = galleryImages[currentIndex];
}
function showPrevImage() {
currentIndex = (currentIndex – 1 + galleryImages.length) % galleryImages.length;
modalImage.src = galleryImages[currentIndex];
}
if (modal) {
modalClose.addEventListener(‘click’, closeModal);
modalNext.addEventListener(‘click’, showNextImage);
modalPrev.addEventListener(‘click’, showPrevImage);
modal.addEventListener(‘click’, (e) => {
if (e.target === modal) {
closeModal();
}
});
document.addEventListener(‘keydown’, (e) => {
if (modal.classList.contains(‘hidden’)) return;
if (e.key === ‘ArrowRight’) showNextImage();
if (e.key === ‘ArrowLeft’) showPrevImage();
if (e.key === ‘Escape’) closeModal();
});
}
});