@ -0,0 +1,211 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="de"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
|
||||
|
||||
|
||||
<!--[if lt IE 9]><script type="text/javascript" src="/js/html5-23902472714.js"></script><![endif]--> |
||||
|
||||
<link rel="stylesheet" href="{{staticFile "/css/bootstrap3-external-7490768328.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/bootstrap3-external-blessed1-1668433583.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/bootstrap3-external-blessed2-1668433583.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/navigation-7490768328.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/print-7490768328.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/responsiveslides.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/style.min.css@ver=5.7.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/themes.gif.css"}}"> |
||||
|
||||
|
||||
|
||||
|
||||
<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 .07em !important; |
||||
vertical-align: -0.1em !important; |
||||
background: none !important; |
||||
padding: 0 !important; |
||||
} |
||||
</style> |
||||
|
||||
</head> |
||||
|
||||
<body class="site-de "> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!--googleoff: index--> |
||||
|
||||
<div class="nav-toolbar"> |
||||
<a class="topnav-brand active" href="{{.IndexUrl}}"><img |
||||
class="img-responsive center-block conf-comsol-logo logo-mTop" |
||||
src="{{replaceImage .Logo}}" alt="logo"></a> |
||||
<!-- toggele search bar --> |
||||
|
||||
<!-- toolbar --> |
||||
|
||||
|
||||
</div><!-- nav-toolbar--> |
||||
|
||||
<!-- navbar --> |
||||
<div class="nav-primary-links"> |
||||
<ul class="pull-right bottom-nav-links"> |
||||
<li class="bn-link"><a href="{{.IndexUrl}}" class="nav-link">HOME</a></li> |
||||
{{if .HasAbout }} |
||||
<li class="bn-link"><a href="{{.AboutUrl}}"class="nav-link">ABOUT</a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="bn-link"><a href="{{.ContactUrl}}"class="nav-link">CONTACT</a></li> |
||||
{{end}} |
||||
|
||||
</ul> |
||||
</div><!-- nav-prim --> |
||||
|
||||
<!-- mobile --> |
||||
<div class="top-tool mobile-nav-toolbar"> |
||||
|
||||
<!-- toggle search --> |
||||
<div class="topnav-searchbar pull-right" style="display: none" data-cm-search-bar="search"> |
||||
<form class="" role="search" action="https://www.comsol.de/search/"> |
||||
<input type="search" gaq-name="topNavDesktop" value="" name="s" placeholder="Search"><button |
||||
class="search-submit" type="submit"><i class="fa fa-search"></i></button><span class="search-close" |
||||
data-cm-search-toggle><i class="fa fa-times" aria-hidden="true"></i></span> |
||||
</form> |
||||
</div> |
||||
|
||||
<div class="mobile-top" data-cm-search-bar="nav"> |
||||
<a class="topnav-brand active" href="{{.IndexUrl}}"><img |
||||
class="img-responsive center-block conf-comsol-logo" |
||||
src="{{replaceImage .Logo}}" alt="logo"></a> |
||||
</div> |
||||
</div><!-- mobile --> |
||||
|
||||
|
||||
|
||||
<!--</nav> --> |
||||
<!--googleon: index--> |
||||
<div class="content"> |
||||
<div class="contentWindow"> |
||||
<div class="grayBg comsolblog" data-cm-comsolblog> |
||||
<div class="container comsolblog__content"> |
||||
<div class="row"> |
||||
<div> |
||||
<!-- --> |
||||
<div class="post-hero-image" style="height:50px;"> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<!-- main content --> |
||||
<div class="post-page"> |
||||
<div class="row"> |
||||
<!--post--> |
||||
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 whiteBg"> |
||||
<div class="blogpost__content"> |
||||
<!-- Blog Post Metadata --> |
||||
<div class="row"> |
||||
<!-- Post Title --> |
||||
<div class="blogpost__title col-xs-12"> |
||||
<h1>About</h1> |
||||
</div> |
||||
<p>{{.About}}</p> |
||||
|
||||
</div> |
||||
<!-- /Blog Post Metadata --> |
||||
|
||||
</div> |
||||
</div> |
||||
<!-- sidebar --> |
||||
<div class="spacer"></div> |
||||
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 blog--sidebar"> |
||||
<!-- applicable categories --> |
||||
<!-- related posts --> |
||||
<div class="related-block"> |
||||
<h4>POPULAR ARTICLES</h4> |
||||
{{$plen := len .PopularArticles}} |
||||
{{if ne $plen 0}} |
||||
<!-- popilar item --> |
||||
{{range .PopularArticles}} |
||||
<div class="related-block__grey"> |
||||
<div class="related-block__preview"> |
||||
<div class="related-block__image"> |
||||
<a |
||||
href="{{.Url}}" target="_blank"><img |
||||
src="{{getCover .Cover "recommend"}}" alt="Cover Image"></a> |
||||
</div> |
||||
|
||||
<div class="related__title"> |
||||
<a |
||||
href="{{.Url}}" target="_blank"> |
||||
<p>{{.Title}}</p> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
{{end}} |
||||
</div><!-- end related --> |
||||
</div> <!-- sidebar --> |
||||
</div> <!-- post page --> |
||||
</div> <!-- row content --> |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
|
||||
<!--googleoff: index--> |
||||
<!--googleon: index--> |
||||
|
||||
</div> |
||||
</div> |
||||
<!--googleoff: index--> |
||||
|
||||
<div class="footer-sitemap" role="footer"> |
||||
<div class="ftr-main"> |
||||
<div class="ftr-sections"> |
||||
<ul> |
||||
<li class=" ftr-link-header">Quick Links</li> |
||||
<li class="ftr-link"><a href="{{.IndexUrl}}" class=" nav-link ">HOME</a></li> |
||||
{{if .HasAbout }} |
||||
<li class="ftr-link"><a href="{{.AboutUrl}}" class=" nav-link ">ABOUT</a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="ftr-link"><a href="{{.ContactUrl}}" class=" nav-link ">CONTACT</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="ftr-link"><a href="{{.PolicyUrl}}" class=" nav-link ">POLICY</a></li> |
||||
{{end}} |
||||
|
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<hr class="footerhr"> |
||||
<div class="ftr-legal"> |
||||
<ul> |
||||
<li class="footerCopyright">{{.Copyright}}</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<!--googleon: index--> |
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
<!-- generated: Fri, 18 Nov 2022 02:56:03 +0000 ++ '1668740163' ++ E ++ gentime: 0.4334 --> |
||||
|
@ -0,0 +1,5 @@ |
||||
{ |
||||
"creator": "何林云", |
||||
"version": "1.0", |
||||
"origin_website": "https://www.comsol.de/blogs" |
||||
} |
@ -0,0 +1,211 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="de"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
|
||||
|
||||
|
||||
<!--[if lt IE 9]><script type="text/javascript" src="/js/html5-23902472714.js"></script><![endif]--> |
||||
|
||||
<link rel="stylesheet" href="{{staticFile "/css/bootstrap3-external-7490768328.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/bootstrap3-external-blessed1-1668433583.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/bootstrap3-external-blessed2-1668433583.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/navigation-7490768328.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/print-7490768328.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/responsiveslides.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/style.min.css@ver=5.7.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/themes.gif.css"}}"> |
||||
|
||||
|
||||
|
||||
|
||||
<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 .07em !important; |
||||
vertical-align: -0.1em !important; |
||||
background: none !important; |
||||
padding: 0 !important; |
||||
} |
||||
</style> |
||||
|
||||
</head> |
||||
|
||||
<body class="site-de "> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!--googleoff: index--> |
||||
|
||||
<div class="nav-toolbar"> |
||||
<a class="topnav-brand active" href="{{.IndexUrl}}"><img |
||||
class="img-responsive center-block conf-comsol-logo logo-mTop" |
||||
src="{{replaceImage .Logo}}" alt="logo"></a> |
||||
<!-- toggele search bar --> |
||||
|
||||
<!-- toolbar --> |
||||
|
||||
|
||||
</div><!-- nav-toolbar--> |
||||
|
||||
<!-- navbar --> |
||||
<div class="nav-primary-links"> |
||||
<ul class="pull-right bottom-nav-links"> |
||||
<li class="bn-link"><a href="{{.IndexUrl}}" class="nav-link">HOME</a></li> |
||||
{{if .HasAbout }} |
||||
<li class="bn-link"><a href="{{.AboutUrl}}"class="nav-link">ABOUT</a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="bn-link"><a href="{{.ContactUrl}}"class="nav-link">CONTACT</a></li> |
||||
{{end}} |
||||
|
||||
</ul> |
||||
</div><!-- nav-prim --> |
||||
|
||||
<!-- mobile --> |
||||
<div class="top-tool mobile-nav-toolbar"> |
||||
|
||||
<!-- toggle search --> |
||||
<div class="topnav-searchbar pull-right" style="display: none" data-cm-search-bar="search"> |
||||
<form class="" role="search" action="https://www.comsol.de/search/"> |
||||
<input type="search" gaq-name="topNavDesktop" value="" name="s" placeholder="Search"><button |
||||
class="search-submit" type="submit"><i class="fa fa-search"></i></button><span class="search-close" |
||||
data-cm-search-toggle><i class="fa fa-times" aria-hidden="true"></i></span> |
||||
</form> |
||||
</div> |
||||
|
||||
<div class="mobile-top" data-cm-search-bar="nav"> |
||||
<a class="topnav-brand active" href="{{.IndexUrl}}"><img |
||||
class="img-responsive center-block conf-comsol-logo" |
||||
src="{{replaceImage .Logo}}" alt="logo"></a> |
||||
</div> |
||||
</div><!-- mobile --> |
||||
|
||||
|
||||
|
||||
<!--</nav> --> |
||||
<!--googleon: index--> |
||||
<div class="content"> |
||||
<div class="contentWindow"> |
||||
<div class="grayBg comsolblog" data-cm-comsolblog> |
||||
<div class="container comsolblog__content"> |
||||
<div class="row"> |
||||
<div> |
||||
<!-- --> |
||||
<div class="post-hero-image" style="height:50px;"> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<!-- main content --> |
||||
<div class="post-page"> |
||||
<div class="row"> |
||||
<!--post--> |
||||
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 whiteBg"> |
||||
<div class="blogpost__content"> |
||||
<!-- Blog Post Metadata --> |
||||
<div class="row"> |
||||
<!-- Post Title --> |
||||
<div class="blogpost__title col-xs-12"> |
||||
<h1>Contact</h1> |
||||
</div> |
||||
<p>{{.Contact}}</p> |
||||
|
||||
</div> |
||||
<!-- /Blog Post Metadata --> |
||||
|
||||
</div> |
||||
</div> |
||||
<!-- sidebar --> |
||||
<div class="spacer"></div> |
||||
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 blog--sidebar"> |
||||
<!-- applicable categories --> |
||||
<!-- related posts --> |
||||
<div class="related-block"> |
||||
<h4>POPULAR ARTICLES</h4> |
||||
{{$plen := len .PopularArticles}} |
||||
{{if ne $plen 0}} |
||||
<!-- popilar item --> |
||||
{{range .PopularArticles}} |
||||
<div class="related-block__grey"> |
||||
<div class="related-block__preview"> |
||||
<div class="related-block__image"> |
||||
<a |
||||
href="{{.Url}}" target="_blank"><img |
||||
src="{{getCover .Cover "recommend"}}" alt="Cover Image"></a> |
||||
</div> |
||||
|
||||
<div class="related__title"> |
||||
<a |
||||
href="{{.Url}}" target="_blank"> |
||||
<p>{{.Title}}</p> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
{{end}} |
||||
</div><!-- end related --> |
||||
</div> <!-- sidebar --> |
||||
</div> <!-- post page --> |
||||
</div> <!-- row content --> |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
|
||||
<!--googleoff: index--> |
||||
<!--googleon: index--> |
||||
|
||||
</div> |
||||
</div> |
||||
<!--googleoff: index--> |
||||
|
||||
<div class="footer-sitemap" role="footer"> |
||||
<div class="ftr-main"> |
||||
<div class="ftr-sections"> |
||||
<ul> |
||||
<li class=" ftr-link-header">Quick Links</li> |
||||
<li class="ftr-link"><a href="{{.IndexUrl}}" class=" nav-link ">HOME</a></li> |
||||
{{if .HasAbout }} |
||||
<li class="ftr-link"><a href="{{.AboutUrl}}" class=" nav-link ">ABOUT</a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="ftr-link"><a href="{{.ContactUrl}}" class=" nav-link ">CONTACT</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="ftr-link"><a href="{{.PolicyUrl}}" class=" nav-link ">POLICY</a></li> |
||||
{{end}} |
||||
|
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<hr class="footerhr"> |
||||
<div class="ftr-legal"> |
||||
<ul> |
||||
<li class="footerCopyright">{{.Copyright}}</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<!--googleon: index--> |
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
<!-- generated: Fri, 18 Nov 2022 02:56:03 +0000 ++ '1668740163' ++ E ++ gentime: 0.4334 --> |
||||
|
@ -0,0 +1,115 @@ |
||||
@CHARSET "UTF-8"; |
||||
|
||||
|
||||
/* Print utilities */ |
||||
@media print { |
||||
.hidden-print, .hidden-print * { |
||||
display: none !important; |
||||
} |
||||
} |
||||
|
||||
|
||||
/************************************** Product Page Print */ |
||||
#textToShowOrHide { |
||||
display: block !important; |
||||
} |
||||
.showHideBtn, .showMoreBtn { |
||||
display: none !important; |
||||
} |
||||
|
||||
|
||||
/************************************** Component Print Stles */ |
||||
|
||||
.back-to-top { |
||||
display: none !important; |
||||
} |
||||
|
||||
|
||||
/************************************** Print Utilities */ |
||||
|
||||
[class*="span"], .row, |
||||
.row-fluid [class*="span"] { |
||||
float: none; |
||||
display: block; |
||||
width: auto; |
||||
margin-left: 0; |
||||
} |
||||
.span12, |
||||
.row-fluid .span12 { |
||||
width: 100%; |
||||
-webkit-box-sizing: border-box; |
||||
-moz-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
} |
||||
|
||||
img.print-small { |
||||
max-height: 25%; |
||||
max-width: 25%; |
||||
} |
||||
|
||||
img.print-med { |
||||
max-height: 50%; |
||||
max-width: 50%; |
||||
} |
||||
|
||||
|
||||
/************************************** Print Reset */ |
||||
* { |
||||
text-shadow: none !important; |
||||
// color: #000 !important; // Black prints faster: h5bp.com/s |
||||
background: transparent !important; |
||||
box-shadow: none !important; |
||||
} |
||||
|
||||
a, |
||||
a:visited { |
||||
text-decoration: underline; |
||||
} |
||||
|
||||
abbr[title]:after { |
||||
content: " (" attr(title) ")"; |
||||
} |
||||
|
||||
// Don't show links for images, or javascript/internal links |
||||
.ir a:after, |
||||
a[href^="javascript:"]:after, |
||||
a[href^="#"]:after { |
||||
content: ""; |
||||
} |
||||
|
||||
pre, |
||||
blockquote { |
||||
border: 1px solid #999; |
||||
page-break-inside: avoid; |
||||
} |
||||
|
||||
thead { |
||||
display: table-header-group; // h5bp.com/t |
||||
} |
||||
|
||||
tr, |
||||
img { |
||||
page-break-inside: avoid; |
||||
} |
||||
|
||||
img { |
||||
max-width: 100% !important; |
||||
} |
||||
|
||||
@page { |
||||
margin: 0.5cm; |
||||
} |
||||
|
||||
p, |
||||
h2, |
||||
h3 { |
||||
orphans: 3; |
||||
widows: 3; |
||||
} |
||||
|
||||
h2, |
||||
h3 { |
||||
page-break-after: avoid; |
||||
} |
||||
|
||||
|
@ -0,0 +1,201 @@ |
||||
/*! http://responsiveslides.com v1.54 by @viljamis */ |
||||
|
||||
.rslides { |
||||
position: relative; |
||||
list-style: none; |
||||
overflow: hidden; |
||||
width: 100%; |
||||
padding: 0; |
||||
margin: 0; |
||||
} |
||||
|
||||
.rslides li { |
||||
-webkit-backface-visibility: hidden; |
||||
position: absolute; |
||||
display: none; |
||||
width: 100%; |
||||
left: 0; |
||||
top: 0; |
||||
} |
||||
|
||||
.rslides li:first-child { |
||||
position: relative; |
||||
display: block; |
||||
float: left; |
||||
} |
||||
|
||||
.rslides img { |
||||
display: block; |
||||
height: auto; |
||||
float: left; |
||||
width: 100%; |
||||
border: 0; |
||||
} |
||||
|
||||
.rslides_container { |
||||
margin-bottom: 50px; |
||||
position: relative; |
||||
float: left; |
||||
width: 100%; |
||||
} |
||||
.rslides_container > ul { |
||||
margin:0px; |
||||
padding:0px; |
||||
} |
||||
.rslides_container > ul > li { |
||||
list-style:none; |
||||
} |
||||
.rslides_container > ul > li > img{ |
||||
margin:0px; |
||||
} |
||||
.rslides_container > ul > li > span{ |
||||
display:block; |
||||
position:absolute; |
||||
bottom:0px; |
||||
color:white; |
||||
padding:20px 20px; |
||||
text-indent:0; |
||||
font-size:28px; |
||||
} |
||||
|
||||
.centered-btns_nav { |
||||
z-index: 3; |
||||
position: absolute; |
||||
top: 50%; |
||||
left: 0; |
||||
overflow: hidden; |
||||
text-decoration: none; |
||||
height: 35px; |
||||
width: 30px; |
||||
text-align: center; |
||||
font-size: 2.3em !important; |
||||
color: rgba(200,200,200,.5); |
||||
background: rgba(0,0,0,.5); |
||||
margin-top: -45px; |
||||
-webkit-transition: all .5s ease; |
||||
-moz-transition: all .5s ease; |
||||
-o-transition: all .5s ease; |
||||
transition: all .5s ease; |
||||
} |
||||
|
||||
.centered-btns_nav:hover { |
||||
color: rgba(200,200,200,1); |
||||
background: rgba(0,0,0,.8); |
||||
|
||||
} |
||||
|
||||
.centered-btns_nav i { |
||||
vertical-align: top; |
||||
} |
||||
|
||||
|
||||
.centered-btns_nav:active { |
||||
opacity: 1.0; |
||||
} |
||||
|
||||
.centered-btns_nav.next { |
||||
left: auto; |
||||
background-position: right top; |
||||
right: 0; |
||||
} |
||||
|
||||
.transparent-btns_nav { |
||||
z-index: 3; |
||||
position: absolute; |
||||
-webkit-tap-highlight-color: rgba(0,0,0,0); |
||||
top: 0; |
||||
left: 0; |
||||
display: block; |
||||
background: #fff; /* Fix for IE6-9 */ |
||||
opacity: 0; |
||||
filter: alpha(opacity=1); |
||||
width: 48%; |
||||
text-indent: -9999px; |
||||
overflow: hidden; |
||||
height: 91%; |
||||
} |
||||
|
||||
.transparent-btns_nav.next { |
||||
left: auto; |
||||
right: 0; |
||||
} |
||||
|
||||
.large-btns_nav { |
||||
z-index: 3; |
||||
position: absolute; |
||||
-webkit-tap-highlight-color: rgba(0,0,0,0); |
||||
opacity: 0.6; |
||||
text-indent: -9999px; |
||||
overflow: hidden; |
||||
top: 0; |
||||
bottom: 0; |
||||
left: 0; |
||||
background: #000 url("themes.gif.css") no-repeat left 50%; |
||||
width: 38px; |
||||
} |
||||
|
||||
.large-btns_nav:active { |
||||
opacity: 1.0; |
||||
} |
||||
|
||||
.large-btns_nav.next { |
||||
left: auto; |
||||
background-position: right 50%; |
||||
right: 0; |
||||
} |
||||
|
||||
.centered-btns_nav:focus, |
||||
.transparent-btns_nav:focus, |
||||
.large-btns_nav:focus { |
||||
outline: none; |
||||
} |
||||
|
||||
.centered-btns_tabs, |
||||
.transparent-btns_tabs, |
||||
.large-btns_tabs { |
||||
margin-top: 10px; |
||||
text-align: center; |
||||
} |
||||
|
||||
.centered-btns_tabs li, |
||||
.transparent-btns_tabs li, |
||||
.large-btns_tabs li { |
||||
display: inline; |
||||
float: none; |
||||
_float: left; |
||||
*float: left; |
||||
margin-right: 5px; |
||||
} |
||||
|
||||
.centered-btns_tabs a, |
||||
.transparent-btns_tabs a, |
||||
.large-btns_tabs a { |
||||
text-indent: -9999px; |
||||
overflow: hidden; |
||||
-webkit-border-radius: 15px; |
||||
-moz-border-radius: 15px; |
||||
border-radius: 15px; |
||||
background: #fafafa; |
||||
display: inline-block; |
||||
_display: block; |
||||
*display: block; |
||||
-webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); |
||||
-moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); |
||||
box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); |
||||
width: 9px; |
||||
height: 9px; |
||||
} |
||||
|
||||
.centered-btns_here a, |
||||
.transparent-btns_here a, |
||||
.large-btns_here a { |
||||
background: #0088cc; |
||||
} |
||||
|
||||
.wpSlide_title { |
||||
font-size: 1.2em !important; |
||||
color: #ffffff; |
||||
background: rgba(0,0,0,.5); |
||||
padding: 5px 15px !important; |
||||
width: 100%; |
||||
} |
After Width: | Height: | Size: 359 B |
@ -0,0 +1,226 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="de"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
|
||||
|
||||
|
||||
<!--[if lt IE 9]><script type="text/javascript" src="/js/html5-23902472714.js"></script><![endif]--> |
||||
|
||||
<link rel="stylesheet" href="{{staticFile "/css/bootstrap3-external-7490768328.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/bootstrap3-external-blessed1-1668433583.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/bootstrap3-external-blessed2-1668433583.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/navigation-7490768328.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/print-7490768328.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/responsiveslides.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/style.min.css@ver=5.7.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/themes.gif.css"}}"> |
||||
|
||||
|
||||
|
||||
|
||||
<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 .07em !important; |
||||
vertical-align: -0.1em !important; |
||||
background: none !important; |
||||
padding: 0 !important; |
||||
} |
||||
</style> |
||||
|
||||
</head> |
||||
|
||||
<body class="site-de "> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!--googleoff: index--> |
||||
|
||||
<div class="nav-toolbar"> |
||||
<a class="topnav-brand active" href="{{.IndexUrl}}"><img |
||||
class="img-responsive center-block conf-comsol-logo logo-mTop" |
||||
src="{{replaceImage .Logo}}" alt="logo"></a> |
||||
<!-- toggele search bar --> |
||||
|
||||
<!-- toolbar --> |
||||
|
||||
|
||||
</div><!-- nav-toolbar--> |
||||
|
||||
<!-- navbar --> |
||||
<div class="nav-primary-links"> |
||||
<ul class="pull-right bottom-nav-links"> |
||||
<li class="bn-link"><a href="{{.IndexUrl}}" class="nav-link">HOME</a></li> |
||||
{{if .HasAbout }} |
||||
<li class="bn-link"><a href="{{.AboutUrl}}"class="nav-link">ABOUT</a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="bn-link"><a href="{{.ContactUrl}}"class="nav-link">CONTACT</a></li> |
||||
{{end}} |
||||
|
||||
</ul> |
||||
</div><!-- nav-prim --> |
||||
|
||||
<!-- mobile --> |
||||
<div class="top-tool mobile-nav-toolbar"> |
||||
|
||||
<!-- toggle search --> |
||||
<div class="topnav-searchbar pull-right" style="display: none" data-cm-search-bar="search"> |
||||
<form class="" role="search" action="https://www.comsol.de/search/"> |
||||
<input type="search" gaq-name="topNavDesktop" value="" name="s" placeholder="Search"><button |
||||
class="search-submit" type="submit"><i class="fa fa-search"></i></button><span class="search-close" |
||||
data-cm-search-toggle><i class="fa fa-times" aria-hidden="true"></i></span> |
||||
</form> |
||||
</div> |
||||
|
||||
<div class="mobile-top" data-cm-search-bar="nav"> |
||||
<a class="topnav-brand active" href="{{.IndexUrl}}"><img |
||||
class="img-responsive center-block conf-comsol-logo" |
||||
src="{{replaceImage .Logo}}" alt="logo"></a> |
||||
</div> |
||||
</div><!-- mobile --> |
||||
|
||||
|
||||
|
||||
<!--</nav> --> |
||||
<!--googleon: index--> |
||||
<div class="content"> |
||||
<div class="contentWindow"> |
||||
<div class="grayBg comsolblog" data-cm-comsolblog> |
||||
<div class="container comsolblog__content"> |
||||
<!-- hero --> |
||||
<div class="row"> |
||||
<div> |
||||
<!-- --> |
||||
<div class="post-hero-image"> |
||||
<img src="{{getCover .Article.Pictures}}"> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<!-- end hero --> |
||||
|
||||
<!-- main content --> |
||||
<div class="post-page"> |
||||
<div class="row"> |
||||
<!--post--> |
||||
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 whiteBg"> |
||||
<div class="blogpost__content"> |
||||
<!-- Blog Post Metadata --> |
||||
<div class="row"> |
||||
<!-- Post Title --> |
||||
<div class="blogpost__title col-xs-12"> |
||||
<h1>{{.Title}}</h1> |
||||
</div> |
||||
</div> |
||||
<!-- /Blog Post Metadata --> |
||||
|
||||
<div class="blog-body"> |
||||
<p>{{.Article.Summary}}</p> |
||||
{{range .Article.Topics}} |
||||
<h3>{{.Topic}}</h3> |
||||
{{$tlen := len .Pictures}} |
||||
{{if ne $tlen 0}} |
||||
{{range .Pictures}} |
||||
<img width="100%" src="{{replaceImage .}}" /> |
||||
{{end}} |
||||
{{end}} |
||||
<p>{{.Content}}</p> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<!-- sidebar --> |
||||
<div class="spacer"></div> |
||||
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 blog--sidebar"> |
||||
<!-- applicable categories --> |
||||
<!-- related posts --> |
||||
<div class="related-block"> |
||||
<h4>POPULAR ARTICLES</h4> |
||||
{{$plen := len .PopularArticles}} |
||||
{{if ne $plen 0}} |
||||
<!-- popilar item --> |
||||
{{range .PopularArticles}} |
||||
<div class="related-block__grey"> |
||||
<div class="related-block__preview"> |
||||
<div class="related-block__image"> |
||||
<a |
||||
href="{{.Url}}" target="_blank"><img |
||||
src="{{getCover .Cover "recommend"}}" alt="Cover Image"></a> |
||||
</div> |
||||
|
||||
<div class="related__title"> |
||||
<a |
||||
href="{{.Url}}" target="_blank"> |
||||
<p>{{.Title}}</p> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
{{end}} |
||||
</div><!-- end related --> |
||||
</div> <!-- sidebar --> |
||||
</div> <!-- post page --> |
||||
</div> <!-- row content --> |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
|
||||
<!--googleoff: index--> |
||||
<!--googleon: index--> |
||||
|
||||
</div> |
||||
</div> |
||||
<!--googleoff: index--> |
||||
|
||||
<div class="footer-sitemap" role="footer"> |
||||
<div class="ftr-main"> |
||||
<div class="ftr-sections"> |
||||
<ul> |
||||
<li class=" ftr-link-header">Quick Links</li> |
||||
<li class="ftr-link"><a href="{{.IndexUrl}}" class=" nav-link ">HOME</a></li> |
||||
{{if .HasAbout }} |
||||
<li class="ftr-link"><a href="{{.AboutUrl}}" class=" nav-link ">ABOUT</a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="ftr-link"><a href="{{.ContactUrl}}" class=" nav-link ">CONTACT</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="ftr-link"><a href="{{.PolicyUrl}}" class=" nav-link ">POLICY</a></li> |
||||
{{end}} |
||||
|
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<hr class="footerhr"> |
||||
<div class="ftr-legal"> |
||||
<ul> |
||||
<li class="footerCopyright">{{.Copyright}}</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<!--googleon: index--> |
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
<!-- generated: Fri, 18 Nov 2022 02:56:03 +0000 ++ '1668740163' ++ E ++ gentime: 0.4334 --> |
||||
|
After Width: | Height: | Size: 345 KiB |
After Width: | Height: | Size: 32 KiB |
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 418 B |
After Width: | Height: | Size: 312 B |
After Width: | Height: | Size: 205 B |
After Width: | Height: | Size: 262 B |
After Width: | Height: | Size: 348 B |
After Width: | Height: | Size: 207 B |
After Width: | Height: | Size: 5.7 KiB |
After Width: | Height: | Size: 278 B |
After Width: | Height: | Size: 328 B |
After Width: | Height: | Size: 6.8 KiB |
After Width: | Height: | Size: 4.4 KiB |
After Width: | Height: | Size: 4.4 KiB |
After Width: | Height: | Size: 4.4 KiB |
After Width: | Height: | Size: 6.2 KiB |
@ -0,0 +1,214 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="de"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
|
||||
|
||||
|
||||
<!--[if lt IE 9]><script type="text/javascript" src="/js/html5-23902472714.js"></script><![endif]--> |
||||
|
||||
<link rel="stylesheet" href="{{staticFile "/css/bootstrap3-external-7490768328.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/bootstrap3-external-blessed1-1668433583.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/bootstrap3-external-blessed2-1668433583.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/navigation-7490768328.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/print-7490768328.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/responsiveslides.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/style.min.css@ver=5.7.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/themes.gif.css"}}"> |
||||
|
||||
|
||||
|
||||
|
||||
<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 .07em !important; |
||||
vertical-align: -0.1em !important; |
||||
background: none !important; |
||||
padding: 0 !important; |
||||
} |
||||
</style> |
||||
|
||||
</head> |
||||
|
||||
<body class="site-de "> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!--googleoff: index--> |
||||
|
||||
<div class="nav-toolbar"> |
||||
<a class="topnav-brand active" href="{{.IndexUrl}}"><img |
||||
class="img-responsive center-block conf-comsol-logo logo-mTop" |
||||
src="{{replaceImage .Logo}}" alt="logo"></a> |
||||
<!-- toggele search bar --> |
||||
|
||||
<!-- toolbar --> |
||||
|
||||
|
||||
</div><!-- nav-toolbar--> |
||||
|
||||
<!-- navbar --> |
||||
<div class="nav-primary-links"> |
||||
<ul class="pull-right bottom-nav-links"> |
||||
<li class="bn-link"><a href="{{.IndexUrl}}" class="nav-link">HOME</a></li> |
||||
{{if .HasAbout }} |
||||
<li class="bn-link"><a href="{{.AboutUrl}}"class="nav-link">ABOUT</a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="bn-link"><a href="{{.ContactUrl}}"class="nav-link">CONTACT</a></li> |
||||
{{end}} |
||||
|
||||
</ul> |
||||
</div><!-- nav-prim --> |
||||
|
||||
<!-- mobile --> |
||||
<div class="top-tool mobile-nav-toolbar"> |
||||
|
||||
<!-- toggle search --> |
||||
<div class="topnav-searchbar pull-right" style="display: none" data-cm-search-bar="search"> |
||||
<form class="" role="search" action="https://www.comsol.de/search/"> |
||||
<input type="search" gaq-name="topNavDesktop" value="" name="s" placeholder="Search"><button |
||||
class="search-submit" type="submit"><i class="fa fa-search"></i></button><span class="search-close" |
||||
data-cm-search-toggle><i class="fa fa-times" aria-hidden="true"></i></span> |
||||
</form> |
||||
</div> |
||||
|
||||
<div class="mobile-top" data-cm-search-bar="nav"> |
||||
<a class="topnav-brand active" href="{{.IndexUrl}}"><img |
||||
class="img-responsive center-block conf-comsol-logo" |
||||
src="{{replaceImage .Logo}}" alt="logo"></a> |
||||
</div> |
||||
</div><!-- mobile --> |
||||
|
||||
|
||||
|
||||
<!--</nav> --> |
||||
<!--googleon: index--> |
||||
<div class="content"> |
||||
<div class="contentWindow"> |
||||
<div class="grayBg comsolblog" data-cm-comsolblog> |
||||
<div class="bloghero"></div> |
||||
<div class="container container--lift"> |
||||
|
||||
<div class="row"> |
||||
<div class="col-md-12"> |
||||
<div class="card-box--previews blogs__content"> |
||||
<div class="row"> |
||||
<div class="col-md-12"> |
||||
<!--filter label--> |
||||
<h4 class="blogfltrlabel"> |
||||
LATEST ARTICLES </h4> |
||||
</div> |
||||
</div> |
||||
<!--Blog previews--> |
||||
<div class="row"> |
||||
<div class="col-md-12"> |
||||
<!-- default article list start --> |
||||
{{ range .Articles }} |
||||
<a |
||||
href="{{.Url}}" target="_blank"> |
||||
<div class="card preview__details"> |
||||
<div class="blog-preview-img"> |
||||
<img |
||||
src="{{getCover .Cover "list"}}" alt="Cover Image"> |
||||
</div> |
||||
<div class="preview__text-container"> |
||||
|
||||
<div class="preview__text"> |
||||
<h4>{{.Title}}</h4> |
||||
<div class="date">{{timeFormat .PublishTime}}</div> |
||||
<p class="preview__description"> |
||||
<p> {{.Summary}}</p> |
||||
</p> |
||||
<div class="text-fade--vertical"></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</a> |
||||
{{end}} |
||||
|
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<!--Pagination--> |
||||
<div class="paginationControl clearfix"> |
||||
{{$pulen := len .PrevUrl}} |
||||
{{ if ne $pulen 0 }} |
||||
<div class="pageFirst"> |
||||
<a href="{{.PrevUrl}}"> |
||||
Prev <i class="fa fa-angle-double-right"></i> |
||||
</a> |
||||
</div> |
||||
{{ end }} |
||||
{{$nulen := len .NextUrl}} |
||||
{{ if ne $nulen 0 }} |
||||
<div class="pageLast"> |
||||
<a href="{{.NextUrl}}"> |
||||
Next <i class="fa fa-angle-double-right"></i> |
||||
</a> |
||||
</div> |
||||
{{ end }} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
<!--googleoff: index--> |
||||
<!--googleon: index--> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
<!--googleoff: index--> |
||||
|
||||
<div class="footer-sitemap" role="footer"> |
||||
<div class="ftr-main"> |
||||
<div class="ftr-sections"> |
||||
<ul> |
||||
<li class=" ftr-link-header">Quick Links</li> |
||||
<li class="ftr-link"><a href="{{.IndexUrl}}" class=" nav-link ">HOME</a></li> |
||||
{{if .HasAbout }} |
||||
<li class="ftr-link"><a href="{{.AboutUrl}}" class=" nav-link ">ABOUT</a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="ftr-link"><a href="{{.ContactUrl}}" class=" nav-link ">CONTACT</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="ftr-link"><a href="{{.PolicyUrl}}" class=" nav-link ">POLICY</a></li> |
||||
{{end}} |
||||
|
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<hr class="footerhr"> |
||||
<div class="ftr-legal"> |
||||
<ul> |
||||
<li class="footerCopyright">{{.Copyright}}</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<!--googleon: index--> |
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
<!-- generated: Fri, 18 Nov 2022 02:56:03 +0000 ++ '1668740163' ++ E ++ gentime: 0.4334 --> |
@ -0,0 +1,23 @@ |
||||
|
||||
; |
||||
$(document).ready(function(){ |
||||
$(".rslides").responsiveSlides({ |
||||
pager : true, |
||||
nav : true, |
||||
namespace: "centered-btns" |
||||
}); |
||||
if ($(".poly-video-player").length > 0) { |
||||
$.getScript('//player.polyv.net/script/polyvplayer.min.js', function() { |
||||
$(".poly-video-player").each(function() { |
||||
var vid = $(this).attr("vid"); |
||||
$(this).data('polyVideoPlayer', polyvObject($(this).get(0)).videoPlayer({ |
||||
'width':'100%', |
||||
'height':'100%', |
||||
'vid' : vid, |
||||
'forceH5':true |
||||
} |
||||
)); |
||||
}); |
||||
}); |
||||
} |
||||
}); |
@ -0,0 +1,393 @@ |
||||
|
||||
; |
||||
/*! ResponsiveSlides.js v1.54 |
||||
* http://responsiveslides.com
|
||||
* http://viljamis.com
|
||||
* |
||||
* Copyright (c) 2011-2012 @viljamis |
||||
* Available under the MIT license |
||||
*/ |
||||
|
||||
/*jslint browser: true, sloppy: true, vars: true, plusplus: true, indent: 2 */ |
||||
|
||||
(function ($, window, i) { |
||||
$.fn.responsiveSlides = function (options) { |
||||
|
||||
// Default settings
|
||||
var settings = $.extend({ |
||||
"auto": true, // Boolean: Animate automatically, true or false
|
||||
"speed": 500, // Integer: Speed of the transition, in milliseconds
|
||||
"timeout": 4000, // Integer: Time between slide transitions, in milliseconds
|
||||
"pager": false, // Boolean: Show pager, true or false
|
||||
"nav": false, // Boolean: Show navigation, true or false
|
||||
"random": false, // Boolean: Randomize the order of the slides, true or false
|
||||
"pause": false, // Boolean: Pause on hover, true or false
|
||||
"pauseControls": true, // Boolean: Pause when hovering controls, true or false
|
||||
"prevText": "Previous", // String: Text for the "previous" button
|
||||
"nextText": "Next", // String: Text for the "next" button
|
||||
"maxwidth": "", // Integer: Max-width of the slideshow, in pixels
|
||||
"navContainer": "", // Selector: Where auto generated controls should be appended to, default is after the <ul>
|
||||
"manualControls": "", // Selector: Declare custom pager navigation
|
||||
"namespace": "rslides", // String: change the default namespace used
|
||||
"before": $.noop, // Function: Before callback
|
||||
"after": $.noop // Function: After callback
|
||||
}, options); |
||||
|
||||
return this.each(function () { |
||||
|
||||
// Index for namespacing
|
||||
i++; |
||||
|
||||
var $this = $(this), |
||||
|
||||
// Local variables
|
||||
vendor, |
||||
selectTab, |
||||
startCycle, |
||||
restartCycle, |
||||
rotate, |
||||
$tabs, |
||||
|
||||
// Helpers
|
||||
index = 0, |
||||
$slide = $this.children(), |
||||
length = $slide.size(), |
||||
fadeTime = parseFloat(settings.speed), |
||||
waitTime = parseFloat(settings.timeout), |
||||
maxw = parseFloat(settings.maxwidth), |
||||
|
||||
// Namespacing
|
||||
namespace = settings.namespace, |
||||
namespaceIdx = namespace + i, |
||||
|
||||
// Classes
|
||||
navClass = namespace + "_nav " + namespaceIdx + "_nav", |
||||
activeClass = namespace + "_here", |
||||
visibleClass = namespaceIdx + "_on", |
||||
slideClassPrefix = namespaceIdx + "_s", |
||||
|
||||
// Pager
|
||||
$pager = $("<ul class='" + namespace + "_tabs " + namespaceIdx + "_tabs' />"), |
||||
|
||||
// Styles for visible and hidden slides
|
||||
visible = {"float": "left", "position": "relative", "opacity": 1, "zIndex": 2}, |
||||
hidden = {"float": "none", "position": "absolute", "opacity": 0, "zIndex": 1}, |
||||
|
||||
// Detect transition support
|
||||
supportsTransitions = (function () { |
||||
var docBody = document.body || document.documentElement; |
||||
var styles = docBody.style; |
||||
var prop = "transition"; |
||||
if (typeof styles[prop] === "string") { |
||||
return true; |
||||
} |
||||
// Tests for vendor specific prop
|
||||
vendor = ["Moz", "Webkit", "Khtml", "O", "ms"]; |
||||
prop = prop.charAt(0).toUpperCase() + prop.substr(1); |
||||
var i; |
||||
for (i = 0; i < vendor.length; i++) { |
||||
if (typeof styles[vendor[i] + prop] === "string") { |
||||
return true; |
||||
} |
||||
} |
||||
return false; |
||||
})(), |
||||
|
||||
// Fading animation
|
||||
slideTo = function (idx) { |
||||
settings.before(idx); |
||||
// If CSS3 transitions are supported
|
||||
if (supportsTransitions) { |
||||
$slide |
||||
.removeClass(visibleClass) |
||||
.css(hidden) |
||||
.eq(idx) |
||||
.addClass(visibleClass) |
||||
.css(visible); |
||||
index = idx; |
||||
setTimeout(function () { |
||||
settings.after(idx); |
||||
}, fadeTime); |
||||
// If not, use jQuery fallback
|
||||
} else { |
||||
$slide |
||||
.stop() |
||||
.fadeOut(fadeTime, function () { |
||||
$(this) |
||||
.removeClass(visibleClass) |
||||
.css(hidden) |
||||
.css("opacity", 1); |
||||
}) |
||||
.eq(idx) |
||||
.fadeIn(fadeTime, function () { |
||||
$(this) |
||||
.addClass(visibleClass) |
||||
.css(visible); |
||||
settings.after(idx); |
||||
index = idx; |
||||
}); |
||||
} |
||||
}; |
||||
|
||||
// Random order
|
||||
if (settings.random) { |
||||
$slide.sort(function () { |
||||
return (Math.round(Math.random()) - 0.5); |
||||
}); |
||||
$this |
||||
.empty() |
||||
.append($slide); |
||||
} |
||||
|
||||
// Add ID's to each slide
|
||||
$slide.each(function (i) { |
||||
this.id = slideClassPrefix + i; |
||||
}); |
||||
|
||||
// Add max-width and classes
|
||||
$this.addClass(namespace + " " + namespaceIdx); |
||||
if (options && options.maxwidth) { |
||||
$this.css("max-width", maxw); |
||||
} |
||||
|
||||
// Hide all slides, then show first one
|
||||
$slide |
||||
.hide() |
||||
.css(hidden) |
||||
.eq(0) |
||||
.addClass(visibleClass) |
||||
.css(visible) |
||||
.show(); |
||||
|
||||
// CSS transitions
|
||||
if (supportsTransitions) { |
||||
$slide |
||||
.show() |
||||
.css({ |
||||
// -ms prefix isn't needed as IE10 uses prefix free version
|
||||
"-webkit-transition": "opacity " + fadeTime + "ms ease-in-out", |
||||
"-moz-transition": "opacity " + fadeTime + "ms ease-in-out", |
||||
"-o-transition": "opacity " + fadeTime + "ms ease-in-out", |
||||
"transition": "opacity " + fadeTime + "ms ease-in-out" |
||||
}); |
||||
} |
||||
|
||||
// Only run if there's more than one slide
|
||||
if ($slide.size() > 1) { |
||||
|
||||
// Make sure the timeout is at least 100ms longer than the fade
|
||||
if (waitTime < fadeTime + 100) { |
||||
return; |
||||
} |
||||
|
||||
// Pager
|
||||
if (settings.pager && !settings.manualControls) { |
||||
var tabMarkup = []; |
||||
$slide.each(function (i) { |
||||
var n = i + 1; |
||||
tabMarkup += |
||||
"<li>" + |
||||
"<a href='#' class='" + slideClassPrefix + n + "'>" + n + "</a>" + |
||||
"</li>"; |
||||
}); |
||||
$pager.append(tabMarkup); |
||||
|
||||
// Inject pager
|
||||
if (options.navContainer) { |
||||
$(settings.navContainer).append($pager); |
||||
} else { |
||||
$this.after($pager); |
||||
} |
||||
} |
||||
|
||||
// Manual pager controls
|
||||
if (settings.manualControls) { |
||||
$pager = $(settings.manualControls); |
||||
$pager.addClass(namespace + "_tabs " + namespaceIdx + "_tabs"); |
||||
} |
||||
|
||||
// Add pager slide class prefixes
|
||||
if (settings.pager || settings.manualControls) { |
||||
$pager.find('li').each(function (i) { |
||||
$(this).addClass(slideClassPrefix + (i + 1)); |
||||
}); |
||||
} |
||||
|
||||
// If we have a pager, we need to set up the selectTab function
|
||||
if (settings.pager || settings.manualControls) { |
||||
$tabs = $pager.find('a'); |
||||
|
||||
// Select pager item
|
||||
selectTab = function (idx) { |
||||
$tabs |
||||
.closest("li") |
||||
.removeClass(activeClass) |
||||
.eq(idx) |
||||
.addClass(activeClass); |
||||
}; |
||||
} |
||||
|
||||
// Auto cycle
|
||||
if (settings.auto) { |
||||
|
||||
startCycle = function () { |
||||
rotate = setInterval(function () { |
||||
|
||||
// Clear the event queue
|
||||
$slide.stop(true, true); |
||||
|
||||
var idx = index + 1 < length ? index + 1 : 0; |
||||
|
||||
// Remove active state and set new if pager is set
|
||||
if (settings.pager || settings.manualControls) { |
||||
selectTab(idx); |
||||
} |
||||
|
||||
slideTo(idx); |
||||
}, waitTime); |
||||
}; |
||||
|
||||
// Init cycle
|
||||
startCycle(); |
||||
} |
||||
|
||||
// Restarting cycle
|
||||
restartCycle = function () { |
||||
if (settings.auto) { |
||||
// Stop
|
||||
clearInterval(rotate); |
||||
// Restart
|
||||
startCycle(); |
||||
} |
||||
}; |
||||
|
||||
// Pause on hover
|
||||
if (settings.pause) { |
||||
$this.hover(function () { |
||||
clearInterval(rotate); |
||||
}, function () { |
||||
restartCycle(); |
||||
}); |
||||
} |
||||
|
||||
// Pager click event handler
|
||||
if (settings.pager || settings.manualControls) { |
||||
$tabs.bind("click", function (e) { |
||||
e.preventDefault(); |
||||
|
||||
if (!settings.pauseControls) { |
||||
restartCycle(); |
||||
} |
||||
|
||||
// Get index of clicked tab
|
||||
var idx = $tabs.index(this); |
||||
|
||||
// Break if element is already active or currently animated
|
||||
if (index === idx || $("." + visibleClass).queue('fx').length) { |
||||
return; |
||||
} |
||||
|
||||
// Remove active state from old tab and set new one
|
||||
selectTab(idx); |
||||
|
||||
// Do the animation
|
||||
slideTo(idx); |
||||
}) |
||||
.eq(0) |
||||
.closest("li") |
||||
.addClass(activeClass); |
||||
|
||||
// Pause when hovering pager
|
||||
if (settings.pauseControls) { |
||||
$tabs.hover(function () { |
||||
clearInterval(rotate); |
||||
}, function () { |
||||
restartCycle(); |
||||
}); |
||||
} |
||||
} |
||||
|
||||
// Navigation
|
||||
if (settings.nav) { |
||||
var navMarkup = |
||||
"<a href='#' class='" + navClass + " prev'><i class='rsNavIcon fa fa-angle-left'></i></a>" + |
||||
"<a href='#' class='" + navClass + " next'><i class='rsNavIcon fa fa-angle-right'></i></a>"; |
||||
|
||||
// Inject navigation
|
||||
if (options.navContainer) { |
||||
$(settings.navContainer).append(navMarkup); |
||||
} else { |
||||
$this.after(navMarkup); |
||||
} |
||||
|
||||
var $trigger = $("." + namespaceIdx + "_nav"), |
||||
$prev = $trigger.filter(".prev"); |
||||
|
||||
// Click event handler
|
||||
$trigger.bind("click", function (e) { |
||||
e.preventDefault(); |
||||
|
||||
var $visibleClass = $("." + visibleClass); |
||||
|
||||
// Prevent clicking if currently animated
|
||||
if ($visibleClass.queue('fx').length) { |
||||
return; |
||||
} |
||||
|
||||
// Adds active class during slide animation
|
||||
// $(this)
|
||||
// .addClass(namespace + "_active")
|
||||
// .delay(fadeTime)
|
||||
// .queue(function (next) {
|
||||
// $(this).removeClass(namespace + "_active");
|
||||
// next();
|
||||
// });
|
||||
|
||||
// Determine where to slide
|
||||
var idx = $slide.index($visibleClass), |
||||
prevIdx = idx - 1, |
||||
nextIdx = idx + 1 < length ? index + 1 : 0; |
||||
|
||||
// Go to slide
|
||||
slideTo($(this)[0] === $prev[0] ? prevIdx : nextIdx); |
||||
if (settings.pager || settings.manualControls) { |
||||
selectTab($(this)[0] === $prev[0] ? prevIdx : nextIdx); |
||||
} |
||||
|
||||
if (!settings.pauseControls) { |
||||
restartCycle(); |
||||
} |
||||
}); |
||||
|
||||
// Pause when hovering navigation
|
||||
if (settings.pauseControls) { |
||||
$trigger.hover(function () { |
||||
clearInterval(rotate); |
||||
}, function () { |
||||
restartCycle(); |
||||
}); |
||||
} |
||||
} |
||||
|
||||
} |
||||
|
||||
// Max-width fallback
|
||||
if (typeof document.body.style.maxWidth === "undefined" && options.maxwidth) { |
||||
var widthSupport = function () { |
||||
$this.css("width", "100%"); |
||||
if ($this.width() > maxw) { |
||||
$this.css("width", maxw); |
||||
} |
||||
}; |
||||
|
||||
// Init fallback
|
||||
widthSupport(); |
||||
$(window).bind("resize", function () { |
||||
widthSupport(); |
||||
}); |
||||
} |
||||
|
||||
}); |
||||
|
||||
}; |
||||
})(jQuery, this, 0); |
@ -0,0 +1,211 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="de"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
|
||||
|
||||
|
||||
<!--[if lt IE 9]><script type="text/javascript" src="/js/html5-23902472714.js"></script><![endif]--> |
||||
|
||||
<link rel="stylesheet" href="{{staticFile "/css/bootstrap3-external-7490768328.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/bootstrap3-external-blessed1-1668433583.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/bootstrap3-external-blessed2-1668433583.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/navigation-7490768328.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/print-7490768328.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/responsiveslides.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/style.min.css@ver=5.7.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/themes.gif.css"}}"> |
||||
|
||||
|
||||
|
||||
|
||||
<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 .07em !important; |
||||
vertical-align: -0.1em !important; |
||||
background: none !important; |
||||
padding: 0 !important; |
||||
} |
||||
</style> |
||||
|
||||
</head> |
||||
|
||||
<body class="site-de "> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!--googleoff: index--> |
||||
|
||||
<div class="nav-toolbar"> |
||||
<a class="topnav-brand active" href="{{.IndexUrl}}"><img |
||||
class="img-responsive center-block conf-comsol-logo logo-mTop" |
||||
src="{{replaceImage .Logo}}" alt="logo"></a> |
||||
<!-- toggele search bar --> |
||||
|
||||
<!-- toolbar --> |
||||
|
||||
|
||||
</div><!-- nav-toolbar--> |
||||
|
||||
<!-- navbar --> |
||||
<div class="nav-primary-links"> |
||||
<ul class="pull-right bottom-nav-links"> |
||||
<li class="bn-link"><a href="{{.IndexUrl}}" class="nav-link">HOME</a></li> |
||||
{{if .HasAbout }} |
||||
<li class="bn-link"><a href="{{.AboutUrl}}"class="nav-link">ABOUT</a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="bn-link"><a href="{{.ContactUrl}}"class="nav-link">CONTACT</a></li> |
||||
{{end}} |
||||
|
||||
</ul> |
||||
</div><!-- nav-prim --> |
||||
|
||||
<!-- mobile --> |
||||
<div class="top-tool mobile-nav-toolbar"> |
||||
|
||||
<!-- toggle search --> |
||||
<div class="topnav-searchbar pull-right" style="display: none" data-cm-search-bar="search"> |
||||
<form class="" role="search" action="https://www.comsol.de/search/"> |
||||
<input type="search" gaq-name="topNavDesktop" value="" name="s" placeholder="Search"><button |
||||
class="search-submit" type="submit"><i class="fa fa-search"></i></button><span class="search-close" |
||||
data-cm-search-toggle><i class="fa fa-times" aria-hidden="true"></i></span> |
||||
</form> |
||||
</div> |
||||
|
||||
<div class="mobile-top" data-cm-search-bar="nav"> |
||||
<a class="topnav-brand active" href="{{.IndexUrl}}"><img |
||||
class="img-responsive center-block conf-comsol-logo" |
||||
src="{{replaceImage .Logo}}" alt="logo"></a> |
||||
</div> |
||||
</div><!-- mobile --> |
||||
|
||||
|
||||
|
||||
<!--</nav> --> |
||||
<!--googleon: index--> |
||||
<div class="content"> |
||||
<div class="contentWindow"> |
||||
<div class="grayBg comsolblog" data-cm-comsolblog> |
||||
<div class="container comsolblog__content"> |
||||
<div class="row"> |
||||
<div> |
||||
<!-- --> |
||||
<div class="post-hero-image" style="height:50px;"> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<!-- main content --> |
||||
<div class="post-page"> |
||||
<div class="row"> |
||||
<!--post--> |
||||
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 whiteBg"> |
||||
<div class="blogpost__content"> |
||||
<!-- Blog Post Metadata --> |
||||
<div class="row"> |
||||
<!-- Post Title --> |
||||
<div class="blogpost__title col-xs-12"> |
||||
<h1>Policy</h1> |
||||
</div> |
||||
<p>{{.Policy}}</p> |
||||
|
||||
</div> |
||||
<!-- /Blog Post Metadata --> |
||||
|
||||
</div> |
||||
</div> |
||||
<!-- sidebar --> |
||||
<div class="spacer"></div> |
||||
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 blog--sidebar"> |
||||
<!-- applicable categories --> |
||||
<!-- related posts --> |
||||
<div class="related-block"> |
||||
<h4>POPULAR ARTICLES</h4> |
||||
{{$plen := len .PopularArticles}} |
||||
{{if ne $plen 0}} |
||||
<!-- popilar item --> |
||||
{{range .PopularArticles}} |
||||
<div class="related-block__grey"> |
||||
<div class="related-block__preview"> |
||||
<div class="related-block__image"> |
||||
<a |
||||
href="{{.Url}}" target="_blank"><img |
||||
src="{{getCover .Cover "recommend"}}" alt="Cover Image"></a> |
||||
</div> |
||||
|
||||
<div class="related__title"> |
||||
<a |
||||
href="{{.Url}}" target="_blank"> |
||||
<p>{{.Title}}</p> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
{{end}} |
||||
</div><!-- end related --> |
||||
</div> <!-- sidebar --> |
||||
</div> <!-- post page --> |
||||
</div> <!-- row content --> |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
|
||||
<!--googleoff: index--> |
||||
<!--googleon: index--> |
||||
|
||||
</div> |
||||
</div> |
||||
<!--googleoff: index--> |
||||
|
||||
<div class="footer-sitemap" role="footer"> |
||||
<div class="ftr-main"> |
||||
<div class="ftr-sections"> |
||||
<ul> |
||||
<li class=" ftr-link-header">Quick Links</li> |
||||
<li class="ftr-link"><a href="{{.IndexUrl}}" class=" nav-link ">HOME</a></li> |
||||
{{if .HasAbout }} |
||||
<li class="ftr-link"><a href="{{.AboutUrl}}" class=" nav-link ">ABOUT</a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="ftr-link"><a href="{{.ContactUrl}}" class=" nav-link ">CONTACT</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="ftr-link"><a href="{{.PolicyUrl}}" class=" nav-link ">POLICY</a></li> |
||||
{{end}} |
||||
|
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<hr class="footerhr"> |
||||
<div class="ftr-legal"> |
||||
<ul> |
||||
<li class="footerCopyright">{{.Copyright}}</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<!--googleon: index--> |
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
<!-- generated: Fri, 18 Nov 2022 02:56:03 +0000 ++ '1668740163' ++ E ++ gentime: 0.4334 --> |
||||
|
@ -0,0 +1,149 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="zxx"> |
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
<!-- For Others Pages --> |
||||
<link rel="stylesheet" href="{{staticFile "/css/font-awesome.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/style.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/customtabs.css"}}"> |
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"> |
||||
<link async defer rel="stylesheet" href="{{staticFile "/css/bootstrap.min.css"}}" type="text/css"> |
||||
<link async defer rel="stylesheet" href="{{staticFile "/css/flaticon.css"}}" type="text/css"> |
||||
<link async defer rel="stylesheet" href="{{staticFile "/css/jquery-ui.min.css"}}" type="text/css"> |
||||
<link async defer rel="stylesheet" href="{{staticFile "/css/magnific-popup.css"}}" type="text/css"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/slicknav.min.css"}}" type="text/css"> |
||||
<link async defer rel="stylesheet" href="{{staticFile "/css/style.css"}}" type="text/css"> |
||||
<link async defer rel="stylesheet" href="{{staticFile "/css/blogs.css"}}" type="text/css"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/font-awesme.min.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/styles.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/blogDetails.css"}}"> |
||||
|
||||
</head> |
||||
|
||||
<body> |
||||
|
||||
<header class="header header--normal" id="myHeader"> |
||||
|
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-3"> |
||||
<div class="header__logo"> |
||||
<a href="{{.IndexUrl}}"> |
||||
<div style="height: 40px; background: url('{{replaceImage .Logo}}'); width: 250px;background-size: contain; |
||||
background-repeat: no-repeat;"></div> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
<div class="col-lg-9"> |
||||
<div class="header__menu__option"> |
||||
<nav class="header__menu"> |
||||
<ul> |
||||
<li><a href="{{.IndexUrl}}">Home</a></li> |
||||
{{if .HasAbout }} |
||||
<li > |
||||
<a href="{{.AboutUrl}}">ABOUT</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li > |
||||
<a href="{{.ContactUrl}}">CONTACT</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
</header> |
||||
|
||||
<section class="blog-details"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-md-9 col-sm-8 col-xs-12 mobile-padding11"> |
||||
<div class="main-question"> |
||||
<h1>About</h1> |
||||
</div> |
||||
<p>{{.About}}</p> |
||||
|
||||
</div> |
||||
|
||||
<div class="col-md-3 col-sm-4 col-xs-12 left-outer-container mobile-padding11"> |
||||
<div class="sidebar-box"> |
||||
<h3 class="heading">POPULAR ARTICLES </h3> |
||||
<div class="post-entry-sidebar"> |
||||
{{$plen := len .PopularArticles}} |
||||
{{if ne $plen 0}} |
||||
<ul> |
||||
{{range .PopularArticles}} |
||||
<li> |
||||
<a href="{{.Url}}" target="_blank" |
||||
style="display: table;"> |
||||
<img src="{{getCover .Cover "recommend"}}" alt="Cover Image" class="mr-4" style="width: 90px;"> |
||||
<div class="text"> |
||||
<h6>{{.Title}}</h6> |
||||
</div> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
<footer class="footer"> |
||||
|
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-2 col-md-3 col-sm-6"> |
||||
<div class="footer__widget"> |
||||
<h5>Quick links</h5> |
||||
<ul> |
||||
<li><a href="{{.IndexUrl}}">HOME </a></li> |
||||
{{if .HasAbout }} |
||||
<li > |
||||
<a href="{{.AboutUrl}}">ABOUT</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li > |
||||
<a href="{{.ContactUrl}}">CONTACT</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li > |
||||
<a href="{{.PolicyUrl}}">POLICY</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="footer__copyright"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-7"> |
||||
<div class="footer__copyright__text"> |
||||
<p>{{.Copyright}} © |
||||
</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
|
||||
</body> |
||||
</html> |
@ -0,0 +1,5 @@ |
||||
{ |
||||
"creator": "何林云", |
||||
"version": "1.0", |
||||
"origin_website": "https://www.listofinformation.com/blog/" |
||||
} |
@ -0,0 +1,149 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="zxx"> |
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
<!-- For Others Pages --> |
||||
<link rel="stylesheet" href="{{staticFile "/css/font-awesome.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/style.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/customtabs.css"}}"> |
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"> |
||||
<link async defer rel="stylesheet" href="{{staticFile "/css/bootstrap.min.css"}}" type="text/css"> |
||||
<link async defer rel="stylesheet" href="{{staticFile "/css/flaticon.css"}}" type="text/css"> |
||||
<link async defer rel="stylesheet" href="{{staticFile "/css/jquery-ui.min.css"}}" type="text/css"> |
||||
<link async defer rel="stylesheet" href="{{staticFile "/css/magnific-popup.css"}}" type="text/css"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/slicknav.min.css"}}" type="text/css"> |
||||
<link async defer rel="stylesheet" href="{{staticFile "/css/style.css"}}" type="text/css"> |
||||
<link async defer rel="stylesheet" href="{{staticFile "/css/blogs.css"}}" type="text/css"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/font-awesme.min.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/styles.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/blogDetails.css"}}"> |
||||
|
||||
</head> |
||||
|
||||
<body> |
||||
|
||||
<header class="header header--normal" id="myHeader"> |
||||
|
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-3"> |
||||
<div class="header__logo"> |
||||
<a href="{{.IndexUrl}}"> |
||||
<div style="height: 40px; background: url('{{replaceImage .Logo}}'); width: 250px;background-size: contain; |
||||
background-repeat: no-repeat;"></div> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
<div class="col-lg-9"> |
||||
<div class="header__menu__option"> |
||||
<nav class="header__menu"> |
||||
<ul> |
||||
<li><a href="{{.IndexUrl}}">Home</a></li> |
||||
{{if .HasAbout }} |
||||
<li > |
||||
<a href="{{.AboutUrl}}">ABOUT</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li > |
||||
<a href="{{.ContactUrl}}">CONTACT</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
</header> |
||||
|
||||
<section class="blog-details"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-md-9 col-sm-8 col-xs-12 mobile-padding11"> |
||||
<div class="main-question"> |
||||
<h1>Contact</h1> |
||||
</div> |
||||
<p>{{.Contact}}</p> |
||||
|
||||
</div> |
||||
|
||||
<div class="col-md-3 col-sm-4 col-xs-12 left-outer-container mobile-padding11"> |
||||
<div class="sidebar-box"> |
||||
<h3 class="heading">POPULAR ARTICLES </h3> |
||||
<div class="post-entry-sidebar"> |
||||
{{$plen := len .PopularArticles}} |
||||
{{if ne $plen 0}} |
||||
<ul> |
||||
{{range .PopularArticles}} |
||||
<li> |
||||
<a href="{{.Url}}" target="_blank" |
||||
style="display: table;"> |
||||
<img src="{{getCover .Cover "recommend"}}" alt="Cover Image" class="mr-4" style="width: 90px;"> |
||||
<div class="text"> |
||||
<h6>{{.Title}}</h6> |
||||
</div> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
<footer class="footer"> |
||||
|
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-2 col-md-3 col-sm-6"> |
||||
<div class="footer__widget"> |
||||
<h5>Quick links</h5> |
||||
<ul> |
||||
<li><a href="{{.IndexUrl}}">HOME </a></li> |
||||
{{if .HasAbout }} |
||||
<li > |
||||
<a href="{{.AboutUrl}}">ABOUT</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li > |
||||
<a href="{{.ContactUrl}}">CONTACT</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li > |
||||
<a href="{{.PolicyUrl}}">POLICY</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="footer__copyright"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-7"> |
||||
<div class="footer__copyright__text"> |
||||
<p>{{.Copyright}} © |
||||
</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
|
||||
</body> |
||||
</html> |
@ -0,0 +1,412 @@ |
||||
|
||||
/*--------------------- |
||||
Blog Details |
||||
-----------------------*/ |
||||
|
||||
.blog__details__hero { |
||||
/* padding: 200px 0; */ |
||||
padding: 230px 0; |
||||
margin-bottom: 60px; |
||||
} |
||||
|
||||
.blog__hero__text h2 { |
||||
color: #ffffff; |
||||
font-weight: 600; |
||||
line-height: 47px; |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.blog__hero__text ul li { |
||||
list-style: none; |
||||
display: inline-block; |
||||
font-size: 13px; |
||||
margin-right: 22px; |
||||
color: #ffffff; |
||||
position: relative; |
||||
font-weight: 300; |
||||
} |
||||
|
||||
.blog__hero__text ul li:after { |
||||
position: absolute; |
||||
right: -16px; |
||||
top: 12px; |
||||
height: 5px; |
||||
width: 5px; |
||||
background: #ffffff; |
||||
border-radius: 50%; |
||||
content: ""; |
||||
} |
||||
|
||||
.blog__hero__text ul li img { |
||||
height: 30px; |
||||
width: 30px; |
||||
border-radius: 50%; |
||||
display: inline-block; |
||||
margin-right: 5px; |
||||
} |
||||
|
||||
.blog__hero__text ul li:last-child { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
.blog__hero__text ul li:last-child:after { |
||||
display: none; |
||||
} |
||||
|
||||
.blog__details__social { |
||||
position: absolute; |
||||
left: -64px; |
||||
} |
||||
|
||||
.blog__details__social a { |
||||
display: block; |
||||
height: 40px; |
||||
width: 40px; |
||||
background: #f2f7f8; |
||||
font-size: 16px; |
||||
color: #111111; |
||||
line-height: 40px; |
||||
text-align: center; |
||||
border-radius: 50%; |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
.blog__details__social a:last-child { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.blog__details__text { |
||||
margin-bottom: 20px; |
||||
/* padding-left: 75px; */ |
||||
} |
||||
|
||||
.blog__details__text__item { |
||||
margin-bottom: 35px; |
||||
} |
||||
|
||||
.blog__details__text__item:last-child { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.blog__details__text__item h5 { |
||||
color: #111111; |
||||
font-weight: 600; |
||||
margin-bottom: 12px; |
||||
} |
||||
|
||||
.blog__details__text__item p { |
||||
margin-bottom: 0; |
||||
font-size: 1.111em !important; |
||||
padding-bottom: 10px !important; |
||||
padding-top: 5px; |
||||
line-height: 1.7em; |
||||
font-weight: 100 !important; |
||||
color: #000 !important; |
||||
} |
||||
|
||||
.blog__details__desc, |
||||
.blog__details__desc__more { |
||||
margin-bottom: 50px; |
||||
} |
||||
|
||||
.blog__details__desc p, |
||||
.blog__details__desc__more p { |
||||
margin-bottom: 0; |
||||
color: #444444; |
||||
} |
||||
|
||||
.blog__details__pic { |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
.blog__details__pic img { |
||||
min-width: 100%; |
||||
margin-bottom: 30px; |
||||
} |
||||
|
||||
.blog__details__desc__more { |
||||
margin-bottom: 30px; |
||||
} |
||||
|
||||
.blog__details__tag { |
||||
padding-top: 10px; |
||||
padding-bottom: 60px; |
||||
border-bottom: 1px solid #ebebeb; |
||||
margin-bottom: 50px; |
||||
} |
||||
|
||||
.blog__details__tag p { |
||||
color: #111111; |
||||
margin-bottom: 0; |
||||
display: inline-block; |
||||
margin-right: 20px; |
||||
} |
||||
|
||||
.blog__details__tag p i { |
||||
color: #13a2b7; |
||||
} |
||||
|
||||
.blog__details__tag a { |
||||
display: inline-block; |
||||
font-size: 15px; |
||||
color: #666666; |
||||
background: #f2f7f8; |
||||
border-radius: 5px; |
||||
padding: 8px 15px; |
||||
margin-right: 11px; |
||||
} |
||||
|
||||
.blog__details__tag a:last-child { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
.blog__details__btns { |
||||
margin-bottom: 50px; |
||||
} |
||||
|
||||
.blog__details__btn__item { |
||||
display: block; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.blog__details__btn__item.blog__details__btn__prev { |
||||
text-align: right; |
||||
} |
||||
|
||||
.blog__details__btn__item.blog__details__btn__prev .title i { |
||||
margin-right: 0; |
||||
margin-left: 5px; |
||||
} |
||||
|
||||
.blog__details__btn__item.blog__details__btn__prev .blog__details__btn__pic { |
||||
float: right; |
||||
margin-right: 0; |
||||
margin-left: 25px; |
||||
} |
||||
|
||||
.blog__details__btn__item .title { |
||||
font-size: 15px; |
||||
color: #111111; |
||||
font-weight: 600; |
||||
margin-bottom: 25px; |
||||
} |
||||
|
||||
.blog__details__btn__item .title i { |
||||
margin-right: 5px; |
||||
font-size: 18px; |
||||
font-weight: 600; |
||||
} |
||||
|
||||
.blog__details__btn__pic { |
||||
float: left; |
||||
margin-right: 25px; |
||||
} |
||||
|
||||
.blog__details__btn__text { |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.blog__details__btn__text h6 { |
||||
color: #111111; |
||||
line-height: 21px; |
||||
font-weight: 600; |
||||
margin-bottom: 4px; |
||||
} |
||||
|
||||
.blog__details__btn__text span { |
||||
font-size: 13px; |
||||
color: #878787; |
||||
} |
||||
|
||||
.blog__details__related h3 { |
||||
color: #111111; |
||||
font-weight: 600; |
||||
margin-bottom: 35px; |
||||
text-align: center; |
||||
} |
||||
|
||||
.blog__details__related .blog__item__text { |
||||
padding: 25px 25px 20px; |
||||
} |
||||
|
||||
.blog__details__related .blog__item__text h5 { |
||||
font-size: 15px; |
||||
line-height: 19px; |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.blog__details__related .blog__item__text span { |
||||
font-size: 13px; |
||||
color: #888888; |
||||
font-weight: 300; |
||||
} |
||||
|
||||
.blog__details__comment { |
||||
padding-top: 10px; |
||||
} |
||||
|
||||
.blog__details__comment h3 { |
||||
color: #111111; |
||||
font-weight: 600; |
||||
margin-bottom: 35px; |
||||
text-align: center; |
||||
} |
||||
|
||||
.blog__details__comment form input { |
||||
width: 100%; |
||||
height: 50px; |
||||
border: 1px solid #e2e2e2; |
||||
border-radius: 5px; |
||||
padding-left: 20px; |
||||
font-size: 15px; |
||||
color: #666666; |
||||
margin-bottom: 30px; |
||||
} |
||||
|
||||
.blog__details__comment form input::-webkit-input-placeholder { |
||||
color: #666666; |
||||
} |
||||
|
||||
.blog__details__comment form input::-moz-placeholder { |
||||
color: #666666; |
||||
} |
||||
|
||||
.blog__details__comment form input:-ms-input-placeholder { |
||||
color: #666666; |
||||
} |
||||
|
||||
.blog__details__comment form input::-ms-input-placeholder { |
||||
color: #666666; |
||||
} |
||||
|
||||
.blog__details__comment form input::placeholder { |
||||
color: #666666; |
||||
} |
||||
|
||||
.blog__details__comment form textarea { |
||||
width: 100%; |
||||
height: 120px; |
||||
border: 1px solid #e2e2e2; |
||||
border-radius: 5px; |
||||
padding-left: 20px; |
||||
font-size: 15px; |
||||
color: #666666; |
||||
padding-top: 12px; |
||||
resize: none; |
||||
margin-bottom: 24px; |
||||
} |
||||
|
||||
.blog__details__comment form textarea::-webkit-input-placeholder { |
||||
color: #666666; |
||||
} |
||||
|
||||
.blog__details__comment form textarea::-moz-placeholder { |
||||
color: #666666; |
||||
} |
||||
|
||||
.blog__details__comment form textarea:-ms-input-placeholder { |
||||
color: #666666; |
||||
} |
||||
|
||||
.blog__details__comment form textarea::-ms-input-placeholder { |
||||
color: #666666; |
||||
} |
||||
|
||||
.blog__details__comment form textarea::placeholder { |
||||
color: #666666; |
||||
} |
||||
|
||||
.blog__details__comment form button { |
||||
width: 100%; |
||||
} |
||||
/* .main-question h1 { |
||||
font-size: 2.2em; |
||||
color: #404040; |
||||
margin: 0 0 10px; |
||||
line-height: 1.42857143; |
||||
} */ |
||||
|
||||
.main-question h1 { |
||||
font-weight: 400; |
||||
font-size: 2.855em; |
||||
color: #0b1332; |
||||
text-decoration: none; |
||||
text-transform: capitalize; |
||||
margin-bottom: 40px; |
||||
line-height: 1.1em; |
||||
} |
||||
|
||||
table td, table th { |
||||
border: 1px solid #ddd; |
||||
} |
||||
|
||||
|
||||
/* related posts */ |
||||
|
||||
.post-entry-sidebar ul li { |
||||
list-style: none; |
||||
padding: 0 0 20px 0; |
||||
margin: 0 0 20px 0; |
||||
} |
||||
.post-entry-sidebar ul li a { |
||||
display: table; |
||||
} |
||||
|
||||
.post-entry-sidebar ul li a img, .post-entry-sidebar ul li a .text { |
||||
display: table-cell; |
||||
vertical-align: middle; |
||||
} |
||||
|
||||
.sidebar-box { |
||||
margin-bottom: 4em; |
||||
font-size: 15px; |
||||
width: 100%; |
||||
float: left; |
||||
background: #fff; |
||||
} |
||||
|
||||
.sidebar-box .heading { |
||||
font-size: 18px; |
||||
margin-bottom: 30px; |
||||
padding-bottom: 20px; |
||||
border-bottom: 1px solid #e6e6e6; |
||||
} |
||||
|
||||
.blog__details__text__item img{ |
||||
width: 100% |
||||
} |
||||
|
||||
|
||||
.blog__details__text__item ul, ol{ |
||||
margin: 0px 0px 16px; |
||||
padding: 0px 0px 0px 40px; |
||||
font-size: 15px; |
||||
} |
||||
|
||||
.blog__details__text__item table{ |
||||
width : 100% |
||||
} |
||||
|
||||
.blog__details__text__item h1{ |
||||
margin-bottom: 20px; |
||||
font-size: 2.5rem |
||||
} |
||||
.blog__details__text__item h2 { |
||||
margin-bottom: 20px; |
||||
font-size: 2rem; |
||||
border-top: 3px solid #2471a5; |
||||
border-bottom: 2px solid #2471a5; |
||||
padding: 8px 0; |
||||
} |
||||
|
||||
iframe { |
||||
width: 100%; |
||||
} |
||||
|
||||
|
||||
@media screen and (max-width: 767px) { |
||||
.left-outer-container{ |
||||
margin-top: 100px; |
||||
} |
||||
} |
||||
|
@ -0,0 +1,234 @@ |
||||
|
||||
/* .site-section { |
||||
padding: 2.5em 0; } */ |
||||
@media (min-width: 768px) { |
||||
.site-section { |
||||
padding-top: 1em; } } |
||||
.site-section.site-section-sm { |
||||
padding: 4em 0; } |
||||
|
||||
.section-heading h2 { |
||||
font-weight: 700; |
||||
color: #000; } |
||||
|
||||
|
||||
/* Blocks */ |
||||
.container { |
||||
max-width: 1200px; } |
||||
|
||||
.muted, .entry2 p { |
||||
color: #333; } |
||||
|
||||
.site-cover { |
||||
background-size: cover; |
||||
background-position: top center; |
||||
position: relative; } |
||||
.site-cover.overlay:before { |
||||
background: rgba(0, 0, 0, 0.6); |
||||
position: absolute; |
||||
content: ""; |
||||
top: 0; |
||||
left: 0; |
||||
right: 0; |
||||
bottom: 0; } |
||||
.site-cover, .site-cover .same-height { |
||||
padding: 7em 0; } |
||||
.site-cover .post-entry .post-meta { |
||||
color: #fff; |
||||
font-size: 13px; } |
||||
.site-cover .post-entry .post-meta .author-figure img { |
||||
width: 30px; |
||||
border-radius: 50%; } |
||||
.site-cover .post-entry h2 { |
||||
font-family: "Muli", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; |
||||
font-size: 2rem; |
||||
line-height: 1.2; |
||||
color: #fff; } |
||||
@media (min-width: 992px) { |
||||
.site-cover .post-entry h2 { |
||||
font-size: 3rem; } } |
||||
.site-cover .post-entry h2 a { |
||||
color: #fff; } |
||||
.site-cover.single-page h1 { |
||||
font-size: 2rem; |
||||
color: #fff; } |
||||
@media (min-width: 992px) { |
||||
.site-cover.single-page h1 { |
||||
font-size: 5rem; } } |
||||
.site-cover.single-page h1 a { |
||||
color: #fff; } |
||||
|
||||
.post-meta { |
||||
font-size: 13px; |
||||
color: #b3b3b3; } |
||||
|
||||
.post-sm-entry figure { |
||||
-webkit-box-flex: 0; |
||||
-ms-flex: 0 0 110px; |
||||
flex: 0 0 110px; } |
||||
.post-sm-entry figure img { |
||||
max-width: 100%; |
||||
-webkit-transition: .3s all ease; |
||||
-o-transition: .3s all ease; |
||||
transition: .3s all ease; } |
||||
|
||||
.post-sm-entry h2 { |
||||
font-size: 1rem; |
||||
line-height: 1.4; |
||||
font-family: "Muli", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; |
||||
color: #000; } |
||||
|
||||
.post-sm-entry:hover img { |
||||
opacity: .5; } |
||||
|
||||
.post-category { |
||||
display: inline-block; |
||||
padding: 5px 10px; |
||||
border-radius: 4px; |
||||
letter-spacing: .2em; |
||||
font-weight: 700; |
||||
font-size: .6rem; |
||||
text-transform: uppercase; } |
||||
|
||||
.bg-image2, .retro-layout .img-1, .retro-layout .img-2 { |
||||
background-size: cover; |
||||
background-position: center center; |
||||
background-repeat: no-repeat; } |
||||
|
||||
@media (max-width: 767.98px) { |
||||
.retro-layout .img-1 { |
||||
height: 400px !important; |
||||
position: relative; |
||||
margin-bottom: 30px; } } |
||||
|
||||
.retro-layout .mb30 { |
||||
margin-bottom: 30px; } |
||||
|
||||
.retro-layout .hentry { |
||||
display: block; |
||||
position: relative; |
||||
border-radius: 4px; |
||||
overflow: hidden; } |
||||
|
||||
.retro-layout .gradient { |
||||
position: relative; } |
||||
.retro-layout .gradient:before { |
||||
z-index: 1; |
||||
content: ''; |
||||
position: absolute; |
||||
top: 0; |
||||
right: 0; |
||||
bottom: 0; |
||||
left: 0; |
||||
background: -moz-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%); |
||||
background: -webkit-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%); |
||||
background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(18%, transparent), color-stop(99%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8))); |
||||
background: -o-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%); |
||||
background: linear-gradient(to bottom, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); } |
||||
|
||||
.retro-layout .post-category { |
||||
margin-left: 20px; |
||||
margin-top: 10px; } |
||||
|
||||
.retro-layout .v-height { |
||||
height: 300px; } |
||||
|
||||
.retro-layout .text { |
||||
position: absolute; |
||||
bottom: 0; |
||||
z-index: 10; |
||||
padding: 20px; |
||||
max-width: 350px; } |
||||
.retro-layout .text h2 { |
||||
color: #fff; |
||||
font-size: 26px; } |
||||
.retro-layout .text span { |
||||
color: rgba(255, 255, 255, 0.5); } |
||||
.retro-layout .text.text-sm h2 { |
||||
font-size: 18px; |
||||
line-height: 1.5; } |
||||
|
||||
.entry2 img { |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.entry2 h2 { |
||||
font-size: 18px; |
||||
margin-bottom: 10px; |
||||
font-weight: 700; } |
||||
.entry2 h2 a { |
||||
color: #000; |
||||
/* word-break: break-all;*/ |
||||
} |
||||
.latest-post{ |
||||
max-height: 150px; |
||||
min-height: 150px; |
||||
object-fit: fill; |
||||
border: 1px solid #eee; |
||||
width: 100%; |
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
.feature-post{ |
||||
max-height: 200px; |
||||
min-height: 200px; |
||||
object-fit: fill; |
||||
border: 1px solid #eee; |
||||
width: 100%; |
||||
} |
||||
|
||||
/* .entry2 .img-fluid { |
||||
height: 200px; |
||||
width: 230px; |
||||
}*/ |
||||
|
||||
.entry2 .excerpt { |
||||
padding-left: 0px; |
||||
padding-right: 0px; |
||||
} |
||||
|
||||
.entry2 .post-meta { |
||||
color: #b3b3b3; |
||||
font-size: 13px; |
||||
width: 100%; |
||||
display: block; } |
||||
.entry2 .post-meta a { |
||||
color: #000; } |
||||
.entry2 .post-meta .author-figure img { |
||||
width: 30px; |
||||
border-radius: 50%; } |
||||
|
||||
.entry3, .entry4 { |
||||
margin-bottom: 30px; } |
||||
.entry3 .text h2, .entry4 .text h2 { |
||||
font-size: 18px; |
||||
line-height: 1.5; |
||||
font-weight: 700; } |
||||
.entry3 .text h2 a, .entry4 .text h2 a { |
||||
color: #000; } |
||||
.entry3 .figure, .entry4 .figure { |
||||
-webkit-box-flex: 0; |
||||
-ms-flex: 0 0 150px; |
||||
flex: 0 0 150px; |
||||
-webkit-transition: .3s all ease; |
||||
-o-transition: .3s all ease; |
||||
transition: .3s all ease; |
||||
opacity: 1; } |
||||
.entry3:hover figure, .entry3:focus figure, .entry4:hover figure, .entry4:focus figure { |
||||
opacity: .5; } |
||||
|
||||
.entry4 { |
||||
margin-bottom: 30px; } |
||||
.entry4 .text h2 { |
||||
font-size: 16px; |
||||
line-height: 1.5; |
||||
font-weight: 700; } |
||||
.entry4 .text h2 a { |
||||
color: #000; } |
||||
.entry4 .figure { |
||||
-webkit-box-flex: 0; |
||||
-ms-flex: 0 0 100px; |
||||
flex: 0 0 100px; } |
@ -0,0 +1,115 @@ |
||||
ul.tabs { |
||||
margin: 0; |
||||
padding: 0; |
||||
/* list-style: none; */ |
||||
height: 129px; |
||||
/* border-bottom: 1px solid #333; */ |
||||
text-align: center; |
||||
margin: 15px auto; |
||||
} |
||||
|
||||
ul.tabs li { |
||||
cursor: pointer; |
||||
padding: 0px 6px; |
||||
line-height: 31px; |
||||
/* background-color: #666; */ |
||||
/* color: #000; */ |
||||
overflow: hidden; |
||||
position: relative; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.tabs li img{ |
||||
height: 30px; |
||||
width: 30px; |
||||
margin-top: 6px; |
||||
} |
||||
.tabs li { |
||||
width: 90px; |
||||
background-color: rgba(26, 70, 104, 0.51); |
||||
color: white; |
||||
margin: 10px; |
||||
height: 75px; |
||||
} |
||||
.tabs li a { |
||||
color: white; |
||||
} |
||||
|
||||
.tab_last { |
||||
|
||||
} |
||||
|
||||
ul.tabs li:hover { |
||||
background-color: #ccc; |
||||
color: #333; |
||||
} |
||||
|
||||
ul.tabs li.active { |
||||
background-color: #ccc; |
||||
color: #333; |
||||
/* border-bottom: 1px solid #fff; */ |
||||
|
||||
} |
||||
|
||||
.tab_container { |
||||
/* border: 1px solid #333; */ |
||||
border-top: none; |
||||
clear: both; |
||||
float: left; |
||||
width: 100%; |
||||
background: #fff; |
||||
overflow: auto; |
||||
box-shadow: 0 0 10px rgba(0,0,0,.2); |
||||
box-sizing: border-box; |
||||
} |
||||
|
||||
.tab_content { |
||||
padding: 20px; |
||||
background: #ccc; |
||||
color: #000; |
||||
display: none; |
||||
} |
||||
.tabs .tab-image{ |
||||
width: 100%; |
||||
height: auto; |
||||
max-width: 100px; |
||||
} |
||||
.tabs .tab-title{ |
||||
display: block; |
||||
|
||||
} |
||||
.tab_drawer_heading { display: none; } |
||||
|
||||
@media screen and (max-width: 768px) { |
||||
/* .tabs { |
||||
display: none; |
||||
} */ |
||||
.tab_drawer_heading { |
||||
background-color: #0d639c; |
||||
color: #fff; |
||||
border-top: 1px solid #333; |
||||
margin: 0; |
||||
padding: 5px 20px; |
||||
display: block; |
||||
cursor: pointer; |
||||
-webkit-touch-callout: none; |
||||
-webkit-user-select: none; |
||||
-khtml-user-select: none; |
||||
-moz-user-select: none; |
||||
-ms-user-select: none; |
||||
user-select: none; |
||||
} |
||||
.d_active { |
||||
background-color: #666; |
||||
color: #fff; |
||||
} |
||||
.tab_container .tab-image{ |
||||
width: 100%; |
||||
height: auto; |
||||
max-width: 20px; |
||||
} |
||||
.sectiontitle{ |
||||
font-size: 20px; |
||||
} |
||||
|
||||
} |
@ -0,0 +1,93 @@ |
||||
@font-face { |
||||
font-family: "Flaticon"; |
||||
src: url("https://www.listofinformation.com/assets/fonts/Flaticon.eot"); |
||||
src: url("https://www.listofinformation.com/assets/fonts/Flaticon.eot?") format("embedded-opentype"), |
||||
url("https://www.listofinformation.com/assets/fonts/Flaticon.woff2") format("woff2"), |
||||
url("https://www.listofinformation.com/assets/fonts/Flaticon.woff") format("woff"), |
||||
url("https://www.listofinformation.com/assets/fonts/Flaticon.ttf") format("truetype"), |
||||
url("https://www.listofinformation.com/assets/fonts/Flaticon.svg") format("svg"); |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
} |
||||
|
||||
@media screen and (-webkit-min-device-pixel-ratio:0) { |
||||
@font-face { |
||||
font-family: "Flaticon"; |
||||
src: url("https://www.listofinformation.com/assets/fonts/Flaticon.svg") format("svg"); |
||||
} |
||||
} |
||||
|
||||
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, |
||||
[class^="flaticon-"]:after, [class*=" flaticon-"]:after { |
||||
font-family: Flaticon; |
||||
font-size: 20px; |
||||
font-style: normal; |
||||
margin-left: 0; |
||||
} |
||||
|
||||
.fimanager:before { |
||||
display: inline-block; |
||||
font-family: "Flaticon"; |
||||
font-style: normal; |
||||
font-weight: normal; |
||||
font-variant: normal; |
||||
line-height: 1; |
||||
text-decoration: inherit; |
||||
text-rendering: optimizeLegibility; |
||||
text-transform: none; |
||||
-moz-osx-font-smoothing: grayscale; |
||||
-webkit-font-smoothing: antialiased; |
||||
font-smoothing: antialiased; |
||||
display: block; |
||||
} |
||||
|
||||
.flaticon-001-anatomy:before { content: "\f100"; } |
||||
.flaticon-002-aesthetic:before { content: "\f101"; } |
||||
.flaticon-003-anatomy:before { content: "\f102"; } |
||||
.flaticon-004-beauty:before { content: "\f103"; } |
||||
.flaticon-005-asymmetry:before { content: "\f104"; } |
||||
.flaticon-006-breast:before { content: "\f105"; } |
||||
.flaticon-007-aesthetic:before { content: "\f106"; } |
||||
.flaticon-008-abdominoplasty:before { content: "\f107"; } |
||||
.flaticon-009-anatomy:before { content: "\f108"; } |
||||
.flaticon-010-beauty:before { content: "\f109"; } |
||||
.flaticon-011-beauty:before { content: "\f10a"; } |
||||
.flaticon-012-beauty:before { content: "\f10b"; } |
||||
.flaticon-013-anatomy:before { content: "\f10c"; } |
||||
.flaticon-014-anatomy:before { content: "\f10d"; } |
||||
.flaticon-015-abdomen:before { content: "\f10e"; } |
||||
.flaticon-016-belly:before { content: "\f10f"; } |
||||
.flaticon-017-aesthetic:before { content: "\f110"; } |
||||
.flaticon-018-beauty:before { content: "\f111"; } |
||||
.flaticon-019-aesthetic:before { content: "\f112"; } |
||||
.flaticon-020-beauty:before { content: "\f113"; } |
||||
.flaticon-021-anatomy:before { content: "\f114"; } |
||||
.flaticon-022-arm:before { content: "\f115"; } |
||||
.flaticon-023-beauty:before { content: "\f116"; } |
||||
.flaticon-024-abdominoplasty:before { content: "\f117"; } |
||||
.flaticon-025-aesthetic:before { content: "\f118"; } |
||||
.flaticon-026-anatomy:before { content: "\f119"; } |
||||
.flaticon-027-beauty:before { content: "\f11a"; } |
||||
.flaticon-028-beauty:before { content: "\f11b"; } |
||||
.flaticon-029-beauty:before { content: "\f11c"; } |
||||
.flaticon-030-belly:before { content: "\f11d"; } |
||||
.flaticon-031-anatomy:before { content: "\f11e"; } |
||||
.flaticon-032-anatomy:before { content: "\f11f"; } |
||||
.flaticon-033-beauty:before { content: "\f120"; } |
||||
.flaticon-034-healthcare-and-medical:before { content: "\f121"; } |
||||
.flaticon-035-beauty:before { content: "\f122"; } |
||||
.flaticon-036-beauty:before { content: "\f123"; } |
||||
.flaticon-037-belly:before { content: "\f124"; } |
||||
.flaticon-038-beauty:before { content: "\f125"; } |
||||
.flaticon-039-beauty:before { content: "\f126"; } |
||||
.flaticon-040-anatomy:before { content: "\f127"; } |
||||
.flaticon-041-anatomy:before { content: "\f128"; } |
||||
.flaticon-042-beauty:before { content: "\f129"; } |
||||
.flaticon-043-beauty:before { content: "\f12a"; } |
||||
.flaticon-044-aesthetic:before { content: "\f12b"; } |
||||
.flaticon-045-belly:before { content: "\f12c"; } |
||||
.flaticon-046-breast:before { content: "\f12d"; } |
||||
.flaticon-047-eye:before { content: "\f12e"; } |
||||
.flaticon-048-beauty:before { content: "\f12f"; } |
||||
.flaticon-049-abdominoplasty:before { content: "\f130"; } |
||||
.flaticon-050-belly:before { content: "\f131"; } |
@ -0,0 +1,351 @@ |
||||
/* Magnific Popup CSS */ |
||||
.mfp-bg { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
z-index: 1042; |
||||
overflow: hidden; |
||||
position: fixed; |
||||
background: #0b0b0b; |
||||
opacity: 0.8; } |
||||
|
||||
.mfp-wrap { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
z-index: 1043; |
||||
position: fixed; |
||||
outline: none !important; |
||||
-webkit-backface-visibility: hidden; } |
||||
|
||||
.mfp-container { |
||||
text-align: center; |
||||
position: absolute; |
||||
width: 100%; |
||||
height: 100%; |
||||
left: 0; |
||||
top: 0; |
||||
padding: 0 8px; |
||||
box-sizing: border-box; } |
||||
|
||||
.mfp-container:before { |
||||
content: ''; |
||||
display: inline-block; |
||||
height: 100%; |
||||
vertical-align: middle; } |
||||
|
||||
.mfp-align-top .mfp-container:before { |
||||
display: none; } |
||||
|
||||
.mfp-content { |
||||
position: relative; |
||||
display: inline-block; |
||||
vertical-align: middle; |
||||
margin: 0 auto; |
||||
text-align: left; |
||||
z-index: 1045; } |
||||
|
||||
.mfp-inline-holder .mfp-content, |
||||
.mfp-ajax-holder .mfp-content { |
||||
width: 100%; |
||||
cursor: auto; } |
||||
|
||||
.mfp-ajax-cur { |
||||
cursor: progress; } |
||||
|
||||
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { |
||||
cursor: pointer; } |
||||
|
||||
.mfp-zoom { |
||||
cursor: pointer; |
||||
cursor: -webkit-zoom-in; |
||||
cursor: -moz-zoom-in; |
||||
cursor: zoom-in; |
||||
} |
||||
|
||||
.mfp-auto-cursor .mfp-content { |
||||
cursor: auto; |
||||
} |
||||
|
||||
.mfp-close, |
||||
.mfp-arrow, |
||||
.mfp-preloader, |
||||
.mfp-counter { |
||||
-webkit-user-select: none; |
||||
-moz-user-select: none; |
||||
user-select: none; } |
||||
|
||||
.mfp-loading.mfp-figure { |
||||
display: none; } |
||||
|
||||
.mfp-hide { |
||||
display: none !important; } |
||||
|
||||
.mfp-preloader { |
||||
color: #CCC; |
||||
position: absolute; |
||||
top: 50%; |
||||
width: auto; |
||||
text-align: center; |
||||
margin-top: -0.8em; |
||||
left: 8px; |
||||
right: 8px; |
||||
z-index: 1044; } |
||||
.mfp-preloader a { |
||||
color: #CCC; } |
||||
.mfp-preloader a:hover { |
||||
color: #FFF; } |
||||
|
||||
.mfp-s-ready .mfp-preloader { |
||||
display: none; } |
||||
|
||||
.mfp-s-error .mfp-content { |
||||
display: none; } |
||||
|
||||
button.mfp-close, |
||||
button.mfp-arrow { |
||||
overflow: visible; |
||||
cursor: pointer; |
||||
background: transparent; |
||||
border: 0; |
||||
-webkit-appearance: none; |
||||
display: block; |
||||
outline: none; |
||||
padding: 0; |
||||
z-index: 1046; |
||||
box-shadow: none; |
||||
touch-action: manipulation; } |
||||
|
||||
button::-moz-focus-inner { |
||||
padding: 0; |
||||
border: 0; } |
||||
|
||||
.mfp-close { |
||||
width: 44px; |
||||
height: 44px; |
||||
line-height: 44px; |
||||
position: absolute; |
||||
right: 0; |
||||
top: 0; |
||||
text-decoration: none; |
||||
text-align: center; |
||||
opacity: 0.65; |
||||
padding: 0 0 18px 10px; |
||||
color: #FFF; |
||||
font-style: normal; |
||||
font-size: 28px; |
||||
font-family: Arial, Baskerville, monospace; } |
||||
.mfp-close:hover, |
||||
.mfp-close:focus { |
||||
opacity: 1; } |
||||
.mfp-close:active { |
||||
top: 1px; } |
||||
|
||||
.mfp-close-btn-in .mfp-close { |
||||
color: #333; } |
||||
|
||||
.mfp-image-holder .mfp-close, |
||||
.mfp-iframe-holder .mfp-close { |
||||
color: #FFF; |
||||
right: -6px; |
||||
text-align: right; |
||||
padding-right: 6px; |
||||
width: 100%; } |
||||
|
||||
.mfp-counter { |
||||
position: absolute; |
||||
top: 0; |
||||
right: 0; |
||||
color: #CCC; |
||||
font-size: 12px; |
||||
line-height: 18px; |
||||
white-space: nowrap; } |
||||
|
||||
.mfp-arrow { |
||||
position: absolute; |
||||
opacity: 0.65; |
||||
margin: 0; |
||||
top: 50%; |
||||
margin-top: -55px; |
||||
padding: 0; |
||||
width: 90px; |
||||
height: 110px; |
||||
-webkit-tap-highlight-color: transparent; } |
||||
.mfp-arrow:active { |
||||
margin-top: -54px; } |
||||
.mfp-arrow:hover, |
||||
.mfp-arrow:focus { |
||||
opacity: 1; } |
||||
.mfp-arrow:before, |
||||
.mfp-arrow:after { |
||||
content: ''; |
||||
display: block; |
||||
width: 0; |
||||
height: 0; |
||||
position: absolute; |
||||
left: 0; |
||||
top: 0; |
||||
margin-top: 35px; |
||||
margin-left: 35px; |
||||
border: medium inset transparent; } |
||||
.mfp-arrow:after { |
||||
border-top-width: 13px; |
||||
border-bottom-width: 13px; |
||||
top: 8px; } |
||||
.mfp-arrow:before { |
||||
border-top-width: 21px; |
||||
border-bottom-width: 21px; |
||||
opacity: 0.7; } |
||||
|
||||
.mfp-arrow-left { |
||||
left: 0; } |
||||
.mfp-arrow-left:after { |
||||
border-right: 17px solid #FFF; |
||||
margin-left: 31px; } |
||||
.mfp-arrow-left:before { |
||||
margin-left: 25px; |
||||
border-right: 27px solid #3F3F3F; } |
||||
|
||||
.mfp-arrow-right { |
||||
right: 0; } |
||||
.mfp-arrow-right:after { |
||||
border-left: 17px solid #FFF; |
||||
margin-left: 39px; } |
||||
.mfp-arrow-right:before { |
||||
border-left: 27px solid #3F3F3F; } |
||||
|
||||
.mfp-iframe-holder { |
||||
padding-top: 40px; |
||||
padding-bottom: 40px; } |
||||
.mfp-iframe-holder .mfp-content { |
||||
line-height: 0; |
||||
width: 100%; |
||||
max-width: 900px; } |
||||
.mfp-iframe-holder .mfp-close { |
||||
top: -40px; } |
||||
|
||||
.mfp-iframe-scaler { |
||||
width: 100%; |
||||
height: 0; |
||||
overflow: hidden; |
||||
padding-top: 56.25%; } |
||||
.mfp-iframe-scaler iframe { |
||||
position: absolute; |
||||
display: block; |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); |
||||
background: #000; } |
||||
|
||||
/* Main image in popup */ |
||||
img.mfp-img { |
||||
width: auto; |
||||
max-width: 100%; |
||||
height: auto; |
||||
display: block; |
||||
line-height: 0; |
||||
box-sizing: border-box; |
||||
padding: 40px 0 40px; |
||||
margin: 0 auto; } |
||||
|
||||
/* The shadow behind the image */ |
||||
.mfp-figure { |
||||
line-height: 0; } |
||||
.mfp-figure:after { |
||||
content: ''; |
||||
position: absolute; |
||||
left: 0; |
||||
top: 40px; |
||||
bottom: 40px; |
||||
display: block; |
||||
right: 0; |
||||
width: auto; |
||||
height: auto; |
||||
z-index: -1; |
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); |
||||
background: #444; } |
||||
.mfp-figure small { |
||||
color: #BDBDBD; |
||||
display: block; |
||||
font-size: 12px; |
||||
line-height: 14px; } |
||||
.mfp-figure figure { |
||||
margin: 0; } |
||||
|
||||
.mfp-bottom-bar { |
||||
margin-top: -36px; |
||||
position: absolute; |
||||
top: 100%; |
||||
left: 0; |
||||
width: 100%; |
||||
cursor: auto; } |
||||
|
||||
.mfp-title { |
||||
text-align: left; |
||||
line-height: 18px; |
||||
color: #F3F3F3; |
||||
word-wrap: break-word; |
||||
padding-right: 36px; } |
||||
|
||||
.mfp-image-holder .mfp-content { |
||||
max-width: 100%; } |
||||
|
||||
.mfp-gallery .mfp-image-holder .mfp-figure { |
||||
cursor: pointer; } |
||||
|
||||
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { |
||||
/** |
||||
* Remove all paddings around the image on small screen |
||||
*/ |
||||
.mfp-img-mobile .mfp-image-holder { |
||||
padding-left: 0; |
||||
padding-right: 0; } |
||||
.mfp-img-mobile img.mfp-img { |
||||
padding: 0; } |
||||
.mfp-img-mobile .mfp-figure:after { |
||||
top: 0; |
||||
bottom: 0; } |
||||
.mfp-img-mobile .mfp-figure small { |
||||
display: inline; |
||||
margin-left: 5px; } |
||||
.mfp-img-mobile .mfp-bottom-bar { |
||||
background: rgba(0, 0, 0, 0.6); |
||||
bottom: 0; |
||||
margin: 0; |
||||
top: auto; |
||||
padding: 3px 5px; |
||||
position: fixed; |
||||
box-sizing: border-box; } |
||||
.mfp-img-mobile .mfp-bottom-bar:empty { |
||||
padding: 0; } |
||||
.mfp-img-mobile .mfp-counter { |
||||
right: 5px; |
||||
top: 3px; } |
||||
.mfp-img-mobile .mfp-close { |
||||
top: 0; |
||||
right: 0; |
||||
width: 35px; |
||||
height: 35px; |
||||
line-height: 35px; |
||||
background: rgba(0, 0, 0, 0.6); |
||||
position: fixed; |
||||
text-align: center; |
||||
padding: 0; } } |
||||
|
||||
@media all and (max-width: 900px) { |
||||
.mfp-arrow { |
||||
-webkit-transform: scale(0.75); |
||||
transform: scale(0.75); } |
||||
.mfp-arrow-left { |
||||
-webkit-transform-origin: 0; |
||||
transform-origin: 0; } |
||||
.mfp-arrow-right { |
||||
-webkit-transform-origin: 100%; |
||||
transform-origin: 100%; } |
||||
.mfp-container { |
||||
padding-left: 6px; |
||||
padding-right: 6px; } } |
@ -0,0 +1,5 @@ |
||||
/*! |
||||
* SlickNav Responsive Mobile Menu v1.0.10 |
||||
* (c) 2016 Josh Cope |
||||
* licensed under MIT |
||||
*/.slicknav_btn,.slicknav_nav .slicknav_item{cursor:pointer}.slicknav_menu,.slicknav_menu *{box-sizing:border-box}.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.438em .625em;line-height:1.125em}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left;color:#fff;font-weight:700;text-shadow:0 1px 3px #000}.slicknav_menu .slicknav_icon{float:left;width:1.125em;height:.875em;margin:.188em 0 0 .438em}.slicknav_menu .slicknav_icon:before{background:0 0;width:1.125em;height:.875em;display:block;content:"";position:absolute}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25)}.slicknav_menu:after,.slicknav_menu:before{content:" ";display:table}.slicknav_menu:after{clear:both}.slicknav_nav li,.slicknav_nav ul{display:block}.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_item a{display:inline}.slicknav_nav .slicknav_row,.slicknav_nav a{display:block}.slicknav_nav .slicknav_parent-link a{display:inline}.slicknav_menu{*zoom:1;font-size:16px;background:#4c4c4c;padding:5px}.slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden;padding:0}.slicknav_menu .slicknav_icon-bar{background-color:#fff}.slicknav_btn{margin:5px 5px 6px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#222}.slicknav_nav{clear:both;color:#fff;margin:0;font-size:.875em}.slicknav_nav ul{margin:0 0 0 20px}.slicknav_nav .slicknav_row,.slicknav_nav a{padding:5px 10px;margin:2px 5px}.slicknav_nav .slicknav_row:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#fff}.slicknav_nav a{text-decoration:none;color:#fff}.slicknav_nav a:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#222}.slicknav_nav .slicknav_txtnode{margin-left:15px}.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{padding:0;margin:0}.slicknav_brand{float:left;color:#fff;font-size:18px;line-height:30px;padding:7px 12px;height:44px} |
@ -0,0 +1,81 @@ |
||||
.search-dropdown { |
||||
max-height: 250px; |
||||
overflow-x: hidden; |
||||
position: absolute; |
||||
top: 100%; |
||||
width: 100%; |
||||
background: #f3f3f3; |
||||
z-index: 21; |
||||
border-radius: 4px; |
||||
} |
||||
|
||||
.search-dropdown p { |
||||
padding: 5px 14px; |
||||
margin-bottom: 0px; |
||||
cursor: pointer; |
||||
text-align: left; |
||||
font-size: 16px !important; |
||||
} |
||||
.search-dropdown a:hover { |
||||
text-decoration: none !important; |
||||
border-bottom: none; |
||||
} |
||||
|
||||
|
||||
/* Style the header */ |
||||
.header { |
||||
color: #f1f1f1; |
||||
background: #fff; |
||||
} |
||||
|
||||
/* Page content */ |
||||
.content { |
||||
padding: 16px; |
||||
} |
||||
|
||||
/* The sticky class is added to the header with JS when it reaches its scroll position */ |
||||
.sticky { |
||||
position: fixed; |
||||
top: 0; |
||||
width: 100%; |
||||
z-index: 99999; |
||||
} |
||||
|
||||
/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */ |
||||
.sticky + .content { |
||||
padding-top: 102px; |
||||
} |
||||
.pagination li a{ |
||||
position: relative; |
||||
float: left; |
||||
padding: 6px 12px; |
||||
margin-left: -1px; |
||||
line-height: 1.42857143; |
||||
color: #337ab7; |
||||
text-decoration: none; |
||||
background-color: #fff; |
||||
border: 1px solid #ddd; |
||||
margin: 10px; |
||||
} |
||||
.listing-pagination{ |
||||
display: flex; |
||||
justify-content: flex-end; |
||||
margin-bottom: 40px; |
||||
} |
||||
ul li .active{ |
||||
background: #2471a5; |
||||
color: white; |
||||
} |
||||
.blog-image { |
||||
max-height: 200px; |
||||
min-height: 200px; |
||||
width: 100%; |
||||
object-fit: fill; |
||||
border: 1px solid #eee; |
||||
} |
||||
#minP{ |
||||
overflow:hidden; |
||||
text-overflow:ellipsis; |
||||
display:-webkit-box; |
||||
-webkit-line-clamp:5; |
||||
-webkit-box-orient:vertical;} |
@ -0,0 +1,168 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="zxx"> |
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
<!-- For Others Pages --> |
||||
<link rel="stylesheet" href="{{staticFile "/css/font-awesome.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/style.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/customtabs.css"}}"> |
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"> |
||||
<link async defer rel="stylesheet" href="{{staticFile "/css/bootstrap.min.css"}}" type="text/css"> |
||||
<link async defer rel="stylesheet" href="{{staticFile "/css/flaticon.css"}}" type="text/css"> |
||||
<link async defer rel="stylesheet" href="{{staticFile "/css/jquery-ui.min.css"}}" type="text/css"> |
||||
<link async defer rel="stylesheet" href="{{staticFile "/css/magnific-popup.css"}}" type="text/css"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/slicknav.min.css"}}" type="text/css"> |
||||
<link async defer rel="stylesheet" href="{{staticFile "/css/style.css"}}" type="text/css"> |
||||
<link async defer rel="stylesheet" href="{{staticFile "/css/blogs.css"}}" type="text/css"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/font-awesme.min.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/styles.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/blogDetails.css"}}"> |
||||
|
||||
</head> |
||||
|
||||
<body> |
||||
|
||||
<header class="header header--normal" id="myHeader"> |
||||
|
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-3"> |
||||
<div class="header__logo"> |
||||
<a href="{{.IndexUrl}}"> |
||||
<div style="height: 40px; background: url('{{replaceImage .Logo}}'); width: 250px;background-size: contain; |
||||
background-repeat: no-repeat;"></div> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
<div class="col-lg-9"> |
||||
<div class="header__menu__option"> |
||||
<nav class="header__menu"> |
||||
<ul> |
||||
<li><a href="{{.IndexUrl}}">Home</a></li> |
||||
{{if .HasAbout }} |
||||
<li > |
||||
<a href="{{.AboutUrl}}">ABOUT</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li > |
||||
<a href="{{.ContactUrl}}">CONTACT</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
</header> |
||||
|
||||
<section class="blog-details"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-md-9 col-sm-8 col-xs-12 mobile-padding11"> |
||||
<div class="main-question"> |
||||
<h1>{{.Title}}</h1> |
||||
</div> |
||||
|
||||
<div class="big-image"> |
||||
<img style="margin-bottom: 15px; width: 100%;" class="img-fluid" |
||||
src="{{getCover .Article.Pictures}}"> |
||||
</div> |
||||
|
||||
<div class="blog__details__text"> |
||||
<div class="blog__details__text__item"> |
||||
<p>{{.Article.Summary}}</p> |
||||
{{range .Article.Topics}} |
||||
<h2>{{.Topic}}</h2> |
||||
{{$tlen := len .Pictures}} |
||||
{{if ne $tlen 0}} |
||||
{{range .Pictures}} |
||||
<img width="100%" src="{{replaceImage .}}" /> |
||||
{{end}} |
||||
{{end}} |
||||
<p>{{.Content}}</p> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="col-md-3 col-sm-4 col-xs-12 left-outer-container mobile-padding11"> |
||||
<div class="sidebar-box"> |
||||
<h3 class="heading">POPULAR ARTICLES </h3> |
||||
<div class="post-entry-sidebar"> |
||||
{{$plen := len .PopularArticles}} |
||||
{{if ne $plen 0}} |
||||
<ul> |
||||
{{range .PopularArticles}} |
||||
<li> |
||||
<a href="{{.Url}}" target="_blank" |
||||
style="display: table;"> |
||||
<img src="{{getCover .Cover "recommend"}}" alt="Cover Image" class="mr-4" style="width: 90px;"> |
||||
<div class="text"> |
||||
<h6>{{.Title}}</h6> |
||||
</div> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
<footer class="footer"> |
||||
|
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-2 col-md-3 col-sm-6"> |
||||
<div class="footer__widget"> |
||||
<h5>Quick links</h5> |
||||
<ul> |
||||
<li><a href="{{.IndexUrl}}">HOME </a></li> |
||||
{{if .HasAbout }} |
||||
<li > |
||||
<a href="{{.AboutUrl}}">ABOUT</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li > |
||||
<a href="{{.ContactUrl}}">CONTACT</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li > |
||||
<a href="{{.PolicyUrl}}">POLICY</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="footer__copyright"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-7"> |
||||
<div class="footer__copyright__text"> |
||||
<p>{{.Copyright}} © |
||||
</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
|
||||
</body> |
||||
</html> |
@ -0,0 +1,154 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="zxx"> |
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
<!-- For Others Pages --> |
||||
<link rel="stylesheet" href="{{staticFile "/css/font-awesome.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/style.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/customtabs.css"}}"> |
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"> |
||||
<link async defer rel="stylesheet" href="{{staticFile "/css/bootstrap.min.css"}}" type="text/css"> |
||||
<link async defer rel="stylesheet" href="{{staticFile "/css/flaticon.css"}}" type="text/css"> |
||||
<link async defer rel="stylesheet" href="{{staticFile "/css/jquery-ui.min.css"}}" type="text/css"> |
||||
<link async defer rel="stylesheet" href="{{staticFile "/css/magnific-popup.css"}}" type="text/css"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/slicknav.min.css"}}" type="text/css"> |
||||
<link async defer rel="stylesheet" href="{{staticFile "/css/style.css"}}" type="text/css"> |
||||
<link async defer rel="stylesheet" href="{{staticFile "/css/blogs.css"}}" type="text/css"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/font-awesme.min.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/styles.css"}}"> |
||||
|
||||
|
||||
</head> |
||||
|
||||
<body> |
||||
|
||||
<header class="header header--normal" id="myHeader"> |
||||
|
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-3"> |
||||
<div class="header__logo"> |
||||
<a href="{{.IndexUrl}}"> |
||||
<div style="height: 40px; background: url('{{replaceImage .Logo}}'); width: 250px;background-size: contain; |
||||
background-repeat: no-repeat;"></div> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
<div class="col-lg-9"> |
||||
<div class="header__menu__option"> |
||||
<nav class="header__menu"> |
||||
<ul> |
||||
<li><a href="{{.IndexUrl}}">Home</a></li> |
||||
{{if .HasAbout }} |
||||
<li > |
||||
<a href="{{.AboutUrl}}">ABOUT</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li > |
||||
<a href="{{.ContactUrl}}">CONTACT</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
</header> |
||||
|
||||
<style> |
||||
|
||||
</style> |
||||
|
||||
<div class="site-section"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<!-- default article list start --> |
||||
{{ range .Articles }} |
||||
<div class="col-lg-4 mb-4"> |
||||
<div class="entry2"> |
||||
<a href="{{.Url}}" target="_blank"> |
||||
<img src="{{getCover .Cover "list"}}" alt="Cover Image" class="img-fluid rounded blog-image" > |
||||
</a> |
||||
<div class="excerpt"> |
||||
<h2> |
||||
<a href="{{.Url}}" target="_blank"> |
||||
{{.Title}}</a> |
||||
</h2> |
||||
<p id="minP"> |
||||
{{.Summary}}</p> |
||||
<p><a href="{{.Url}}" target="_blank">Read More</a></p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
|
||||
</div> |
||||
<div class="listing-pagination"> |
||||
<ul class="pagination"> |
||||
{{$pulen := len .PrevUrl}} |
||||
{{ if ne $pulen 0 }} |
||||
<li><a href="{{.PrevUrl}}" style="cursor:pointer;" class="active" title="Page 2">Previous</a></li> |
||||
{{ end }} |
||||
{{$nulen := len .NextUrl}} |
||||
{{ if ne $nulen 0 }} |
||||
<li><a href="{{.NextUrl}}" style="cursor:pointer;" class="active" title="Page 2">Next</a></li> |
||||
{{ end }} |
||||
|
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div><footer class="footer"> |
||||
|
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-2 col-md-3 col-sm-6"> |
||||
<div class="footer__widget"> |
||||
<h5>Quick links</h5> |
||||
<ul> |
||||
<li><a href="{{.IndexUrl}}">HOME </a></li> |
||||
{{if .HasAbout }} |
||||
<li > |
||||
<a href="{{.AboutUrl}}">ABOUT</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li > |
||||
<a href="{{.ContactUrl}}">CONTACT</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li > |
||||
<a href="{{.PolicyUrl}}">POLICY</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="footer__copyright"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-7"> |
||||
<div class="footer__copyright__text"> |
||||
<p>{{.Copyright}} © |
||||
</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
|
||||
</body> |
||||
</html> |
@ -0,0 +1,149 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="zxx"> |
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
<!-- For Others Pages --> |
||||
<link rel="stylesheet" href="{{staticFile "/css/font-awesome.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/style.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/customtabs.css"}}"> |
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"> |
||||
<link async defer rel="stylesheet" href="{{staticFile "/css/bootstrap.min.css"}}" type="text/css"> |
||||
<link async defer rel="stylesheet" href="{{staticFile "/css/flaticon.css"}}" type="text/css"> |
||||
<link async defer rel="stylesheet" href="{{staticFile "/css/jquery-ui.min.css"}}" type="text/css"> |
||||
<link async defer rel="stylesheet" href="{{staticFile "/css/magnific-popup.css"}}" type="text/css"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/slicknav.min.css"}}" type="text/css"> |
||||
<link async defer rel="stylesheet" href="{{staticFile "/css/style.css"}}" type="text/css"> |
||||
<link async defer rel="stylesheet" href="{{staticFile "/css/blogs.css"}}" type="text/css"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/font-awesme.min.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/styles.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/blogDetails.css"}}"> |
||||
|
||||
</head> |
||||
|
||||
<body> |
||||
|
||||
<header class="header header--normal" id="myHeader"> |
||||
|
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-3"> |
||||
<div class="header__logo"> |
||||
<a href="{{.IndexUrl}}"> |
||||
<div style="height: 40px; background: url('{{replaceImage .Logo}}'); width: 250px;background-size: contain; |
||||
background-repeat: no-repeat;"></div> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
<div class="col-lg-9"> |
||||
<div class="header__menu__option"> |
||||
<nav class="header__menu"> |
||||
<ul> |
||||
<li><a href="{{.IndexUrl}}">Home</a></li> |
||||
{{if .HasAbout }} |
||||
<li > |
||||
<a href="{{.AboutUrl}}">ABOUT</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li > |
||||
<a href="{{.ContactUrl}}">CONTACT</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
</header> |
||||
|
||||
<section class="blog-details"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-md-9 col-sm-8 col-xs-12 mobile-padding11"> |
||||
<div class="main-question"> |
||||
<h1>Policy</h1> |
||||
</div> |
||||
<p>{{.Policy}}</p> |
||||
|
||||
</div> |
||||
|
||||
<div class="col-md-3 col-sm-4 col-xs-12 left-outer-container mobile-padding11"> |
||||
<div class="sidebar-box"> |
||||
<h3 class="heading">POPULAR ARTICLES </h3> |
||||
<div class="post-entry-sidebar"> |
||||
{{$plen := len .PopularArticles}} |
||||
{{if ne $plen 0}} |
||||
<ul> |
||||
{{range .PopularArticles}} |
||||
<li> |
||||
<a href="{{.Url}}" target="_blank" |
||||
style="display: table;"> |
||||
<img src="{{getCover .Cover "recommend"}}" alt="Cover Image" class="mr-4" style="width: 90px;"> |
||||
<div class="text"> |
||||
<h6>{{.Title}}</h6> |
||||
</div> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
<footer class="footer"> |
||||
|
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-2 col-md-3 col-sm-6"> |
||||
<div class="footer__widget"> |
||||
<h5>Quick links</h5> |
||||
<ul> |
||||
<li><a href="{{.IndexUrl}}">HOME </a></li> |
||||
{{if .HasAbout }} |
||||
<li > |
||||
<a href="{{.AboutUrl}}">ABOUT</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li > |
||||
<a href="{{.ContactUrl}}">CONTACT</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li > |
||||
<a href="{{.PolicyUrl}}">POLICY</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="footer__copyright"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-7"> |
||||
<div class="footer__copyright__text"> |
||||
<p>{{.Copyright}} © |
||||
</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
|
||||
</body> |
||||
</html> |
@ -0,0 +1,146 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en-US" class="fuel4 nojs"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
<link rel="stylesheet" href="{{staticFile "/css/a7.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/style.css"}}"> |
||||
|
||||
|
||||
</head> |
||||
|
||||
<body class="blog"> |
||||
<div id="wrapper"> |
||||
|
||||
|
||||
<!-- Fuel Alert Bar --> |
||||
|
||||
|
||||
<header id="header" class="contain" role="banner"> |
||||
<img src="{{replaceImage .Logo}}" alt="logo"> |
||||
<ul> |
||||
<a style="margin-right:5px;" href="{{.IndexUrl}}" >Home</a> |
||||
{{if .HasAbout }} |
||||
<a style="margin-right:5px;" href="{{.AboutUrl}}">About</a> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<a style="margin-right:5px;" href="{{.ContactUrl}}">Contact</a> |
||||
{{end}} |
||||
</ul> |
||||
</header> |
||||
|
||||
<main id="main"> |
||||
|
||||
<div class="main-content main-sidebar main-blog"> |
||||
|
||||
<header class="contain main-header"> |
||||
|
||||
<h1 class="main-title entry-title">About</h1> |
||||
</header> |
||||
<div class="contain entry-wrapper entry-sidebar"> |
||||
<div class="clear entry-content entry-post"> |
||||
<p>{{.About}}</p> |
||||
</div> |
||||
|
||||
<aside id="secondary" class="widget-area" role="complementary"> |
||||
<section id="recent-posts-3" class="widget widget_recent_entries"> |
||||
<header> |
||||
<h3 class="widget-title">POPULAR ARTICLES</h3> |
||||
</header> |
||||
{{$plen := len .PopularArticles}} |
||||
{{if ne $plen 0}} |
||||
<ul> |
||||
{{range .PopularArticles}} |
||||
<li> |
||||
<a |
||||
href="{{.Url}}" target="_blank">{{.Title}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
{{end}} |
||||
</section> |
||||
</aside> |
||||
|
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
|
||||
</main> |
||||
|
||||
<footer id="footer" role="contentinfo"> |
||||
<div class="contain"> |
||||
<div class="footer-wrap"> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="footer-links"> |
||||
<span class="footer-heading">Friendship Links</span> |
||||
<div class="menu-footer-menu-container"> |
||||
<ul id="menu-footer-menu" class="menu"> |
||||
{{range .Friendship}} |
||||
<li id="menu-item-39" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-39"> |
||||
<a href="{{.Url}}">{{.Name}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
<nav id="footer-navigation" class="secondary-navigation" role="navigation"></nav> |
||||
</div> |
||||
{{end}} |
||||
<div class="footer-address"> |
||||
<span class="footer-heading"> Quick Links</span> |
||||
<ul class="locations-wrapper"> |
||||
<li > |
||||
<a href="{{.IndexUrl}}">Home</a></li> |
||||
{{if .HasAbout }} |
||||
<li |
||||
><a |
||||
href="{{.AboutUrl}}">About </a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li ><a |
||||
href="{{.ContactUrl}}">CONTACT </a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li |
||||
><a |
||||
href="{{.PolicyUrl}}"> Policy</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
|
||||
|
||||
|
||||
|
||||
</div><!-- close footer-wrap--> |
||||
|
||||
|
||||
</div><!-- close contain--> |
||||
|
||||
|
||||
<div class="contain site-info"> |
||||
<div class="copyright">{{.Copyright}}</div> |
||||
<nav id="copyright-navigation" class="copyright-navigation" role="navigation"> |
||||
<div class="menu-copyright-menu-container"> |
||||
<ul id="menu-copyright-menu" class="menu"> |
||||
|
||||
</ul> |
||||
</div> |
||||
</nav> |
||||
</div> |
||||
</footer> |
||||
|
||||
</div><!-- #wrapper --> |
||||
|
||||
|
||||
|
||||
</body> |
||||
|
||||
</html> |
@ -0,0 +1,5 @@ |
||||
{ |
||||
"creator": "何林云", |
||||
"version": "1.0", |
||||
"origin_website": "https://sfaudiology.com/blog/" |
||||
} |
@ -0,0 +1,146 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en-US" class="fuel4 nojs"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
<link rel="stylesheet" href="{{staticFile "/css/a7.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/style.css"}}"> |
||||
|
||||
|
||||
</head> |
||||
|
||||
<body class="blog"> |
||||
<div id="wrapper"> |
||||
|
||||
|
||||
<!-- Fuel Alert Bar --> |
||||
|
||||
|
||||
<header id="header" class="contain" role="banner"> |
||||
<img src="{{replaceImage .Logo}}" alt="logo"> |
||||
<ul> |
||||
<a style="margin-right:5px;" href="{{.IndexUrl}}" >Home</a> |
||||
{{if .HasAbout }} |
||||
<a style="margin-right:5px;" href="{{.AboutUrl}}">About</a> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<a style="margin-right:5px;" href="{{.ContactUrl}}">Contact</a> |
||||
{{end}} |
||||
</ul> |
||||
</header> |
||||
|
||||
<main id="main"> |
||||
|
||||
<div class="main-content main-sidebar main-blog"> |
||||
|
||||
<header class="contain main-header"> |
||||
|
||||
<h1 class="main-title entry-title">Contact</h1> |
||||
</header> |
||||
<div class="contain entry-wrapper entry-sidebar"> |
||||
<div class="clear entry-content entry-post"> |
||||
<p>{{.Contact}}</p> |
||||
</div> |
||||
|
||||
<aside id="secondary" class="widget-area" role="complementary"> |
||||
<section id="recent-posts-3" class="widget widget_recent_entries"> |
||||
<header> |
||||
<h3 class="widget-title">POPULAR ARTICLES</h3> |
||||
</header> |
||||
{{$plen := len .PopularArticles}} |
||||
{{if ne $plen 0}} |
||||
<ul> |
||||
{{range .PopularArticles}} |
||||
<li> |
||||
<a |
||||
href="{{.Url}}" target="_blank">{{.Title}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
{{end}} |
||||
</section> |
||||
</aside> |
||||
|
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
|
||||
</main> |
||||
|
||||
<footer id="footer" role="contentinfo"> |
||||
<div class="contain"> |
||||
<div class="footer-wrap"> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="footer-links"> |
||||
<span class="footer-heading">Friendship Links</span> |
||||
<div class="menu-footer-menu-container"> |
||||
<ul id="menu-footer-menu" class="menu"> |
||||
{{range .Friendship}} |
||||
<li id="menu-item-39" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-39"> |
||||
<a href="{{.Url}}">{{.Name}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
<nav id="footer-navigation" class="secondary-navigation" role="navigation"></nav> |
||||
</div> |
||||
{{end}} |
||||
<div class="footer-address"> |
||||
<span class="footer-heading"> Quick Links</span> |
||||
<ul class="locations-wrapper"> |
||||
<li > |
||||
<a href="{{.IndexUrl}}">Home</a></li> |
||||
{{if .HasAbout }} |
||||
<li |
||||
><a |
||||
href="{{.AboutUrl}}">About </a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li ><a |
||||
href="{{.ContactUrl}}">CONTACT </a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li |
||||
><a |
||||
href="{{.PolicyUrl}}"> Policy</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
|
||||
|
||||
|
||||
|
||||
</div><!-- close footer-wrap--> |
||||
|
||||
|
||||
</div><!-- close contain--> |
||||
|
||||
|
||||
<div class="contain site-info"> |
||||
<div class="copyright">{{.Copyright}}</div> |
||||
<nav id="copyright-navigation" class="copyright-navigation" role="navigation"> |
||||
<div class="menu-copyright-menu-container"> |
||||
<ul id="menu-copyright-menu" class="menu"> |
||||
|
||||
</ul> |
||||
</div> |
||||
</nav> |
||||
</div> |
||||
</footer> |
||||
|
||||
</div><!-- #wrapper --> |
||||
|
||||
|
||||
|
||||
</body> |
||||
|
||||
</html> |
@ -0,0 +1,159 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en-US" class="fuel4 nojs"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
<link rel="stylesheet" href="{{staticFile "/css/a7.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/style.css"}}"> |
||||
|
||||
|
||||
</head> |
||||
|
||||
<body class="blog"> |
||||
<div id="wrapper"> |
||||
|
||||
|
||||
<!-- Fuel Alert Bar --> |
||||
|
||||
|
||||
<header id="header" class="contain" role="banner"> |
||||
<img src="{{replaceImage .Logo}}" alt="logo"> |
||||
<ul> |
||||
<a style="margin-right:5px;" href="{{.IndexUrl}}" >Home</a> |
||||
{{if .HasAbout }} |
||||
<a style="margin-right:5px;" href="{{.AboutUrl}}">About</a> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<a style="margin-right:5px;" href="{{.ContactUrl}}">Contact</a> |
||||
{{end}} |
||||
</ul> |
||||
</header> |
||||
|
||||
<main id="main"> |
||||
|
||||
<div class="main-content main-sidebar main-blog"> |
||||
|
||||
<header class="contain main-header"> |
||||
|
||||
<h1 class="main-title entry-title">{{.Title}}</h1> |
||||
</header> |
||||
<div class="contain entry-wrapper entry-sidebar"> |
||||
|
||||
<div class="clear entry-content entry-post"> |
||||
|
||||
<p>{{.Article.Summary}}</p> |
||||
{{range .Article.Topics}} |
||||
<h2> {{.Topic}}</h2> |
||||
{{$tlen := len .Pictures}} |
||||
{{if ne $tlen 0}} |
||||
{{range .Pictures}} |
||||
<img width="100%" src="{{replaceImage .}}" /> |
||||
{{end}} |
||||
{{end}} |
||||
<p>{{.Content}}</p> |
||||
{{end}} |
||||
|
||||
</div> |
||||
|
||||
<aside id="secondary" class="widget-area" role="complementary"> |
||||
<section id="recent-posts-3" class="widget widget_recent_entries"> |
||||
<header> |
||||
<h3 class="widget-title">POPULAR ARTICLES</h3> |
||||
</header> |
||||
{{$plen := len .PopularArticles}} |
||||
{{if ne $plen 0}} |
||||
<ul> |
||||
{{range .PopularArticles}} |
||||
<li> |
||||
<a |
||||
href="{{.Url}}" target="_blank">{{.Title}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
{{end}} |
||||
</section> |
||||
</aside> |
||||
|
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
|
||||
</main> |
||||
|
||||
<footer id="footer" role="contentinfo"> |
||||
<div class="contain"> |
||||
<div class="footer-wrap"> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="footer-links"> |
||||
<span class="footer-heading">Friendship Links</span> |
||||
<div class="menu-footer-menu-container"> |
||||
<ul id="menu-footer-menu" class="menu"> |
||||
{{range .Friendship}} |
||||
<li id="menu-item-39" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-39"> |
||||
<a href="{{.Url}}">{{.Name}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
<nav id="footer-navigation" class="secondary-navigation" role="navigation"></nav> |
||||
</div> |
||||
{{end}} |
||||
<div class="footer-address"> |
||||
<span class="footer-heading"> Quick Links</span> |
||||
<ul class="locations-wrapper"> |
||||
<li > |
||||
<a href="{{.IndexUrl}}">Home</a></li> |
||||
{{if .HasAbout }} |
||||
<li |
||||
><a |
||||
href="{{.AboutUrl}}">About </a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li ><a |
||||
href="{{.ContactUrl}}">CONTACT </a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li |
||||
><a |
||||
href="{{.PolicyUrl}}"> Policy</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
|
||||
|
||||
|
||||
|
||||
</div><!-- close footer-wrap--> |
||||
|
||||
|
||||
</div><!-- close contain--> |
||||
|
||||
|
||||
<div class="contain site-info"> |
||||
<div class="copyright">{{.Copyright}}</div> |
||||
<nav id="copyright-navigation" class="copyright-navigation" role="navigation"> |
||||
<div class="menu-copyright-menu-container"> |
||||
<ul id="menu-copyright-menu" class="menu"> |
||||
|
||||
</ul> |
||||
</div> |
||||
</nav> |
||||
</div> |
||||
</footer> |
||||
|
||||
</div><!-- #wrapper --> |
||||
|
||||
|
||||
|
||||
</body> |
||||
|
||||
</html> |
@ -0,0 +1,192 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en-US" class="fuel4 nojs"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
<link rel="stylesheet" href="{{staticFile "/css/a7.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/style.css"}}"> |
||||
|
||||
|
||||
</head> |
||||
|
||||
<body class="blog"> |
||||
<div id="wrapper"> |
||||
|
||||
|
||||
<!-- Fuel Alert Bar --> |
||||
|
||||
|
||||
<header id="header" class="contain" role="banner"> |
||||
<img src="{{replaceImage .Logo}}" alt="logo"> |
||||
<ul> |
||||
<a style="margin-right:5px;" href="{{.IndexUrl}}" >Home</a> |
||||
{{if .HasAbout }} |
||||
<a style="margin-right:5px;" href="{{.AboutUrl}}">About</a> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<a style="margin-right:5px;" href="{{.ContactUrl}}">Contact</a> |
||||
{{end}} |
||||
</ul> |
||||
</header> |
||||
|
||||
<main id="main"> |
||||
|
||||
<div class="main-content main-sidebar main-blog"> |
||||
|
||||
<header class="contain main-header"> |
||||
|
||||
<h1 class="main-title entry-title">LATEST ARTICLES</h1> |
||||
</header> |
||||
|
||||
<div class="contain entry-wrapper entry-sidebar"> |
||||
|
||||
<div class="clear entry-content entry-blog"> |
||||
|
||||
|
||||
|
||||
<!-- default article list start --> |
||||
{{ range .Articles }} |
||||
<article id="post-5734" |
||||
class="entry-listing post-5734 post type-post status-publish format-standard has-post-thumbnail hentry category-hearing-aids"> |
||||
<header class="entry-header"> |
||||
<h2 class="listing-title entry-title"><a |
||||
href="{{.Url}}" target="_blank" |
||||
rel="bookmark">{{.Title}}</a></h2> |
||||
</header> |
||||
|
||||
<div class="entry-summary clear"> |
||||
<picture class="alignleft wp-post-image"> |
||||
<img width="256" height="256" |
||||
src="{{getCover .Cover "list"}}" alt="Cover Image" |
||||
/> |
||||
</picture> |
||||
<p> {{.Summary}}</p> |
||||
<div class="excerpt-read-more"><a |
||||
href="{{.Url}}" target="_blank" |
||||
class="button-read-more">Read More</a></div> |
||||
</div> |
||||
</article> |
||||
{{end}} |
||||
|
||||
|
||||
|
||||
<nav class="navigation pagination" aria-label="Posts"> |
||||
|
||||
<div class="nav-links"> |
||||
{{$pulen := len .PrevUrl}} |
||||
{{ if ne $pulen 0 }} |
||||
<a class="prev page-numbers" href="{{.PrevUrl}}"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z"></path></svg></a> |
||||
{{ end }} |
||||
{{$nulen := len .NextUrl}} |
||||
{{ if ne $nulen 0 }} |
||||
<a class="next page-numbers" href="{{.NextUrl}}"><svg |
||||
aria-hidden="true" focusable="false" role="img" |
||||
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"> |
||||
<path fill="currentColor" |
||||
d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"> |
||||
</path> |
||||
</svg></a> |
||||
{{ end }} |
||||
</div> |
||||
</nav> |
||||
|
||||
</div> |
||||
|
||||
|
||||
<aside id="secondary" class="widget-area" role="complementary"> |
||||
<section id="recent-posts-3" class="widget widget_recent_entries"> |
||||
<header> |
||||
<h3 class="widget-title">POPULAR ARTICLES</h3> |
||||
</header> |
||||
{{$plen := len .PopularArticles}} |
||||
{{if ne $plen 0}} |
||||
<ul> |
||||
{{range .PopularArticles}} |
||||
<li> |
||||
<a |
||||
href="{{.Url}}" target="_blank">{{.Title}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
{{end}} |
||||
</section> |
||||
</aside> |
||||
</div> |
||||
</div> |
||||
</main> |
||||
<footer id="footer" role="contentinfo"> |
||||
<div class="contain"> |
||||
<div class="footer-wrap"> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="footer-links"> |
||||
<span class="footer-heading">Friendship Links</span> |
||||
<div class="menu-footer-menu-container"> |
||||
<ul id="menu-footer-menu" class="menu"> |
||||
{{range .Friendship}} |
||||
<li id="menu-item-39" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-39"> |
||||
<a href="{{.Url}}">{{.Name}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
<nav id="footer-navigation" class="secondary-navigation" role="navigation"></nav> |
||||
</div> |
||||
{{end}} |
||||
<div class="footer-address"> |
||||
<span class="footer-heading"> Quick Links</span> |
||||
<ul class="locations-wrapper"> |
||||
<li > |
||||
<a href="{{.IndexUrl}}">Home</a></li> |
||||
{{if .HasAbout }} |
||||
<li |
||||
><a |
||||
href="{{.AboutUrl}}">About </a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li ><a |
||||
href="{{.ContactUrl}}">CONTACT </a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li |
||||
><a |
||||
href="{{.PolicyUrl}}"> Policy</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
|
||||
|
||||
|
||||
|
||||
</div><!-- close footer-wrap--> |
||||
|
||||
|
||||
</div><!-- close contain--> |
||||
|
||||
|
||||
<div class="contain site-info"> |
||||
<div class="copyright">{{.Copyright}}</div> |
||||
<nav id="copyright-navigation" class="copyright-navigation" role="navigation"> |
||||
<div class="menu-copyright-menu-container"> |
||||
<ul id="menu-copyright-menu" class="menu"> |
||||
|
||||
</ul> |
||||
</div> |
||||
</nav> |
||||
</div> |
||||
</footer> |
||||
|
||||
</div><!-- #wrapper --> |
||||
|
||||
|
||||
|
||||
</body> |
||||
|
||||
</html> |
@ -0,0 +1,146 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en-US" class="fuel4 nojs"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
<link rel="stylesheet" href="{{staticFile "/css/a7.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "/css/style.css"}}"> |
||||
|
||||
|
||||
</head> |
||||
|
||||
<body class="blog"> |
||||
<div id="wrapper"> |
||||
|
||||
|
||||
<!-- Fuel Alert Bar --> |
||||
|
||||
|
||||
<header id="header" class="contain" role="banner"> |
||||
<img src="{{replaceImage .Logo}}" alt="logo"> |
||||
<ul> |
||||
<a style="margin-right:5px;" href="{{.IndexUrl}}" >Home</a> |
||||
{{if .HasAbout }} |
||||
<a style="margin-right:5px;" href="{{.AboutUrl}}">About</a> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<a style="margin-right:5px;" href="{{.ContactUrl}}">Contact</a> |
||||
{{end}} |
||||
</ul> |
||||
</header> |
||||
|
||||
<main id="main"> |
||||
|
||||
<div class="main-content main-sidebar main-blog"> |
||||
|
||||
<header class="contain main-header"> |
||||
|
||||
<h1 class="main-title entry-title">Policy</h1> |
||||
</header> |
||||
<div class="contain entry-wrapper entry-sidebar"> |
||||
<div class="clear entry-content entry-post"> |
||||
<p>{{.Policy}}</p> |
||||
</div> |
||||
|
||||
<aside id="secondary" class="widget-area" role="complementary"> |
||||
<section id="recent-posts-3" class="widget widget_recent_entries"> |
||||
<header> |
||||
<h3 class="widget-title">POPULAR ARTICLES</h3> |
||||
</header> |
||||
{{$plen := len .PopularArticles}} |
||||
{{if ne $plen 0}} |
||||
<ul> |
||||
{{range .PopularArticles}} |
||||
<li> |
||||
<a |
||||
href="{{.Url}}" target="_blank">{{.Title}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
{{end}} |
||||
</section> |
||||
</aside> |
||||
|
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
|
||||
</main> |
||||
|
||||
<footer id="footer" role="contentinfo"> |
||||
<div class="contain"> |
||||
<div class="footer-wrap"> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="footer-links"> |
||||
<span class="footer-heading">Friendship Links</span> |
||||
<div class="menu-footer-menu-container"> |
||||
<ul id="menu-footer-menu" class="menu"> |
||||
{{range .Friendship}} |
||||
<li id="menu-item-39" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-39"> |
||||
<a href="{{.Url}}">{{.Name}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
<nav id="footer-navigation" class="secondary-navigation" role="navigation"></nav> |
||||
</div> |
||||
{{end}} |
||||
<div class="footer-address"> |
||||
<span class="footer-heading"> Quick Links</span> |
||||
<ul class="locations-wrapper"> |
||||
<li > |
||||
<a href="{{.IndexUrl}}">Home</a></li> |
||||
{{if .HasAbout }} |
||||
<li |
||||
><a |
||||
href="{{.AboutUrl}}">About </a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li ><a |
||||
href="{{.ContactUrl}}">CONTACT </a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li |
||||
><a |
||||
href="{{.PolicyUrl}}"> Policy</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
|
||||
|
||||
|
||||
|
||||
</div><!-- close footer-wrap--> |
||||
|
||||
|
||||
</div><!-- close contain--> |
||||
|
||||
|
||||
<div class="contain site-info"> |
||||
<div class="copyright">{{.Copyright}}</div> |
||||
<nav id="copyright-navigation" class="copyright-navigation" role="navigation"> |
||||
<div class="menu-copyright-menu-container"> |
||||
<ul id="menu-copyright-menu" class="menu"> |
||||
|
||||
</ul> |
||||
</div> |
||||
</nav> |
||||
</div> |
||||
</footer> |
||||
|
||||
</div><!-- #wrapper --> |
||||
|
||||
|
||||
|
||||
</body> |
||||
|
||||
</html> |