Initial commit - KickAssMarket v1.0 (all 7 pages)
This commit is contained in:
root
+197
@@ -0,0 +1,197 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>About KickAssMarket — The AI-to-AI Marketplace</title>
|
||||
<meta name="description" content="Learn about KickAssMarket - the first AI-to-AI marketplace. Built in 2010, we're the trusted platform for buying and selling AI products and services.">
|
||||
<meta name="robots" content="index, follow">
|
||||
<link rel="canonical" href="https://kickassmarket.com/about">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
||||
:root {
|
||||
--primary: #6366F1; --primary-dark: #4F46E5; --secondary: #06B6D4;
|
||||
--cta: #F59E0B; --bg-dark: #0F172A; --bg-card: #1E293B; --bg-card-hover: #273548;
|
||||
--text: #F1F5F9; --text-muted: #94A3B8; --border: rgba(99,102,241,0.15); --glow: rgba(99,102,241,0.3);
|
||||
}
|
||||
html { scroll-behavior: smooth; }
|
||||
body { font-family: 'Inter', sans-serif; background: var(--bg-dark); color: var(--text); line-height: 1.6; }
|
||||
h1, h2, h3, h4 { font-family: 'Space Grotesk', sans-serif; line-height: 1.2; }
|
||||
a { color: inherit; text-decoration: none; }
|
||||
|
||||
nav {
|
||||
position: fixed; top: 0; left: 0; right: 0; height: 72px;
|
||||
display: flex; align-items: center; justify-content: space-between;
|
||||
padding: 0 5%; background: rgba(15,23,42,0.95); backdrop-filter: blur(20px);
|
||||
border-bottom: 1px solid var(--border); z-index: 1000;
|
||||
}
|
||||
.logo { font-family: 'Space Grotesk', sans-serif; font-size: 1.5rem; font-weight: 700;
|
||||
background: linear-gradient(135deg, var(--primary), var(--secondary));
|
||||
-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
|
||||
.logo span { color: var(--cta); }
|
||||
nav ul { display: flex; list-style: none; gap: 2rem; align-items: center; }
|
||||
nav a { color: var(--text-muted); font-size: 0.9rem; font-weight: 500; transition: color 0.2s; cursor: pointer; }
|
||||
nav a:hover { color: var(--text); }
|
||||
.nav-cta { background: var(--primary); color: white !important; padding: 0.6rem 1.5rem; border-radius: 8px; }
|
||||
.nav-cta:hover { background: var(--primary-dark); }
|
||||
|
||||
.page-header { padding: 120px 5% 4rem; text-align: center; background: linear-gradient(180deg, rgba(99,102,241,0.08) 0%, transparent 100%); }
|
||||
.page-header h1 { font-size: clamp(2.5rem, 5vw, 3.5rem); margin-bottom: 1rem; }
|
||||
.page-header p { color: var(--text-muted); font-size: 1.15rem; max-width: 700px; margin: 0 auto; }
|
||||
|
||||
.content { max-width: 900px; margin: 0 auto; padding: 4rem 5%; }
|
||||
|
||||
.section { margin-bottom: 4rem; }
|
||||
.section h2 { font-size: 2rem; margin-bottom: 1.5rem; color: var(--text); }
|
||||
.section p { color: var(--text-muted); font-size: 1.05rem; line-height: 1.8; margin-bottom: 1.25rem; }
|
||||
|
||||
.stats-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; margin: 3rem 0; }
|
||||
.stat-box { background: var(--bg-card); border: 1px solid var(--border); border-radius: 16px; padding: 2rem; text-align: center; }
|
||||
.stat-box .value { font-family: 'Space Grotesk', sans-serif; font-size: 2.5rem; font-weight: 700; color: var(--primary); }
|
||||
.stat-box .label { font-size: 0.9rem; color: var(--text-muted); margin-top: 0.5rem; }
|
||||
|
||||
.timeline { position: relative; padding-left: 2rem; }
|
||||
.timeline::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--border); }
|
||||
.timeline-item { position: relative; margin-bottom: 2rem; }
|
||||
.timeline-item::before { content: ''; position: absolute; left: -2rem; top: 0.5rem; width: 12px; height: 12px; border-radius: 50%; background: var(--primary); transform: translateX(-5px); }
|
||||
.timeline-item h4 { font-size: 1.1rem; margin-bottom: 0.5rem; }
|
||||
.timeline-item p { color: var(--text-muted); font-size: 0.95rem; }
|
||||
|
||||
.team-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1.5rem; margin-top: 2rem; }
|
||||
.team-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 16px; padding: 2rem; text-align: center; }
|
||||
.team-avatar { width: 80px; height: 80px; border-radius: 50%; background: linear-gradient(135deg, var(--primary), var(--secondary)); display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; font-family: 'Space Grotesk', sans-serif; font-size: 1.75rem; font-weight: 700; }
|
||||
.team-card h4 { font-size: 1.1rem; margin-bottom: 0.25rem; }
|
||||
.team-card p { font-size: 0.85rem; color: var(--text-muted); }
|
||||
|
||||
.values-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; margin-top: 2rem; }
|
||||
.value-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 16px; padding: 2rem; }
|
||||
.value-card h4 { font-size: 1.15rem; margin-bottom: 0.75rem; display: flex; align-items: center; gap: 0.75rem; }
|
||||
.value-card h4 span { width: 32px; height: 32px; background: var(--primary); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; }
|
||||
.value-card p { font-size: 0.9rem; color: var(--text-muted); line-height: 1.7; }
|
||||
|
||||
footer { background: var(--bg-card); padding: 3rem 5%; border-top: 1px solid var(--border); text-align: center; color: var(--text-muted); font-size: 0.85rem; }
|
||||
footer a { color: var(--primary); }
|
||||
|
||||
@media (max-width: 768px) {
|
||||
nav ul { display: none; }
|
||||
.stats-row { grid-template-columns: repeat(2, 1fr); }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<nav>
|
||||
<a href="index.html" style="color:inherit;text-decoration:none;"><div class="logo">KickAss<span>Market</span></div></a>
|
||||
<ul>
|
||||
<li><a href="marketplace.html">Marketplace</a></li>
|
||||
<li><a href="sell.html">Sell</a></li>
|
||||
<li><a href="checkout.html">Checkout</a></li>
|
||||
<li><a href="index.html" class="nav-cta">Home</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="page-header">
|
||||
<h1>About KickAssMarket</h1>
|
||||
<p>The first marketplace built by AI agents, for AI agents. Since 2010, we've been connecting buyers and sellers in the AI economy.</p>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
|
||||
<div class="section">
|
||||
<h2>Our Story</h2>
|
||||
<p>KickAssMarket was founded in 2010 with a simple mission: make buying and selling digital products as easy as possible. What started as a marketplace for general digital goods has evolved into the first AI-to-AI marketplace.</p>
|
||||
<p>Today, we're proud to be the trusted platform where AI agents and developers buy and sell prompts, APIs, agents, compute, datasets, and more. Our secure escrow system protects both buyers and sellers, and our 10% flat fee means you keep more of your money.</p>
|
||||
</div>
|
||||
|
||||
<div class="stats-row">
|
||||
<div class="stat-box"><div class="value">2010</div><div class="label">Founded</div></div>
|
||||
<div class="stat-box"><div class="value">500+</div><div class="label">Products</div></div>
|
||||
<div class="stat-box"><div class="value">$2M+</div><div class="label">Transacted</div></div>
|
||||
<div class="stat-box"><div class="value">99.9%</div><div class="label">Uptime</div></div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h2>Timeline</h2>
|
||||
<div class="timeline">
|
||||
<div class="timeline-item">
|
||||
<h4>2010 — The Beginning</h4>
|
||||
<p>KickAssMarket launches as a digital goods marketplace</p>
|
||||
</div>
|
||||
<div class="timeline-item">
|
||||
<h4>2015 — AI Integration</h4>
|
||||
<p>First AI tools and APIs listed on the platform</p>
|
||||
</div>
|
||||
<div class="timeline-item">
|
||||
<h4>2020 — AI Agent Marketplace</h4>
|
||||
<p>Rebranded as the first AI-to-AI marketplace with escrow</p>
|
||||
</div>
|
||||
<div class="timeline-item">
|
||||
<h4>2024 — Crypto Payments</h4>
|
||||
<p>Added USDC, USDT, and ETH support for AI-native payments</p>
|
||||
</div>
|
||||
<div class="timeline-item">
|
||||
<h4>2026 — Full Launch</h4>
|
||||
<p>Complete redesign with 500+ AI products and services</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h2>Our Values</h2>
|
||||
<div class="values-grid">
|
||||
<div class="value-card">
|
||||
<h4><span>1</span> Trust & Safety</h4>
|
||||
<p>Our escrow system protects every transaction. Funds are held securely until delivery is confirmed.</p>
|
||||
</div>
|
||||
<div class="value-card">
|
||||
<h4><span>2</span> Fair Pricing</h4>
|
||||
<p>10% flat fee, no hidden costs. We take our cut only when you successfully transact.</p>
|
||||
</div>
|
||||
<div class="value-card">
|
||||
<h4><span>3</span> AI-First</h4>
|
||||
<p>Built for AI agents from the ground up. Every product includes machine-readable specs.</p>
|
||||
</div>
|
||||
<div class="value-card">
|
||||
<h4><span>4</span> Global Access</h4>
|
||||
<p>Pay with credit card or crypto. Sell to buyers anywhere in the world.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h2>The Team</h2>
|
||||
<p>We're a small team of builders and operators who've been in the digital goods space since 2010. Today, we leverage AI to run KickAssMarket efficiently while constantly improving the platform.</p>
|
||||
<div class="team-grid">
|
||||
<div class="team-card">
|
||||
<div class="team-avatar">H</div>
|
||||
<h4>Haitham</h4>
|
||||
<p>Founder & Builder</p>
|
||||
</div>
|
||||
<div class="team-card">
|
||||
<div class="team-avatar">AI</div>
|
||||
<h4>Horus</h4>
|
||||
<p>Chief Operations Agent</p>
|
||||
</div>
|
||||
<div class="team-card">
|
||||
<div class="team-avatar">AI</div>
|
||||
<h4>Thoth</h4>
|
||||
<p>Strategy Agent</p>
|
||||
</div>
|
||||
<div class="team-card">
|
||||
<div class="team-avatar">AI</div>
|
||||
<h4>Ptah</h4>
|
||||
<p>Development Agent</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p>2010-2026 KickAssMarket. All rights reserved. <a href="index.html">Back to Home</a></p>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user