header and footer（待續）
This commit is contained in:
50
websites/my-website/headerandfooter.html
Normal file
50
websites/my-website/headerandfooter.html
Normal file
@@ -0,0 +1,50 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<title>My page</title>
|
||||
<!-- Bootstrap core CSS -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.min.js"></script>
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
|
||||
<style>
|
||||
html, body
|
||||
{
|
||||
width:100%;
|
||||
height:100%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header class="page-header bg-light py-3">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center">
|
||||
<h1 class="mt-3">Page Header</h1>
|
||||
<p class="mb-0">This header is editable in the editor.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Page Content -->
|
||||
<main class="container py-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center">
|
||||
<h2>Bootstrap 5 start page</h2>
|
||||
<p class="lead">Start by dragging components to page or double click to edit text</p>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="page-footer bg-light py-3">
|
||||
<div class="container text-center">
|
||||
<small>Editable footer content</small>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
50
websites/my-website/headerandfooter2.html
Normal file
50
websites/my-website/headerandfooter2.html
Normal file
@@ -0,0 +1,50 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<title>My page</title>
|
||||
<!-- Bootstrap core CSS -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.min.js"></script>
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
|
||||
<style>
|
||||
html, body
|
||||
{
|
||||
width:100%;
|
||||
height:100%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header class="page-header bg-light py-3">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center">
|
||||
<h1 class="mt-3">Page Header</h1>
|
||||
<p class="mb-0">This header is editable in the editor.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Page Content -->
|
||||
<main class="container py-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center">
|
||||
<h2>Bootstrap 5 start page</h2>
|
||||
<p class="lead">Start by dragging components to page or double click to edit text</p>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="page-footer bg-light py-3">
|
||||
<div class="container text-center">
|
||||
<small>Editable footer content</small>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -8,42 +8,82 @@
|
||||
{
|
||||
"name": "fold.html",
|
||||
"title": "Fold",
|
||||
"type": "file"
|
||||
"type": "file",
|
||||
"show_in_nav": true,
|
||||
"is_homepage": false,
|
||||
"requires_password": false,
|
||||
"has_header": true,
|
||||
"has_footer": false
|
||||
},
|
||||
{
|
||||
"name": "about-final.html",
|
||||
"title": "About Final",
|
||||
"type": "file"
|
||||
"type": "file",
|
||||
"show_in_nav": true,
|
||||
"is_homepage": false,
|
||||
"requires_password": false,
|
||||
"has_header": true,
|
||||
"has_footer": false
|
||||
},
|
||||
{
|
||||
"name": "index.html",
|
||||
"title": "Index",
|
||||
"type": "file"
|
||||
"type": "file",
|
||||
"show_in_nav": true,
|
||||
"is_homepage": false,
|
||||
"requires_password": false,
|
||||
"has_header": true,
|
||||
"has_footer": false
|
||||
},
|
||||
{
|
||||
"name": "my-page.html",
|
||||
"title": "My Page",
|
||||
"type": "file"
|
||||
"type": "file",
|
||||
"show_in_nav": true,
|
||||
"is_homepage": false,
|
||||
"requires_password": false,
|
||||
"has_header": true,
|
||||
"has_footer": false
|
||||
},
|
||||
{
|
||||
"name": "my-page3.html",
|
||||
"title": "My Page3",
|
||||
"type": "file"
|
||||
"type": "file",
|
||||
"show_in_nav": true,
|
||||
"is_homepage": false,
|
||||
"requires_password": false,
|
||||
"has_header": true,
|
||||
"has_footer": false
|
||||
},
|
||||
{
|
||||
"name": "my-page4.html",
|
||||
"title": "My Page4",
|
||||
"type": "file"
|
||||
"type": "file",
|
||||
"show_in_nav": true,
|
||||
"is_homepage": false,
|
||||
"requires_password": false,
|
||||
"has_header": true,
|
||||
"has_footer": false
|
||||
},
|
||||
{
|
||||
"name": "subfolder",
|
||||
"title": "Subfolder",
|
||||
"type": "folder",
|
||||
"show_in_nav": true,
|
||||
"is_homepage": false,
|
||||
"requires_password": false,
|
||||
"has_header": true,
|
||||
"has_footer": false,
|
||||
"children": [
|
||||
{
|
||||
"name": "subfolder/subpage-title.html",
|
||||
"title": "Subpage Title",
|
||||
"type": "file"
|
||||
"type": "file",
|
||||
"show_in_nav": true,
|
||||
"is_homepage": false,
|
||||
"requires_password": false,
|
||||
"has_header": true,
|
||||
"has_footer": false
|
||||
}
|
||||
]
|
||||
},
|
||||
@@ -51,26 +91,51 @@
|
||||
"name": "temp",
|
||||
"title": "Temp",
|
||||
"type": "folder",
|
||||
"show_in_nav": true,
|
||||
"is_homepage": false,
|
||||
"requires_password": false,
|
||||
"has_header": true,
|
||||
"has_footer": false,
|
||||
"children": [
|
||||
{
|
||||
"name": "temp/my-page5.html",
|
||||
"title": "My Page5",
|
||||
"type": "file"
|
||||
"type": "file",
|
||||
"show_in_nav": true,
|
||||
"is_homepage": false,
|
||||
"requires_password": false,
|
||||
"has_header": true,
|
||||
"has_footer": false
|
||||
},
|
||||
{
|
||||
"name": "temp/new.html",
|
||||
"title": "New",
|
||||
"type": "file"
|
||||
"type": "file",
|
||||
"show_in_nav": true,
|
||||
"is_homepage": false,
|
||||
"requires_password": false,
|
||||
"has_header": true,
|
||||
"has_footer": false
|
||||
},
|
||||
{
|
||||
"name": "subsubfolder",
|
||||
"title": "Subsubfolder",
|
||||
"type": "folder",
|
||||
"show_in_nav": true,
|
||||
"is_homepage": false,
|
||||
"requires_password": false,
|
||||
"has_header": true,
|
||||
"has_footer": false,
|
||||
"children": [
|
||||
{
|
||||
"name": "temp/subsubfolder/myname.html",
|
||||
"title": "Myname",
|
||||
"type": "file"
|
||||
"type": "file",
|
||||
"show_in_nav": true,
|
||||
"is_homepage": false,
|
||||
"requires_password": false,
|
||||
"has_header": true,
|
||||
"has_footer": false
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -79,9 +144,34 @@
|
||||
{
|
||||
"name": "test.html",
|
||||
"title": "Test",
|
||||
"type": "file"
|
||||
"type": "file",
|
||||
"show_in_nav": true,
|
||||
"is_homepage": false,
|
||||
"requires_password": false,
|
||||
"has_header": true,
|
||||
"has_footer": false
|
||||
},
|
||||
{
|
||||
"name": "headerandfooter.html",
|
||||
"title": "Headerandfooter",
|
||||
"type": "file",
|
||||
"show_in_nav": true,
|
||||
"is_homepage": false,
|
||||
"requires_password": false,
|
||||
"has_header": true,
|
||||
"has_footer": false
|
||||
},
|
||||
{
|
||||
"name": "headerandfooter2.html",
|
||||
"title": "Headerandfooter2",
|
||||
"type": "file",
|
||||
"show_in_nav": true,
|
||||
"is_homepage": false,
|
||||
"requires_password": false,
|
||||
"has_header": true,
|
||||
"has_footer": false
|
||||
}
|
||||
]
|
||||
},
|
||||
"updated_at": "2026-05-26T04:12:23"
|
||||
"updated_at": "2026-05-26T04:30:22"
|
||||
}
|
||||
@@ -1,6 +1,5 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<html lang="en" =""><head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="description" content="">
|
||||
@@ -18,16 +17,33 @@
|
||||
height:100%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<style id="vvvebjs-styles"></style></head>
|
||||
<body>
|
||||
<header class="page-header bg-light py-3">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center">
|
||||
<h1 class="mt-3">Page Header</h1>
|
||||
<p class="mb-0">This header is editable in the editor.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Page Content -->
|
||||
<div class="container">
|
||||
<main class="container py-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center">
|
||||
<h1 class="mt-5">Bootstrap 5 start page</h1>
|
||||
<h2>Bootstrap 5 start page</h2>
|
||||
<p class="lead">Start by dragging components to page or double click to edit text</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</main>
|
||||
|
||||
<footer class="page-footer bg-light py-3">
|
||||
<div class="container text-center" aria-readonly="false"><p><small>Editable footer content</small></p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
</body></html>
|
||||
Reference in New Issue
Block a user