cms系统的站点模板库
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

785 lines
27 KiB

<!DOCTYPE html>
<html lang="en-US">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<meta charset="UTF-8">
<title>{{.Title}}</title>
<meta name="keywords" content="{{.Keywords}}" />
<meta name="description" content="{{.Description}}" />
<style type="text/css">
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
font-stretch: normal;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v34/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVAexQ.ttf) format('truetype');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
font-stretch: normal;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v34/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkyFjWVAexQ.ttf) format('truetype');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: normal;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVc.ttf) format('truetype');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-stretch: normal;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVc.ttf) format('truetype');
}
@font-face {
font-family: 'Open Sans Condensed';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NHdQDnbTkabZAIOl9il_O6KJj73e7Fd_-7suD8Rb2Q.ttf) format('truetype');
}
@font-face {
font-family: 'Open Sans Condensed';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDuXMQg.ttf) format('truetype');
}
@font-face {
font-family: 'Open Sans Condensed';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuXMQg.ttf) format('truetype');
}
</style>
<script type="text/javascript">
window._wpemojiSettings = { "baseUrl": "https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/", "ext": ".png", "svgUrl": "https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/", "svgExt": ".svg", "source": { "concatemoji": "https:\/\/blog.discmakers.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.1" } };
/*! This file is auto-generated */
!function (e, a, t) { var n, r, o, i = a.createElement("canvas"), p = i.getContext && i.getContext("2d"); function s(e, t) { var a = String.fromCharCode, e = (p.clearRect(0, 0, i.width, i.height), p.fillText(a.apply(this, e), 0, 0), i.toDataURL()); return p.clearRect(0, 0, i.width, i.height), p.fillText(a.apply(this, t), 0, 0), e === i.toDataURL() } function c(e) { var t = a.createElement("script"); t.src = e, t.defer = t.type = "text/javascript", a.getElementsByTagName("head")[0].appendChild(t) } for (o = Array("flag", "emoji"), t.supports = { everything: !0, everythingExceptFlag: !0 }, r = 0; r < o.length; r++)t.supports[o[r]] = function (e) { if (p && p.fillText) switch (p.textBaseline = "top", p.font = "600 32px Arial", e) { case "flag": return s([127987, 65039, 8205, 9895, 65039], [127987, 65039, 8203, 9895, 65039]) ? !1 : !s([55356, 56826, 55356, 56819], [55356, 56826, 8203, 55356, 56819]) && !s([55356, 57332, 56128, 56423, 56128, 56418, 56128, 56421, 56128, 56430, 56128, 56423, 56128, 56447], [55356, 57332, 8203, 56128, 56423, 8203, 56128, 56418, 8203, 56128, 56421, 8203, 56128, 56430, 8203, 56128, 56423, 8203, 56128, 56447]); case "emoji": return !s([129777, 127995, 8205, 129778, 127999], [129777, 127995, 8203, 129778, 127999]) }return !1 }(o[r]), t.supports.everything = t.supports.everything && t.supports[o[r]], "flag" !== o[r] && (t.supports.everythingExceptFlag = t.supports.everythingExceptFlag && t.supports[o[r]]); t.supports.everythingExceptFlag = t.supports.everythingExceptFlag && !t.supports.flag, t.DOMReady = !1, t.readyCallback = function () { t.DOMReady = !0 }, t.supports.everything || (n = function () { t.readyCallback() }, a.addEventListener ? (a.addEventListener("DOMContentLoaded", n, !1), e.addEventListener("load", n, !1)) : (e.attachEvent("onload", n), a.attachEvent("onreadystatechange", function () { "complete" === a.readyState && t.readyCallback() })), (e = t.source || {}).concatemoji ? c(e.concatemoji) : e.wpemoji && e.twemoji && (c(e.twemoji), c(e.wpemoji))) }(window, document, window._wpemojiSettings);
</script>
<style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel='stylesheet' id='wp-block-library-css' href="{{ staticFile "/css/wp-includes/css/dist/block-library/style.min.css@ver=6.1.css"}}"
type='text/css' media='all' />
<link rel='stylesheet' id='classic-theme-styles-css' href="{{ staticFile "/css/wp-includes/css/classic-themes.min.css@ver=1.css"}}"
type='text/css' media='all' />
<style id='global-styles-inline-css' type='text/css'>
body {
--wp--preset--color--black: #000000;
--wp--preset--color--cyan-bluish-gray: #abb8c3;
--wp--preset--color--white: #ffffff;
--wp--preset--color--pale-pink: #f78da7;
--wp--preset--color--vivid-red: #cf2e2e;
--wp--preset--color--luminous-vivid-orange: #ff6900;
--wp--preset--color--luminous-vivid-amber: #fcb900;
--wp--preset--color--light-green-cyan: #7bdcb5;
--wp--preset--color--vivid-green-cyan: #00d084;
--wp--preset--color--pale-cyan-blue: #8ed1fc;
--wp--preset--color--vivid-cyan-blue: #0693e3;
--wp--preset--color--vivid-purple: #9b51e0;
--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
--wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
--wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
--wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
--wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
--wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
--wp--preset--duotone--dark-grayscale: url('index.html');
--wp--preset--duotone--grayscale: url('index.html');
--wp--preset--duotone--purple-yellow: url('index.html');
--wp--preset--duotone--blue-red: url('index.html');
--wp--preset--duotone--midnight: url('index.html');
--wp--preset--duotone--magenta-yellow: url('index.html');
--wp--preset--duotone--purple-green: url('index.html');
--wp--preset--duotone--blue-orange: url('index.html');
--wp--preset--font-size--small: 13px;
--wp--preset--font-size--medium: 20px;
--wp--preset--font-size--large: 36px;
--wp--preset--font-size--x-large: 42px;
--wp--preset--spacing--20: 0.44rem;
--wp--preset--spacing--30: 0.67rem;
--wp--preset--spacing--40: 1rem;
--wp--preset--spacing--50: 1.5rem;
--wp--preset--spacing--60: 2.25rem;
--wp--preset--spacing--70: 3.38rem;
--wp--preset--spacing--80: 5.06rem;
}
:where(.is-layout-flex) {
gap: 0.5em;
}
body .is-layout-flow>.alignleft {
float: left;
margin-inline-start: 0;
margin-inline-end: 2em;
}
body .is-layout-flow>.alignright {
float: right;
margin-inline-start: 2em;
margin-inline-end: 0;
}
body .is-layout-flow>.aligncenter {
margin-left: auto !important;
margin-right: auto !important;
}
body .is-layout-constrained>.alignleft {
float: left;
margin-inline-start: 0;
margin-inline-end: 2em;
}
body .is-layout-constrained>.alignright {
float: right;
margin-inline-start: 2em;
margin-inline-end: 0;
}
body .is-layout-constrained>.aligncenter {
margin-left: auto !important;
margin-right: auto !important;
}
body .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: var(--wp--style--global--content-size);
margin-left: auto !important;
margin-right: auto !important;
}
body .is-layout-constrained>.alignwide {
max-width: var(--wp--style--global--wide-size);
}
body .is-layout-flex {
display: flex;
}
body .is-layout-flex {
flex-wrap: wrap;
align-items: center;
}
body .is-layout-flex>* {
margin: 0;
}
:where(.wp-block-columns.is-layout-flex) {
gap: 2em;
}
.has-black-color {
color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-color {
color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-color {
color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-color {
color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-color {
color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-color {
color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-color {
color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-color {
color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-color {
color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-color {
color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-color {
color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-color {
color: var(--wp--preset--color--vivid-purple) !important;
}
.has-black-background-color {
background-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-background-color {
background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-background-color {
background-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-background-color {
background-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-background-color {
background-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-background-color {
background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-background-color {
background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-background-color {
background-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-background-color {
background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-background-color {
background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-background-color {
background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-background-color {
background-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-black-border-color {
border-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-border-color {
border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-border-color {
border-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-border-color {
border-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-border-color {
border-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-border-color {
border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-border-color {
border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-border-color {
border-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-border-color {
border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-border-color {
border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-border-color {
border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-border-color {
border-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}
.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}
.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}
.has-luminous-vivid-orange-to-vivid-red-gradient-background {
background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}
.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}
.has-cool-to-warm-spectrum-gradient-background {
background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}
.has-blush-light-purple-gradient-background {
background: var(--wp--preset--gradient--blush-light-purple) !important;
}
.has-blush-bordeaux-gradient-background {
background: var(--wp--preset--gradient--blush-bordeaux) !important;
}
.has-luminous-dusk-gradient-background {
background: var(--wp--preset--gradient--luminous-dusk) !important;
}
.has-pale-ocean-gradient-background {
background: var(--wp--preset--gradient--pale-ocean) !important;
}
.has-electric-grass-gradient-background {
background: var(--wp--preset--gradient--electric-grass) !important;
}
.has-midnight-gradient-background {
background: var(--wp--preset--gradient--midnight) !important;
}
.has-small-font-size {
font-size: var(--wp--preset--font-size--small) !important;
}
.has-medium-font-size {
font-size: var(--wp--preset--font-size--medium) !important;
}
.has-large-font-size {
font-size: var(--wp--preset--font-size--large) !important;
}
.has-x-large-font-size {
font-size: var(--wp--preset--font-size--x-large) !important;
}
.wp-block-navigation a:where(:not(.wp-element-button)) {
color: inherit;
}
:where(.wp-block-columns.is-layout-flex) {
gap: 2em;
}
.wp-block-pullquote {
font-size: 1.5em;
line-height: 1.6;
}
</style>
<link rel='stylesheet' id='SFSIPLUSmainCss-css'
href="{{ staticFile "/css/wp-content/plugins/ultimate-social-media-plus/css/sfsi-style.css@ver=3.5.5.css"}}" type='text/css'
media='all' />
<link rel='stylesheet' id='parent-style-css' href="{{ staticFile "/css/wp-content/themes/alizee-pro/style.css@ver=6.1.css"}}"
type='text/css' media='all' />
<link rel='stylesheet' id='alizee-bootstrap-css'
href="{{ staticFile "/css/wp-content/themes/alizee-pro/bootstrap/css/bootstrap.min.css@ver=1.css"}}" type='text/css' media='all' />
<link rel='stylesheet' id='alizee-style-css' href="{{ staticFile "/css/wp-content/themes/alizee-pro-child/style.css@ver=6.1.css"}}"
type='text/css' media='all' />
<style id='alizee-style-inline-css' type='text/css'>
.main-navigation a,
.social-navigation li a,
.entry-title a:hover,
.widget-title,
.widgettitle,
.social-widget li a::before,
.author-social a,
.view-all,
.view-all a {
color: #d86c00;
}
.main-navigation li:hover,
.post-navigation .nav-previous,
.post-navigation .nav-next,
.paging-navigation .nav-previous,
.paging-navigation .nav-next,
#today,
.tagcloud a,
.entry-thumb,
.comment-respond input[type="submit"],
.cat-link,
.search-submit {
background-color: #d86c00;
}
.widget-title,
.widgettitle,
.entry-thumb,
.author-name,
.site-header,
.page-header,
blockquote {
border-color: #d86c00;
}
.sidebar-toggle,
.slide-thumb {
border-right-color: #d86c00;
}
.social-toggle {
border-left-color: #d86c00;
}
.site-title a {
color: ;
}
.site-description {
color: ;
}
.entry-title,
.entry-title a {
color: #00476e;
}
body {
color: ;
}
.main-navigation,
.main-navigation ul ul {
background-color: rgba(0, 40, 66, 0.8);
}
.site-header {
background-color: #002842;
}
.footer-widget-area,
.site-info {
background-color: #002842;
}
h1,
h2,
h3,
h4,
h5,
h6,
.site-title {
font-family: Open Sans Condensed;
}
</style>
<link rel='stylesheet' id='alizee-font-awesome-css'
href="{{ staticFile "/css/wp-content/themes/alizee-pro/fonts/font-awesome.min.css@ver=6.1.css"}}" type='text/css' media='all' />
<link rel='stylesheet' id='flex-style-css' href="{{ staticFile "/css/wp-content/themes/alizee-pro/inc/slider/flexslider.css@ver=6.1.css"}}"
type='text/css' media='all' />
<script type='text/javascript' src="{{ staticFile "/js/jquery.min.js@ver=3.6.1"}}" id='jquery-core-js'></script>
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.sfsi_plus_subscribe_Popinner {
width: 100% !important;
height: auto !important;
border: 1px solid #b5b5b5 !important;
padding: 18px 0px !important;
background-color: #ffffff !important;
}
.sfsi_plus_subscribe_Popinner form {
margin: 0 20px !important;
}
.sfsi_plus_subscribe_Popinner h5 {
font-family: Helvetica, Arial, sans-serif !important;
font-weight: bold !important;
color: #000000 !important;
font-size: 16px !important;
text-align: center !important;
margin: 0 0 10px !important;
padding: 0 !important;
}
.sfsi_plus_subscription_form_field {
margin: 5px 0 !important;
width: 100% !important;
display: inline-flex;
display: -webkit-inline-flex;
}
.sfsi_plus_subscription_form_field input {
width: 100% !important;
padding: 10px 0px !important;
}
.sfsi_plus_subscribe_Popinner input[type=email] {
font-family: Helvetica, Arial, sans-serif !important;
font-style: normal !important;
color: !important;
font-size: 14px !important;
text-align: center !important;
}
.sfsi_plus_subscribe_Popinner input[type=email]::-webkit-input-placeholder {
font-family: Helvetica, Arial, sans-serif !important;
font-style: normal !important;
color: !important;
font-size: 14px !important;
text-align: center !important;
}
.sfsi_plus_subscribe_Popinner input[type=email]:-moz-placeholder {
/* Firefox 18- */
font-family: Helvetica, Arial, sans-serif !important;
font-style: normal !important;
color: !important;
font-size: 14px !important;
text-align: center !important;
}
.sfsi_plus_subscribe_Popinner input[type=email]::-moz-placeholder {
/* Firefox 19+ */
font-family: Helvetica, Arial, sans-serif !important;
font-style: normal !important;
color: !important;
font-size: 14px !important;
text-align: center !important;
}
.sfsi_plus_subscribe_Popinner input[type=email]:-ms-input-placeholder {
font-family: Helvetica, Arial, sans-serif !important;
font-style: normal !important;
color: !important;
font-size: 14px !important;
text-align: center !important;
}
.sfsi_plus_subscribe_Popinner input[type=submit] {
font-family: Helvetica, Arial, sans-serif !important;
font-weight: bold !important;
color: #000000 !important;
font-size: 16px !important;
text-align: center !important;
background-color: #dedede !important;
}
</style>
<style type="text/css">
.vvqbox {
display: block;
max-width: 100%;
visibility: visible !important;
margin: 10px auto;
}
.vvqbox img {
max-width: 100%;
height: 100%;
}
.vvqbox object {
max-width: 100%;
}
</style>
</head>
<body data-rsssl=1 class="home blog custom-background sfsi_plus_actvite_theme_default group-blog">
<div id="page" class="hfeed site">
<header id="masthead" class="site-header" role="banner">
<!-- End Logo-->
<!-- #site-navigation -->
<nav id="site-navigation" class="main-navigation " role="navigation">
<div class="container">
<button class="menu-toggle btn"><i class="fa fa-bars"></i></button>
<div class="menu-navigation-container" style="display: flex; justify-content: space-between;">
<ul id="menu-navigation" class="menu">
<li id="menu-item-22129"
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-22129">
<a href="{{.IndexUrl}}">{{ lang "home" }}</a>
</li>
{{ if .HasAbout}}
<li id="menu-item-22129"
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-22129">
<a href="{{.AboutUrl}}">{{ lang "about" }}</a>
</li>
{{end}}
{{ if .HasContact}}
<li id="menu-item-22129"
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-22129">
<a href="{{.ContactUrl}}">{{ lang "contact" }}</a>
</li>
{{end}}
{{ if .HasPolicy}}
<li id="menu-item-22129"
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-22129">
<a href="{{.PolicyUrl}}">{{ lang "policy" }}</a>
</li>
{{end}}
</ul>
</div>
</div>
</nav><!-- #site-navigation -->
</header><!-- #masthead -->
<div id="content" class="site-content container" style="padding-top: 30px;padding-bottom: 30px;">
<div id="primary" class="content-area col-md-12">
<main id="main" class="site-main" role="main">
<div id="posts-grid" class="grid-layout">
{{range .Articles}}
<article id="post-32172"
class="clearfix post-32172 post type-post status-publish format-standard has-post-thumbnail hentry category-songwriting-tips tag-career-in-music tag-chord-progression tag-constructing-a-song tag-disc-makers tag-how-to-write-a-song tag-how-to-write-lyrics tag-inspiration tag-learning-to-play-music tag-lyricist tag-lyrics tag-music-arrangement tag-music-influences tag-music-success tag-music-theory tag-musical-arrangements tag-musical-inspiration tag-musicians tag-people-who-make-music tag-song-structures tag-songwriter tag-songwriters tag-songwriting tag-songwriting-tips tag-write-a-great-chorus tag-writers-block tag-writing-songs post-number-3">
<div class="entry-thumb">
<a href="{{.Url}}"
title="{{.Title}}">
<div class="thumb-icon"><i class="fa fa-link"></i></div>
<img width="440" height="230"
src="{{getCover .Cover}}"
class="attachment-alizee-thumb-small size-alizee-thumb-small wp-post-image"
/>
</a>
</div>
<div class="post-content no-thumb">
<header class="entry-header">
<h1 class="entry-title"><a
href="{{.Url}}"
rel="bookmark">{{.Title}}</a></h1>
<div class="entry-meta">
<span class="posted-on"><i class="fa fa-calendar"></i> <a
href="{{.Url}}"
rel="bookmark"><time class="entry-date published"
datetime="2022-09-15T08:42:16-05:00">{{timeFormat .PublishTime}}</time></a></span>
</div><!-- .entry-meta -->
</header><!-- .entry-header -->
<div class="entry-summary" >
<a href="{{.Url}}" style="text-decoration: none"><p style="color: black; ;">
{{.Summary}}
</p></a>
</div>
</div>
</article><!-- #post-## -->
{{end}}
</div>
<div style="display: flex; justify-content: space-between;padding-top: 20px;">
{{$pulen := len .PrevUrl}}
{{ if ne $pulen 0 }}
<div>
<a href="{{.PrevUrl}}">Prev</a>
</div>
{{else}}
<div style="pointer-events: none;color: gray">
Prev
</div>
{{ end }}
<!-- 下一页 -->
{{$nulen := len .NextUrl}}
{{ if ne $nulen 0 }}
<div>
<a href="{{.NextUrl}}">Next</a>
</div>
{{else}}
<div style="pointer-events: none;color: gray">
Next
</div>
{{ end }}
</div>
</main><!-- #main -->
</div><!-- #primary -->
</div><!-- #content -->
<div id="sidebar-footer" class="footer-widget-area clearfix" role="complementary" style="padding-bottom: 30px;">
<div class="container">
<div class="sidebar-column col-md-4 col-sm-4">
<aside id="text-4" class="widget widget_text">
<h3 class="widget-title">Navigation</h3>
</aside>
<aside id="text-3" class="widget widget_text">
<div class="textwidget"><a href="{{.AboutUrl}}" target="_blank"
rel="noopener">{{ lang "about" }}</a></div>
</aside>
<aside id="text-26" class="widget widget_text">
<div class="textwidget"><a href="{{.ContactUrl}}" target="_blank"
rel="noopener">{{lang "contact"}}</a></div>
</aside>
<aside id="text-27" class="widget widget_text">
<div class="textwidget"><a href="{{.PolicyUrl}}" target="_blank"
rel="noopener">{{lang "policy"}}</a></div>
</aside>
</div>
</div>
</div>
</div><!-- #page -->
<script type='text/javascript' id='slider-init-js-extra'>
/* <![CDATA[ */
var sliderOptions = { "slideshowspeed": "4000", "animationspeed": "400" };
/* ]]> */
</script>
<script type='text/javascript' id='wpaudio-js-before'>
var _wpaudio = { url: '4324242', enc: {}, convert_mp3_links: true, style: { text_font: 'Arial, Sans-serif', text_size: '18px', text_weight: 'bold', text_letter_spacing: '0px', text_color: 'inherit', link_color: '#D57702', link_hover_color: '#D57702', bar_base_bg: '#eee', bar_load_bg: '#ccc', bar_position_bg: '#46f', sub_color: '#aaa' } };
</script>
<script defer src="{{staticFile "/js/autoptimize_13a1d625553a3e7a4632c198eaf5f49f.js"}}"></script>
</body>
</html>