|
|
<!DOCTYPE html>
|
|
|
<html lang="en">
|
|
|
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
<title>Company History</title>
|
|
|
</head>
|
|
|
|
|
|
<body class="p-6 bg-white rounded-lg shadow-md">
|
|
|
|
|
|
<div class="max-w-4xl mx-auto">
|
|
|
<h3 class="text-2xl sm:text-3xl font-bold tracking-tight mb-6">公司历史</h3>
|
|
|
<div
|
|
|
class="timeline relative before:absolute before:left-5 before:top-0 before:w-0.5 before:h-full before:bg-gray-300">
|
|
|
<!-- Timeline Item 1 -->
|
|
|
<div class="mb-8 ml-8 last:mb-0">
|
|
|
<div class="absolute w-3 h-3 bg-blue-500 rounded-full mt-1.5 -left-1.5 border border-white"></div>
|
|
|
<time class="mb-1 text-sm font-normal leading-none text-gray-400">2010年</time>
|
|
|
<h3 class="text-lg font-semibold text-gray-900">成立</h3>
|
|
|
<p class="text-base font-normal text-gray-500">公司在硅谷创立，旨在提供创新的技术解决方案。</p>
|
|
|
</div>
|
|
|
<!-- Timeline Item 2 -->
|
|
|
<div class="mb-8 ml-8 last:mb-0">
|
|
|
<div class="absolute w-3 h-3 bg-blue-500 rounded-full mt-1.5 -left-1.5 border border-white"></div>
|
|
|
<time class="mb-1 text-sm font-normal leading-none text-gray-400">2012年</time>
|
|
|
<h3 class="text-lg font-semibold text-gray-900">第一次产品发布</h3>
|
|
|
<p class="text-base font-normal text-gray-500">发布了第一款软件产品，获得了市场的好评。</p>
|
|
|
</div>
|
|
|
<!-- Timeline Item 3 -->
|
|
|
<div class="mb-8 ml-8 last:mb-0">
|
|
|
<div class="absolute w-3 h-3 bg-blue-500 rounded-full mt-1.5 -left-1.5 border border-white"></div>
|
|
|
<time class="mb-1 text-sm font-normal leading-none text-gray-400">2015年</time>
|
|
|
<h3 class="text-lg font-semibold text-gray-900">全球扩张</h3>
|
|
|
<p class="text-base font-normal text-gray-500">开始在全球范围内扩展业务，设立了欧洲办事处。</p>
|
|
|
</div>
|
|
|
<!-- Timeline Item 4 -->
|
|
|
<div class="mb-8 ml-8 last:mb-0">
|
|
|
<div class="absolute w-3 h-3 bg-blue-500 rounded-full mt-1.5 -left-1.5 border border-white"></div>
|
|
|
<time class="mb-1 text-sm font-normal leading-none text-gray-400">2020年</time>
|
|
|
<h3 class="text-lg font-semibold text-gray-900">技术革新</h3>
|
|
|
<p class="text-base font-normal text-gray-500">引入最新的AI技术，提升了产品的智能化水平。</p>
|
|
|
</div>
|
|
|
<!-- Timeline Item 5 -->
|
|
|
<div class="mb-8 ml-8 last:mb-0">
|
|
|
<div class="absolute w-3 h-3 bg-blue-500 rounded-full mt-1.5 -left-1.5 border border-white"></div>
|
|
|
<time class="mb-1 text-sm font-normal leading-none text-gray-400">2023年</time>
|
|
|
<h3 class="text-lg font-semibold text-gray-900">未来展望</h3>
|
|
|
<p class="text-base font-normal text-gray-500">持续研发新技术，致力于成为行业的领导者。</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|