個人網站 | 程式專案 | 橘蘋學習平台

{"id":788846,"student_id":93459,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\r\\n\u003chtml lang=\\\"zh-TW\\\"\u003e\\r\\n\u003chead\u003e\\r\\n    \u003cmeta charset=\\\"UTF-8\\\"\u003e\\r\\n    \u003cmeta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1.0\\\"\u003e\\r\\n    \u003ctitle\u003e你的名字 - 個人網站\u003c/title\u003e\\r\\n    \u003clink rel=\\\"stylesheet\\\" href=\\\"styles.css\\\"\u003e\\r\\n\u003c/head\u003e\\r\\n\u003cbody\u003e\\r\\n    \u003cheader\u003e\\r\\n        \u003cdiv class=\\\"container\\\"\u003e\\r\\n            \u003ch1\u003e歡迎來到我的個人網站\u003c/h1\u003e\\r\\n            \u003cp\u003e我是陳侑弦，這裡是我的個人網站。\u003c/p\u003e\\r\\n        \u003c/div\u003e\\r\\n    \u003c/header\u003e\\r\\n\\r\\n    \u003csection id=\\\"about\\\"\u003e\\r\\n        \u003cdiv class=\\\"container\\\"\u003e\\r\\n            \u003ch2\u003e關於我\u003c/h2\u003e\\r\\n            \u003cp\u003e在這裡寫下你的個人介紹。\u003c/p\u003e\\r\\n        \u003c/div\u003e\\r\\n    \u003c/section\u003e\\r\\n\\r\\n    \u003csection id=\\\"projects\\\"\u003e\\r\\n        \u003cdiv class=\\\"container\\\"\u003e\\r\\n            \u003ch2\u003e我的作品\u003c/h2\u003e\\r\\n            \u003cdiv class=\\\"project\\\"\u003e\\r\\n                \u003ch3\u003e項目名稱\u003c/h3\u003e\\r\\n                \u003cp\u003e這裡寫下你的項目描述。\u003c/p\u003e\\r\\n            \u003c/div\u003e\\r\\n            \u003c!-- 可以添加更多項目 --\u003e\\r\\n        \u003c/div\u003e\\r\\n    \u003c/section\u003e\\r\\n\\r\\n    \u003csection id=\\\"contact\\\"\u003e\\r\\n        \u003cdiv class=\\\"container\\\"\u003e\\r\\n            \u003ch2\u003e聯繫我\u003c/h2\u003e\\r\\n            \u003cp\u003e電子郵件：\u003ca href=\\\"mailto:你的電子郵件\\\"\u003e你的電子郵件\u003c/a\u003e\u003c/p\u003e\\r\\n            \u003cp\u003e社交媒體：\u003ca href=\\\"你的社交媒體連結\\\" target=\\\"_blank\\\"\u003e你的社交媒體名稱\u003c/a\u003e\u003c/p\u003e\\r\\n        \u003c/div\u003e\\r\\n    \u003c/section\u003e\\r\\n\\r\\n    \u003cfooter\u003e\\r\\n        \u003cdiv class=\\\"container\\\"\u003e\\r\\n            \u003cp\u003e\u0026copy; 2024 你的名字. 所有權利保留。\u003c/p\u003e\\r\\n        \u003c/div\u003e\\r\\n    \u003c/footer\u003e\\r\\n\\r\\n    \u003cscript src=\\\"script.js\\\"\u003e\u003c/script\u003e\\r\\n\u003c/body\u003e\\r\\n\u003c/html\u003e\\r\\n\",\"css\":\"/* Reset CSS */\\r\\n* {\\r\\n    margin: 0;\\r\\n    padding: 0;\\r\\n    box-sizing: border-box;\\r\\n}\\r\\n\\r\\nbody {\\r\\n    font-family: Arial, sans-serif;\\r\\n    line-height: 1.6;\\r\\n    position: relative; /* 讓footer設置成固定在底部 */\\r\\n    min-height: 100vh; /* 確保footer不會從頂部移動 */\\r\\n}\\r\\n\\r\\n.container {\\r\\n    width: 80%;\\r\\n    margin: auto;\\r\\n    padding: 20px;\\r\\n}\\r\\n\\r\\nheader {\\r\\n    background: #333;\\r\\n    color: #fff;\\r\\n    padding: 80px 0;\\r\\n    text-align: center;\\r\\n}\\r\\n\\r\\nheader h1 {\\r\\n    font-size: 3em;\\r\\n}\\r\\n\\r\\nheader p {\\r\\n    font-size: 1.5em;\\r\\n}\\r\\n\\r\\nsection {\\r\\n    padding: 60px 0;\\r\\n}\\r\\n\\r\\nsection h2 {\\r\\n    font-size: 2.5em;\\r\\n    text-align: center;\\r\\n    margin-bottom: 40px;\\r\\n}\\r\\n\\r\\n.project {\\r\\n    margin-bottom: 20px;\\r\\n}\\r\\n\\r\\nfooter {\\r\\n    background: #333;\\r\\n    color: #fff;\\r\\n    text-align: center;\\r\\n    padding: 20px 0;\\r\\n    position: absolute; /* 固定在底部 */\\r\\n    bottom: 0;\\r\\n    width: 100%;\\r\\n}\\r\\n\\r\\n\",\"js\":\"// 如果你的網站不需要JavaScript功能，這部分可以留空或刪// 如果你的網站不需要JavaScript功能，這部分可以留空或刪除// 如果你的網站不需要JavaScript功能，這部分可以留空或刪除\\r\\n\"}","created_at":"2024-07-11T16:34:33.751+08:00","updated_at":"2024-07-11T16:41:59.498+08:00","name":"個人網站","language":"web","screenshot":{"url":"https://cdn7.koding.school/uploads/project/screenshot/788846/25ac4f7c9ae3626943510d4741c288f0.jpg"},"parent_id":3,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":38,"hashid":"36ysjmygd","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}