Denome store
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html 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 charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title><data:blog.pageTitle/></title>
<meta name="description" content="Shop Management Tool - Manage your shop like Amazon. Easy ordering, inventory management, and more." />
<meta name="keywords" content="shop management, e-commerce, online shopping, inventory management, Amazon-like shop" />
<b:skin><![CDATA[
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
header {
background-color: #333;
color: #fff;
padding: 20px 0;
text-align: center;
}
nav {
display: flex;
justify-content: center;
background-color: #444;
padding: 10px 0;
}
nav a {
color: #fff;
padding: 14px 20px;
text-decoration: none;
text-align: center;
}
nav a:hover {
background-color: #555;
}
.container {
padding: 20px;
}
.product-list {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.product {
background-color: #fff;
border: 1px solid #ddd;
padding: 20px;
width: calc(33.333% - 40px);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.product img {
max-width: 100%;
height: auto;
}
.product h3 {
margin: 10px 0;
}
.product p {
color: #555;
}
.product button {
background-color: #28a745;
color: #fff;
border: none;
padding: 10px 20px;
cursor: pointer;
}
.product button:hover {
background-color: #218838;
}
footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 10px 0;
margin-top: 20px;
}
]]></b:skin>
</head>
<body>
<header>
<h1>Shop Management Tool</h1>
<p>Manage your shop like Amazon</p>
</header>
<nav>
<a href="#home">Home</a>
<a href="#products">Products</a>
<a href="#blog">Blog</a>
<a href="#contact">Contact</a>
</nav>
<div class="container">
<section id="home">
<h2>Welcome to Our Shop</h2>
<p>This is a simple shop management tool to help you manage your inventory and orders efficiently.</p>
</section>
<section id="products">
<h2>Our Products</h2>
<div class="product-list">
<div class="product">
<img src="https://via.placeholder.com/150" alt="Product 1" />
<h3>Product 1</h3>
<p>$19.99</p>
<button>Add to Cart</button>
</div>
<div class="product">
<img src="https://via.placeholder.com/150" alt="Product 2" />
<h3>Product 2</h3>
<p>$29.99</p>
<button>Add to Cart</button>
</div>
<div class="product">
<img src="https://via.placeholder.com/150" alt="Product 3" />
<h3>Product 3</h3>
<p>$39.99</p>
<button>Add to Cart</button>
</div>
</div>
</section>
<section id="blog">
<h2>Blog</h2>
<p>Read our latest blog posts about e-commerce and shop management.</p>
<b:section id="blog-posts" class="blog-posts" showaddelement="yes">
<b:widget id="Blog1" type="Blog" locked="true" title="Blog Posts">
<b:includable id="main">
<b:loop values="data:posts" var="post">
<article>
<h3><data:post.title/></h3>
<p><data:post.snippet/></p>
<a expr:href="data:post.url">Read More</a>
</article>
</b:loop>
</b:includable>
</b:widget>
</b:section>
</section>
<section id="contact">
<h2>Contact Us</h2>
<p>If you have any questions, feel free to reach out to us.</p>
<form action="https://formspree.io/f/YOUR_FORM_ID" method="POST">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required />
<label for="email">Email:</label>
<input type="email" id="email" name="email" required />
<label for="message">Message:</label>
<textarea id="message" name="message" required></textarea>
<button type="submit">Send</button>
</form>
</section>
</div>
<footer>
<p>© 2023 Shop Management Tool. All rights reserved.</p>
</footer>
</body>
</html>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="YOUR_BUTTON_ID">
<input type="submit" value="Buy Now" name="submit" title="PayPal - The safer, easier way to pay online!">
</form>
Comments
Post a Comment