<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' b:templateUrl='vegeclub.xml' b:templateVersion='1.4.0' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<title><data:view.title.escaped/></title>
<b:include data='blog' name='all-head-content'/>
<b:skin version='1.4.0'>
<![CDATA[
/* Responsive Design Enhancements */
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
color: #333;
margin: 0;
padding: 0;
}
.container {
width: 100%;
max-width: 1200px;
margin: auto;
background: white;
padding: 20px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
header {
background: #007bff;
color: white;
text-align: center;
padding: 15px;
font-size: 24px;
font-weight: bold;
}
nav {
text-align: center;
padding: 10px;
}
nav a {
margin: 0 10px;
text-decoration: none;
color: #007bff;
font-size: 18px;
}
.post-title {
color: #333;
font-size: 28px;
margin-top: 10px;
}
.post-body {
font-size: 18px;
line-height: 1.6;
}
.sidebar {
padding: 15px;
background: #f9f9f9;
margin-top: 20px;
}
.footer {
text-align: center;
padding: 20px;
background: #007bff;
color: white;
margin-top: 20px;
font-size: 18px;
font-weight: bold;
}
/* Mobile Optimization */
@media (max-width: 1024px) {
.container {
width: 95%;
}
}
@media (max-width: 768px) {
.container {
width: 100%;
padding: 10px;
}
nav {
display: flex;
flex-direction: column;
align-items: center;
}
nav a {
padding: 5px 0;
font-size: 16px;
}
.post-title {
font-size: 22px;
}
.post-body {
font-size: 16px;
}
}
]]>
</b:skin>
</head>
<body>
<div class="container">
<b:section id='header' class='header' showaddelement='yes'>
<header>
<h1><data:blog.title/></h1>
<p><data:blog.description/></p>
</header>
</b:section>
<b:section id='navbar' class='navbar' showaddelement='no'>
<nav>
<a href='/'>Home</a>
<a href='/p/about.html'>About</a>
<a href='/p/contact.html'>Contact</a>
</nav>
</b:section>
<b:section id='main' class='main' showaddelement='yes'>
<b:widget id='Blog1' type='Blog' locked='false' title='Blog Posts'/>
</b:section>
<b:section id='sidebar' class='sidebar' showaddelement='yes'>
<b:widget id='PopularPosts1' type='PopularPosts' locked='false' title='Popular Posts'/>
</b:section>
<b:section id='footer' class='footer' showaddelement='yes'>
<footer>
<p>© 2025 <data:blog.title/>. All rights reserved.</p>
<p>Powered by <a href='https://www.blogger.com' target='_blank'>Blogger</a></p>
</footer>
</b:section>
</div>
</body>
</html>
