Welcome To The Baha’i Land!

body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}

header {
width: 100%;
background-image: url(‘your-image.jpg’); /* Replace with your image path */
background-size: cover;
height: 300px;
text-align: center;
color: white;
display: flex;
justify-content: center;
align-items: center;
}

header h1 {
font-size: 3em;
}

nav {
background-color: #333;
overflow: hidden;
}

nav a {
float: left;
display: block;
color: white;
padding: 14px 20px;
text-align: center;
text-decoration: none;
}

nav a:hover {
background-color: #ddd;
color: black;
}

.container {
display: flex;
margin: 20px;
}

.main-content {
flex: 70%;
}

.sidebar {
flex: 30%;
margin-left: 20px;
}

.post-preview {
margin-bottom: 20px;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
}

.post-preview h2 {
margin: 0;
font-size: 1.5em;
}

.post-preview p {
color: #555;
}

.sidebar .clock {
margin-bottom: 20px;
font-size: 1.2em;
font-weight: bold;
}

.sidebar .links a {
display: block;
margin: 10px 0;
color: #333;
text-decoration: none;
}

.sidebar .links a:hover {
color: #007bff;
}

.sidebar .past-posts ul {
list-style-type: none;
padding-left: 0;
}

.sidebar .past-posts li {
margin-bottom: 10px;
}

Home
About
Contact
Services

// Clock functionality
setInterval(function() {
var clock = document.getElementById(“clock”);
var time = new Date();
var hours = time.getHours().toString().padStart(2, “0”);
var minutes = time.getMinutes().toString().padStart(2, “0”);
var seconds = time.getSeconds().toString().padStart(2, “0”);
clock.innerHTML = hours + “:” + minutes + “:” + seconds;
}, 1000);