You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
296 lines
9.4 KiB
296 lines
9.4 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
|
|
<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}}" />
|
|
<style>
|
|
.ng-select .ng-select-container .ng-value-container .ng-input>input {
|
|
cursor: text !important;
|
|
}
|
|
</style>
|
|
<link rel="stylesheet" href="{{staticFile "/css/blog.css"}}" />
|
|
<link rel="stylesheet" href="{{staticFile "/css/select2.min.css"}}" />
|
|
<link rel="stylesheet" href="{{staticFile "/css/main.css@id=691f8507dbd323034bd9df252e0fe75c.css"}}">
|
|
|
|
|
|
<style>
|
|
#top-bar {
|
|
display: none !important;
|
|
}
|
|
|
|
.autosuggest-target-menu {
|
|
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
|
|
}
|
|
|
|
.twitter-typeahead {
|
|
width: 100%;
|
|
}
|
|
</style>
|
|
<!-- Header Vars -->
|
|
|
|
<!-- Google Tag Manager -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body class="overflow-x-hidden">
|
|
|
|
|
|
|
|
|
|
<header id="header">
|
|
|
|
|
|
|
|
<!-- ./get-second-opinion-form-topbar -->
|
|
|
|
|
|
<!-- ./get-second-opinion-form-topbar -->
|
|
|
|
<div class="headerTertiary">
|
|
<div class="header-inner px-20 pr-lg-40 pl-lg-40">
|
|
<div class="row">
|
|
<div class="col-xl-12">
|
|
<ul class="list-unstyled">
|
|
|
|
|
|
|
|
<li>
|
|
<a href="{{.IndexUrl}}" target="_self"
|
|
class="hover-bold hover-no-underline">
|
|
|
|
Home
|
|
</a>
|
|
</li>
|
|
{{if .HasAbout }}
|
|
|
|
<li>
|
|
<a href="{{.AboutUrl}}" target="_self" class="hover-bold hover-no-underline">
|
|
About
|
|
</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<li>
|
|
<a href="{{.ContactUrl}}" target="_blank"
|
|
class="hover-bold hover-no-underline">
|
|
Contact
|
|
</a>
|
|
</li>
|
|
{{end}}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<!-- ./top-menu -->
|
|
|
|
<div class="headerSecondry">
|
|
<div class="header-inner px-20 pr-lg-40 pl-lg-40">
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<nav class="navbar py-lg-1 py-0 navbar-expand-xl">
|
|
<a class="navbar-brand mr-auto" href="{{.IndexUrl}}">
|
|
<img src="{{replaceImage .Logo}}" alt="logo" />
|
|
</a>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</header>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- ./main-menu-mobile -->
|
|
|
|
|
|
|
|
<!-- Header Sections Ends -->
|
|
|
|
<!-- Main content -->
|
|
<main id="content">
|
|
<main id="content" class="section-blog-list">
|
|
<div class="container px-20">
|
|
<div class="row">
|
|
<div class="col-lg-9 recent-blogs-cover" id="sticky-sidebar">
|
|
<div class="sticky-top">
|
|
<section class="blog-post recent-blogs-sec1 mb-lg-10">
|
|
<h1>{{.Title}}</h1>
|
|
<img width="100%" src="{{getCover .Article.Pictures}}" />
|
|
<p class="speakableTextP1">{{.Article.Summary}}</p>
|
|
{{range .Article.Topics}}
|
|
<p><strong>{{.Topic}}</strong></p>
|
|
{{$tlen := len .Pictures}}
|
|
{{if ne $tlen 0}}
|
|
{{range .Pictures}}
|
|
<img width="100%" src="{{replaceImage .}}" />
|
|
{{end}}
|
|
{{end}}
|
|
<p>{{.Content}}</p>
|
|
{{end}}
|
|
|
|
</section>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-3 d-lg-block d-none">
|
|
<h2 class="site-heading-with-border f-lg-28 f-20 mb-3 color-blue font-weight-semi-bold">
|
|
<span>POPULAR ARTICLES</span>
|
|
</h2>
|
|
{{$plen := len .PopularArticles}}
|
|
{{if ne $plen 0}}
|
|
<ul class="list-unstyled blog-side-filter">
|
|
{{range .PopularArticles}}
|
|
<li class="mb-2 mr-1 d-inline-block">
|
|
<a class="f-lg-base f-14 btn btn-secondary-outline green-lighten btn-circle px-3 py-lg-1 white-space-nowrap d-inline-block "
|
|
href="{{.Url}}" target="_blank">
|
|
{{.Title}}
|
|
</a>
|
|
</li>
|
|
{{end}}
|
|
|
|
</ul>
|
|
{{end}}
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<!-- ./more-posts-carousel -->
|
|
</main>
|
|
|
|
</main>
|
|
|
|
<!-- Footer Section Starts -->
|
|
<div class="d-lg-none px-20 bg-green-darken">
|
|
<button type="button"
|
|
class="d-flex accordion-trigger align-items-center border-bottom-color-alpha-white-2 w-100 justify-content-center font-weight-semi-bold border-left-0 border-right-0 border-top-0 border-bottom bg-transparent py-3 px-0 f-16 color-white l-h-12 collapsed"
|
|
data-toggle="collapse" data-target=".f-quick-links">
|
|
Quick Links
|
|
<i class="accordion-trigger-chevron no-translate position-static ml-2 fas fa-chevron-down"
|
|
aria-hidden="true"></i>
|
|
</button>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<footer class="footer ">
|
|
<div class="footer-inner px-20">
|
|
<div class="d-none mx-n4 justify-content-lg-between d-lg-flex row no-gutters mb-lg-40">
|
|
<div class="px-4">
|
|
<p class="color-white font-weight-semi-bold f-lg-18 mb-lg-3 l-h-12"> Quick Links</p>
|
|
<a class="color-white hover-color-white f-14 py-lg-1 d-block"
|
|
href="{{.IndexUrl}}" rel="noopener">HOME
|
|
</a>
|
|
{{if .HasAbout }}
|
|
<a class="color-white hover-color-white f-14 py-lg-1 d-block"
|
|
href="{{.AboutUrl}}" rel="noopener">ABOUT
|
|
</a>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<a class="color-white hover-color-white f-14 py-lg-1 d-block"
|
|
href="{{.ContactUrl}}" rel="noopener">CONTACT
|
|
</a>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
<a class="color-white hover-color-white f-14 py-lg-1 d-block"
|
|
href="{{.PolicyUrl}}" rel="noopener">POLICY
|
|
</a>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="d-lg-none">
|
|
<div class="row justify-content-between no-gutters mb-40">
|
|
<div>
|
|
<p>
|
|
|
|
<a class="d-block f-14 color-white hover-color-white py-1"
|
|
href="{{.IndexUrl}}">HOME </a>
|
|
|
|
{{if .HasAbout }}
|
|
<a class="d-block f-14 color-white hover-color-white py-1"
|
|
href="{{.IndexUrl}}">ABOUT </a>
|
|
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
|
|
|
|
<a class="d-block f-14 color-white hover-color-white py-1"
|
|
href="{{.ContactUrl}}">CONTACT </a>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
|
|
|
|
<a class="d-block f-14 color-white hover-color-white py-1"
|
|
href="{{.PolicyUrl}}">POLICY </a>
|
|
{{end}}
|
|
|
|
</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="m-0 text-lg-center color-white f-14">
|
|
<p class="m-0 text-lg-right color-white f-14">{{.Copyright}}</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
.sticky-top {
|
|
position: -webkit-sticky;
|
|
position: sticky;
|
|
top: 100px;
|
|
z-index: 1;
|
|
}
|
|
</style>
|
|
|
|
<!-- Footer Sections Ends -->
|
|
|
|
|
|
</body>
|
|
|
|
</html> |