Startsida Utforska Hjälp
Registrera dig Logga in
d8dfun
/
duobaduo-tech-website-ycqeLBh6
1
0
Fork 0
Filer Ärenden 0 Pull-förfrågningar 0 Wiki
Bläddra i källkod

Initial commit

D8D AI 1 år sedan
incheckning
a3ca144917
6 ändrade filer med 243 tillägg och 0 borttagningar
Unifierad Vy Visa Diff Statistik
  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
Visa fil 

@@ -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
Visa fil 

@@ -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
Visa fil 

@@ -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
Visa fil 

@@ -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
Visa fil 

@@ -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
Visa fil 

@@ -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>,
 
+)