andagundi
<?xml version="1.0" encoding="UTF-8" ?>
<b:template xmlns:b="http://www.google.com/2005/gml/b">
<b:includable id="main">
<html>
<head>
<title><data:blog.pageTitle/></title>
<b:include data='blog' name='all-head-content'/>
<!-- Retro Fonts & Meta -->
<link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet"/>
<style>
body {
font-family: 'Press Start 2P', monospace;
background-color: #111;
color: #00FFAA;
margin: 0;
padding: 0;
}
header {
background: linear-gradient(to right, #ff00cc, #3333ff);
padding: 20px;
text-align: center;
color: #fff;
text-shadow: 1px 1px 4px #000;
}
nav {
background-color: #222;
text-align: center;
padding: 10px;
}
nav a {
color: #00FFAA;
text-decoration: none;
margin: 0 15px;
font-size: 14px;
}
.content {
padding: 20px;
max-width: 800px;
margin: auto;
}
.post-title {
color: #FFDD00;
font-size: 20px;
margin-top: 30px;
}
.post-body {
font-size: 14px;
line-height: 1.6;
color: #CCCCCC;
}
footer {
background-color: #111;
color: #666;
text-align: center;
padding: 20px;
font-size: 12px;
}
</style>
</head>
<body>
<header>
<h1><data:blog.title/></h1>
<p><data:blog.description/></p>
</header>
<nav>
<a expr:href='data:blog.homepageUrl'>Home</a>
<a href="#">Reviews</a>
<a href="#">Interviews</a>
<a href="#">Contact</a>
</nav>
<div class="content">
<b:section id="main" class="blog-posts" maxposts="5">
<b:widget id="Blog1" type="Blog" title="Posts" />
</b:section>
</div>
<footer>
© <data:blog.title/> - Retro Movie Blog. Powered by Blogger.
</footer>
</body>
</html>
</b:includable>
</b:template>