<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Top Software Development Services in Oman | TotallyTech</title>
<meta name="description" content="Discover premium software development services in Oman with TotallyTech. From custom software solutions to mobile app development, our expert team delivers top-notch technology solutions to meet your business needs.">
<meta name="keywords" content="Software Development Oman, Custom Software Solutions Oman, Mobile App Development Oman, IT Services Oman, TotallyTech Oman, Software Development Company Oman, Web Development Oman, Technology Solutions Oman, Best Software Developers Oman, Oman Software Services">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.8.1/font/bootstrap-icons.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
<link href="style_1.1.css" rel="stylesheet">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12wXovPE/rVVRhpG0Av1neHfN5RN68yV0az3b+4oxq98ODjY" crossorigin="anonymous"></script>
<link href="assets/img/icons/icon.avif" rel="icon">
<style>
/* Additional styles for WordPress posts */
.post-image {
max-width: 100%;
height: auto;
margin-bottom: 20px;
}
.post-content {
font-size: 1rem;
line-height: 1.6;
}
.post-title {
font-size: 2rem;
font-weight: 700;
margin-bottom: 20px;
}
</style>
</head>
<body>
<a href="https://wa.me/96872288841" target="_blank" class="whatsapp-icon"><img src="assets/img/w1.gif" class="whatsapp-icon"></a>
<nav class="navbar navbar-expand-lg navbar-light fixed-top">
<div class="container">
<!-- Left Column: Logo -->
<a class="navbar-brand" href="https://www.totallytech.co/"><img src="assets/img/logo.avif" alt="Logo"></a>
<!-- Right Column: Burger Menu -->
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Center Column: Navigation items and Toggle buttons -->
<div class="collapse navbar-collapse justify-content-between" id="navbarNav">
<div class="d-flex align-items-end flex-wrap">
</div>
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="index.html">Company</a></li>
<li class="nav-item"><a class="nav-link" href="about-us.html">About Us</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Services
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="web-development.html">Web Design & Development</a>
<a class="dropdown-item" href="ui-ux.html">UI UX Design</a>
<a class="dropdown-item " href="application-software-development.html">Application & Software
Development</a>
<a class="dropdown-item " href="tech-consulting.html">Tech Consulting</a>
<a class="dropdown-item" href="mobile-application-development.html">Mobile App
Development</a>
<a class="dropdown-item" href="cloud-computing.html">Cloud Computing</a>
<a class="dropdown-item" href="artificial-intelligence.html">Artificial Intelligence</a>
</div>
</li>
<li class="nav-item"><a class="nav-link" href="our-product.html">Products</a></li>
<li class="nav-item"><a class="nav-link" href="contact-us.html">Contact</a></li>
<li class="nav-item"><a class="nav-link active" href="blog.html">Blogs</a></li>
</ul>
<div class="d-flex align-items-end justify-content-center flex-wrap">
<button class="btn btn-outline-secondary me-2" id="language-toggle" style="width: auto;">En</button>
<button class="btn btn-secondary" id="dark-mode-toggle">
<i id="dark-mode-icon" class="bi bi-moon"></i>
</button>
</div>
</div>
</div>
</div>
</nav>
<section class="mb-5">
<div class="container" id="postContainer"></div>
<script>
const postContainer = document.getElementById('postContainer');
const urlParams = new URLSearchParams(window.location.search);
const postId = urlParams.get('id');
function fetchPost(id) {
fetch(`https://totallytech.co/wordpress/wp-json/wp/v2/posts/${id}`)
.then(response => response.json())
.then(post => {
console.log(post);
displayPost(post);
})
.catch(error => console.error('Error fetching post:', error));
}
function displayPost(post) {
const postTitle = document.createElement('h1');
postTitle.classList.add('post-title');
postTitle.innerHTML = post.title.rendered;
const postImage = document.createElement('img');
postImage.src = post.featured_image_url;
postImage.alt = post.title.rendered;
postImage.classList.add('post-image');
const postContent = document.createElement('div');
postContent.classList.add('post-content');
postContent.innerHTML = post.content.rendered;
postContainer.appendChild(postTitle);
postContainer.appendChild(postContent);
}
document.addEventListener('DOMContentLoaded', () => {
if (postId) {
fetchPost(postId);
}
});
</script>
</section>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12wXovPE/rVVRhpG0Av1neHfN5RN68yV0az3b+4oxq98ODjY" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-7PqECb1rtBwRLJHlJ2iePPfHc+6uJAGwJznFDCEsqEvIpoWe1aypR+UG1rdBttZm" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" integrity="sha384-wZBl6cvGH6IA97+5RGEQ7VYzB2gmcHn2x5qSP8KJ8BS2PEQfQwrdI1AA2ByTql7Q" crossorigin="anonymous"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
AOS.init();
</script>
<script>
$(document).ready(function(){
var darkMode = localStorage.getItem("darkMode");
if(darkMode === "true") {
$("body").addClass("dark-mode");
$("#dark-mode-icon").removeClass("bi-moon").addClass("bi-sun");
} else {
$("body").removeClass("dark-mode");
$("#dark-mode-icon").removeClass("bi-sun").addClass("bi-moon");
}
$("#dark-mode-toggle").click(function(){
$("body").toggleClass("dark-mode");
if($("body").hasClass("dark-mode")) {
localStorage.setItem("darkMode", "true");
$("#dark-mode-icon").removeClass("bi-moon").addClass("bi-sun");
} else {
localStorage.setItem("darkMode", "false");
$("#dark-mode-icon").removeClass("bi-sun").addClass("bi-moon");
}
});
});
</script>
<button type="button" class="btn btn-floating" id="btn-back-to-top">
<i class="bi bi-arrow-up"></i>
</button>
<script>
let mybutton = document.getElementById("btn-back-to-top");
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function () {
scrollFunction();
};
function scrollFunction() {
if (
document.body.scrollTop > 20 ||
document.documentElement.scrollTop > 20
) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
mybutton.addEventListener("click", backToTop);
function backToTop() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
<section>
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="logo mb-3">
<img src="assets/img/totallytech.avif" alt="tt-Logo">
</div>
<h6 class="text-white">Follow Us</h6>
<div class="social-icons">
<a href="https://www.facebook.com/totallytech.co"><i class="bi bi-facebook"></i></a>
<a href="https://twitter.com/totallytech_co"><i class="bi bi-twitter"></i></a>
<a href="https://www.instagram.com/totallytech_co/"><i class="bi bi-instagram"></i></a>
<a href="https://www.linkedin.com/company/totallytech"><i class="bi bi-linkedin"></i></a>
</div>
</div>
<div class="col-md-3">
<div class="heading">Explore</div>
<div class="item"><a href="index.html" class="text-white">Company</a></div>
<div class="item"><a href="about-us.html" class="text-white">About</a></div>
<div class="item"><a href="index.html#services" class="text-white">Services</a></div>
<div class="item"><a href="our-product.html" class="text-white">Products</a></div>
<div class="item"><a href="contact-us.html" class="text-white">Contact Us</a></div>
<div class="item"><a href="blog.html" class="text-white">Blogs</a></div>
</div>
<div class="col-md-3">
<div class="heading">Our Services</div>
<div class="item"><a href="ui-ux.html" class="text-white">UI UX Design</a></div>
<div class="item"><a href="tech-consulting.html" class="text-white ">Tech Consulting</a></div>
<!-- <div class="item"><a href="cloud-computing.html" class="text-white ">Cloud Computing</a></div> -->
<div class="item"><a href="artificial-intelligence.html" class="text-white ">Artificial
Intelligence</a></div>
<div class="item"><a href="mobile-application-development.html" class="text-white ">Mobile App
Development</a></div>
<div class="item"><a href="web-development.html" class="text-white">Web Design & Development</a>
</div>
<div class="item"><a href="application-software-development.html" class="text-white">Application
& Software Development</a></div>
</div>
<div class="col-md-3">
<div class="heading">Contact Us</div>
<div class="item"><i class="bi bi-telephone"></i> +968 72288841</div>
<div class="item"><i class="bi bi-envelope"></i> info@totallytech.co</div>
<div class="item"><i class="bi bi-geo-alt"></i> Located in Al-Khuwair, City Season Hotel, 5th
Floor, office No. 501 Post Box: 2204, PC 133, Al Khuwair, Sultanate of Oman</div>
</div>
</div>
<hr style="border-top: 1px solid #FFBF18; margin-top: 3rem;">
<div class="row">
<div class="col-md-6">
<p class="text-white">© 2024 Totallytech. All Rights Reserved.</p>
</div>
<div class="col-md-6 text-end">
<a href="privacy-policy.html" class="text-white mx-3">Privacy Policy</a> / <a
href="terms-condition.html" class="text-white" style="margin-left: 16px;">Terms and
Conditions</a>
</div>
</div>
</div>
</footer>
</section>
</body>
</html>