From 0dad1dd4edebbb193fcf453209583884df5122ac Mon Sep 17 00:00:00 2001 From: ikaros <327209194@qq.com> Date: Tue, 17 Dec 2024 23:43:44 +0800 Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=EF=BC=9A=E5=85=B3=E4=BA=8E?= =?UTF-8?q?=E9=A1=B5=E9=9D=A2=EF=BC=88=E5=88=9D=E7=89=88=E7=BC=96=E5=86=99?= =?UTF-8?q?=EF=BC=89?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- about.html | 78 +++++++++++++++++++++++++++++++++++++++++++ css/about.css | 92 +++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 7 ++-- 3 files changed, 173 insertions(+), 4 deletions(-) create mode 100644 about.html create mode 100644 css/about.css diff --git a/about.html b/about.html new file mode 100644 index 0000000..2a716b9 --- /dev/null +++ b/about.html @@ -0,0 +1,78 @@ + + + + + + + 关于洛曦 + + + + + + + + + +
+
+ +
+ +
+ +
+ +
+
+

关于洛曦

+
+
+

项目组简介

+

洛曦是一家专注于AI技术创新和应用的项目组。我们致力于将最前沿的人工智能技术转化为实用的产品和解决方案,为用户提供智能、高效、个性化的服务体验。

+
+
+

创始人介绍

+

洛曦由AI领域的从业人员创立。我们的团队拥有丰富的行业经验和技术积累,在机器学习、自然语言处理、计算机视觉等领域有深厚的研究背景。我们热衷于探索AI的无限可能,并将其转化为改变生活的创新应用。

+
+
+

我们的愿景

+

我们的愿景是通过AI技术赋能各行各业,推动社会进步和人类发展。我们相信,人工智能将成为未来世界的核心驱动力,而我们正在努力成为这一革命性变革的先驱者和引领者。

+
+
+

产品与服务

+
    +
  • AI Vtuber: 结合最先进技术的虚拟AI主播
    • +
  • 直播弹幕助手: 智能化的直播互动工具
    • +
  • 洛曦AI: 全方位的AI无人直播系统
    • +
  • 定制化AI解决方案: 为企业提供量身定制的AI应用
    • +
+
+
+
+
+ +
+ © 2024 洛曦AI 保留所有权利。 +
+
+ + + + diff --git a/css/about.css b/css/about.css new file mode 100644 index 0000000..0f59558 --- /dev/null +++ b/css/about.css @@ -0,0 +1,92 @@ +.about-container { + min-height: 100vh; + background-image: linear-gradient(90deg, #3d1f52, #7940a8); + color: #fff; + padding: 40px 20px; +} + +.about-section { + max-width: 1200px; + margin: 0 auto; + padding: 40px 0; +} + +.about-title { + font-size: 3rem; + text-align: center; + margin-bottom: 40px; + letter-spacing: 4px; + text-transform: uppercase; +} + +.about-content { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + gap: 40px; +} + +.about-card { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 10px; + padding: 30px; + transition: transform 0.3s ease; +} + +.about-card:hover { + transform: translateY(-10px); +} + +.about-card h2 { + font-size: 2rem; + margin-bottom: 20px; +} + +.about-card p { + font-size: 1rem; + line-height: 1.6; +} + +.product-list { + list-style-type: none; + padding: 0; +} + +.product-list li { + margin-bottom: 10px; + display: flex; + align-items: center; +} + +.product-list li::before { + content: '•'; + color: #fff; + font-size: 1.5em; + margin-right: 10px; +} + +.footer { + position: absolute; + bottom: 10px; + text-align: center; + width: 100%; + color: white; +} + +.footer a { + color: white; +} + +@media (max-width: 768px) { + .about-title { + font-size: 2rem; + } + + .about-card h2 { + font-size: 1.5rem; + } + + .about-card p { + font-size: 0.9rem; + } +} + diff --git a/index.html b/index.html index c36434d..c75fef2 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,5 @@ - + @@ -23,9 +23,8 @@