صفحهٔ اصلی گشت‌و‌گذار راهنما
ثبت نام ورود
d8dfun
/
duobaduo-tech-website-ycqeLBh6
1
0
انشعاب 0
پرونده‌ها مشکلات 0 درخواست واکشی 0 ویکی
فهرست منبع

Initial commit

D8D AI 1 سال پیش
کامیت
a3ca144917
6فایلهای تغییر یافته به همراه243 افزوده شده و 0 حذف شده
مشاهده تقسیم شده نمایش آمار تفاوت ها
  1. 13 0
      index.html
  2. 22 0
      package.json
  3. 78 0
      src/App.css
  4. 83 0
      src/App.jsx
  5. 37 0
      src/index.css
  6. 10 0
      src/main.jsx

+ 13 - 0
index.html
مشاهده فایل 

@@ -0,0 +1,13 @@
 
+<!DOCTYPE html>
 
+<html lang="zh-CN">
 
+  <head>
 
+    <meta charset="UTF-8" />
 
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
+    <title>多八多科技 - AI助手，让创意和开发更简单</title>
 
+  </head>
 
+  <body>
 
+    <div id="root"></div>
 
+    <script type="module" src="/src/main.jsx"></script>
 
+  </body>
 
+</html>

+ 22 - 0
package.json
مشاهده فایل 

@@ -0,0 +1,22 @@
 
+{
 
+  "name": "duobaduo-tech",
 
+  "private": true,
 
+  "version": "0.0.0",
 
+  "type": "module",
 
+  "scripts": {
 
+    "dev": "vite",
 
+    "build": "vite build",
 
+    "preview": "vite preview"
 
+  },
 
+  "dependencies": {
 
+    "react": "^18.2.0",
 
+    "react-dom": "^18.2.0",
 
+    "react-icons": "^4.8.0"
 
+  },
 
+  "devDependencies": {
 
+    "@types/react": "^18.0.28",
 
+    "@types/react-dom": "^18.0.11",
 
+    "@vitejs/plugin-react": "^3.1.0",
 
+    "vite": "^4.2.0"
 
+  }
 
+}

+ 78 - 0
src/App.css
مشاهده فایل 

@@ -0,0 +1,78 @@
 
+.App {
 
+  text-align: center;
 
+}
 
+
 
+header {
 
+  background-color: var(--primary-color);
 
+  color: white;
 
+  padding: 1rem 0;
 
+}
 
+
 
+header h1 {
 
+  margin: 0;
 
+}
 
+
 
+nav ul {
 
+  list-style-type: none;
 
+  padding: 0;
 
+}
 
+
 
+nav ul li {
 
+  display: inline;
 
+  margin: 0 10px;
 
+}
 
+
 
+nav ul li a {
 
+  color: white;
 
+  text-decoration: none;
 
+}
 
+
 
+.hero {
 
+  background-color: var(--secondary-color);
 
+  color: white;
 
+  padding: 4rem 0;
 
+}
 
+
 
+.features {
 
+  padding: 4rem 0;
 
+}
 
+
 
+.feature-list {
 
+  display: flex;
 
+  justify-content: space-around;
 
+  flex-wrap: wrap;
 
+}
 
+
 
+.feature-item {
 
+  flex-basis: 30%;
 
+  margin: 1rem;
 
+}
 
+
 
+.icon {
 
+  font-size: 3rem;
 
+  color: var(--primary-color);
 
+}
 
+
 
+.about, .contact {
 
+  padding: 4rem 0;
 
+}
 
+
 
+form {
 
+  display: flex;
 
+  flex-direction: column;
 
+  max-width: 400px;
 
+  margin: 0 auto;
 
+}
 
+
 
+input, textarea {
 
+  margin-bottom: 1rem;
 
+  padding: 0.5rem;
 
+  border: 1px solid #ccc;
 
+  border-radius: 4px;
 
+}
 
+
 
+footer {
 
+  background-color: var(--primary-color);
 
+  color: white;
 
+  padding: 1rem 0;
 
+}

+ 83 - 0
src/App.jsx
مشاهده فایل 

@@ -0,0 +1,83 @@
 
+import React from 'react';
 
+import { FaRobot, FaLightbulb, FaCode } from 'react-icons/fa';
 
+import './App.css';
 
+
 
+function App() {
 
+  return (
 
+    <div className="App">
 
+      <header>
 
+        <div className="container">
 
+          <h1>多八多科技</h1>
 
+          <nav>
 
+            <ul>
 
+              <li><a href="#home">首页</a></li>
 
+              <li><a href="#features">特点</a></li>
 
+              <li><a href="#about">关于我们</a></li>
 
+              <li><a href="#contact">联系我们</a></li>
 
+            </ul>
 
+          </nav>
 
+        </div>
 
+      </header>
 
+
 
+      <main>
 
+        <section id="home" className="hero">
 
+          <div className="container">
 
+            <h2>AI助手，让创意和开发更简单</h2>
 
+            <p>利用先进的人工智能技术，帮助您更快、更高效地实现想法</p>
 
+            <button className="button">立即体验</button>
 
+          </div>
 
+        </section>
 
+
 
+        <section id="features" className="features">
 
+          <div className="container">
 
+            <h2>我们的特点</h2>
 
+            <div className="feature-list">
 
+              <div className="feature-item">
 
+                <FaRobot className="icon" />
 
+                <h3>智能AI助手</h3>
 
+                <p>24/7全天候为您提供创意和技术支持</p>
 
+              </div>
 
+              <div className="feature-item">
 
+                <FaLightbulb className="icon" />
 
+                <h3>创意激发</h3>
 
+                <p>帮助您突破思维限制，激发更多创新想法</p>
 
+              </div>
 
+              <div className="feature-item">
 
+                <FaCode className="icon" />
 
+                <h3>快速开发</h3>
 
+                <p>自动生成代码，加速您的项目开发进程</p>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </section>
 
+
 
+        <section id="about" className="about">
 
+          <div className="container">
 
+            <h2>关于我们</h2>
 
+            <p>多八多科技是一家致力于利用人工智能技术简化创意和开发过程的科技公司。我们的使命是为创意工作者和开发者提供智能工具，让他们能够更快、更轻松地将想法转化为现实。</p>
 
+          </div>
 
+        </section>
 
+
 
+        <section id="contact" className="contact">
 
+          <div className="container">
 
+            <h2>联系我们</h2>
 
+            <form>
 
+              <input type="text" placeholder="姓名" required />
 
+              <input type="email" placeholder="邮箱" required />
 
+              <textarea placeholder="留言" required></textarea>
 
+              <button type="submit" className="button">发送</button>
 
+            </form>
 
+          </div>
 
+        </section>
 
+      </main>
 
+
 
+      <footer>
 
+        <div className="container">
 
+          <p>&copy; 2023 多八多科技。保留所有权利。</p>
 
+        </div>
 
+      </footer>
 
+    </div>
 
+  );
 
+}
 
+
 
+export default App;

+ 37 - 0
src/index.css
مشاهده فایل 

@@ -0,0 +1,37 @@
 
+:root {
 
+  --primary-color: #4a90e2;
 
+  --secondary-color: #f5a623;
 
+  --background-color: #f4f4f4;
 
+  --text-color: #333;
 
+}
 
+
 
+body {
 
+  margin: 0;
 
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
 
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
 
+    sans-serif;
 
+  -webkit-font-smoothing: antialiased;
 
+  -moz-osx-font-smoothing: grayscale;
 
+  background-color: var(--background-color);
 
+  color: var(--text-color);
 
+}
 
+
 
+.container {
 
+  max-width: 1200px;
 
+  margin: 0 auto;
 
+  padding: 0 20px;
 
+}
 
+
 
+.button {
 
+  background-color: var(--primary-color);
 
+  color: white;
 
+  border: none;
 
+  padding: 10px 20px;
 
+  border-radius: 5px;
 
+  cursor: pointer;
 
+  transition: background-color 0.3s ease;
 
+}
 
+
 
+.button:hover {
 
+  background-color: #3a7bc8;
 
+}

+ 10 - 0
src/main.jsx
مشاهده فایل 

@@ -0,0 +1,10 @@
 
+import React from 'react'
 
+import ReactDOM from 'react-dom/client'
 
+import App from './App.jsx'
 
+import './index.css'
 
+
 
+ReactDOM.createRoot(document.getElementById('root')).render(
 
+  <React.StrictMode>
 
+    <App />
 
+  </React.StrictMode>,
 
+)