You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
OneAuth/oa/front/t2/companyHistory.html

57 lines
2.8 KiB
HTML

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!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>