Add files via upload

tina-chatelier · Jul 24, 2024 · 1f5c7e6 · 1f5c7e6
1 parent 19d63a2
commit 1f5c7e6
Show file tree

Hide file tree

Showing 2 changed files with 208 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -0,0 +1,127 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>AmazonSellerSpace</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #f4f4f9;
+            margin: 0;
+            padding: 0;
+        }
+        header {
+            background-color: #232f3e;
+            color: #fff;
+            padding: 20px;
+            text-align: center;
+        }
+        nav {
+            display: flex;
+            justify-content: center;
+            background-color: #37475a;
+            padding: 10px;
+        }
+        nav a {
+            color: #fff;
+            text-decoration: none;
+            margin: 0 15px;
+            font-weight: bold;
+        }
+        nav a:hover {
+            text-decoration: underline;
+        }
+        .container {
+            padding: 20px;
+        }
+        .card {
+            background-color: #fff;
+            border: 1px solid #ddd;
+            border-radius: 5px;
+            padding: 20px;
+            margin: 20px 0;
+            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+        }
+        .card h2 {
+            color: #232f3e;
+        }
+        footer {
+            background-color: #232f3e;
+            color: #fff;
+            text-align: center;
+            padding: 10px 0;
+            position: fixed;
+            width: 100%;
+            bottom: 0;
+        }
+        .img-container {
+            text-align: center;
+            margin-top: 20px;
+        }
+        .img-container img {
+            max-width: 100%;
+            height: auto;
+            border-radius: 5px;
+        }
+    </style>
+</head>
+<body>
+
+<header>
+    <h1>Welcome to AmazonSellerSpace</h1>
+</header>
+
+<nav>
+    <a href="#introduction">Introduction</a>
+    <a href="#features">Features</a>
+    <a href="#team">Team</a>
+    <a href="#contact">Contact</a>
+</nav>
+
+<div class="container">
+    <div class="card img-container">
+        <img src="https://github.com/tina-chatelier/amazonsellerspace/raw/main/Screenshot%20(27).png" alt="AmazonSellerSpace">
+    </div>
+    <div class="card" id="introduction">
+        <h2>Introduction</h2>
+        <p>Welcome to AmazonSellerSpace! We are a dedicated Amazon marketing agency that helps sellers maximize their potential on Amazon. Our team specializes in SEO optimization, product listing, ad campaigns, and more to ensure your success on the platform.</p>
+    </div>
+
+    <div class="card" id="features">
+        <h2>Features</h2>
+        <ul>
+            <li><strong>SEO Optimization</strong>: Improve your product visibility with our expert SEO services.</li>
+            <li><strong>Product Listing</strong>: Professionally crafted product listings that attract buyers.</li>
+            <li><strong>Ad Campaigns</strong>: Effective advertising strategies to boost your sales.</li>
+            <li><strong>Analytics</strong>: Detailed reports and insights to track your performance.</li>
+        </ul>
+    </div>
+
+    <div class="card" id="team">
+        <h2>Team</h2>
+        <p>Meet our dedicated team:</p>
+        <ul>
+            <li><strong>Rafiyudheen</strong>: SEO Specialist</li>
+            <li><strong>Sazzad</strong>: Product Listing Expert</li>
+            <li><strong>Christina</strong>: Ad Campaign Manager</li>
+        </ul>
+    </div>
+
+    <div class="card" id="contact">
+        <h2>Contact</h2>
+        <p>We'd love to hear from you! Reach out to us at:</p>
+        <ul>
+            <li><strong>Phone</strong>: +0079993400</li>
+            <li><strong>Email</strong>: <a href="mailto:amazonsellerspace@gmail.com">amazonsellerspace@gmail.com</a></li>
+            <li><strong>Location</strong>: Paris, France</li>
+        </ul>
+    </div>
+</div>
+
+<footer>
+    <p>&copy; 2024 AmazonSellerSpace. All rights reserved.</p>
+</footer>
+
+</body>
+</html>
diff --git a/styles.css b/styles.css
@@ -0,0 +1,81 @@
+body {
+    font-family: 'Roboto', sans-serif;
+    margin: 0;
+    padding: 0;
+    background: #f4f4f4;
+}
+
+header {
+    background: #ff6f61;
+    color: #fff;
+    padding: 20px 0;
+    text-align: center;
+}
+
+header h1 {
+    margin: 0;
+    font-size: 3em;
+}
+
+header p {
+    font-size: 1.2em;
+}
+
+nav {
+    background: #333;
+}
+
+nav .container {
+    display: flex;
+    justify-content: center;
+}
+
+nav ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+}
+
+nav ul li {
+    margin: 0 15px;
+}
+
+nav ul li a {
+    color: #fff;
+    text-decoration: none;
+    font-size: 1.2em;
+    padding: 10px 0;
+    display: block;
+}
+
+nav ul li a:hover {
+    border-bottom: 2px solid #ff6f61;
+}
+
+.container {
+    width: 80%;
+    margin: 0 auto;
+}
+
+section {
+    padding: 40px 0;
+}
+
+#services .service {
+    background: #fff;
+    padding: 20px;
+    margin-bottom: 20px;
+    box-shadow: 0 0 10px rgba(0,0,0,0.1);
+}
+
+footer {
+    background: #333;
+    color: #fff;
+    text-align: center;
+    padding: 10px 0;
+}
+
+footer p {
+    margin: 0;
+}