website
This commit is contained in:
Denys Konovalov
0
themes/portio/layouts/404.html
Normal file
0
themes/portio/layouts/404.html
Normal file
13
themes/portio/layouts/_default/baseof.html
Normal file
13
themes/portio/layouts/_default/baseof.html
Normal file
@ -0,0 +1,13 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
{{ partial "head.html" . }}
|
||||
|
||||
<body>
|
||||
{{ partial "navbar.html" . }}
|
||||
<div id="content">
|
||||
{{ block "main" . }}{{ end }}
|
||||
</div>
|
||||
{{ partial "footer.html" . }}
|
||||
</body>
|
||||
|
||||
</html>
|
||||
0
themes/portio/layouts/_default/list.html
Normal file
0
themes/portio/layouts/_default/list.html
Normal file
0
themes/portio/layouts/_default/single.html
Normal file
0
themes/portio/layouts/_default/single.html
Normal file
59
themes/portio/layouts/_default/terms.html
Normal file
59
themes/portio/layouts/_default/terms.html
Normal file
@ -0,0 +1,59 @@
|
||||
{{ define "main" }}
|
||||
|
||||
{{ partial "head.html" . }}
|
||||
|
||||
{{ $baseurl := .Site.BaseURL }}
|
||||
<header class="breadCrumb">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center">
|
||||
<h3 class="breadCrumb__title">{{ .Title }}</h3>
|
||||
<nav aria-label="breadcrumb" class="d-flex justify-content-center">
|
||||
<ol class="breadcrumb align-items-center">
|
||||
<li class="breadcrumb-item"><a href="{{ .Site.BaseURL }}">Home</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">{{ .Title }}</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12 text-center">
|
||||
<section class="section blog-page">
|
||||
<div class="container">
|
||||
{{ $plural := .Data.Plural }}
|
||||
{{ range $key, $value := .Data.Terms }}
|
||||
<a href="{{ $baseurl }}/{{ $plural }}/{{ $key }}">{{ $key }}</a>
|
||||
<br>
|
||||
{{ end }}
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="section singleBlog">
|
||||
<div class="svg-img">
|
||||
<img src={{ "images/hero/figure-svg.svg" | absURL }} alt="">
|
||||
</div>
|
||||
<div class="animate-shape">
|
||||
<img src={{ "images/skill/skill-background-shape.svg" | absURL }} alt="">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 600 600">
|
||||
<defs>
|
||||
<linearGradient id="d" x1="0.929" y1="0.111" x2="0.263" y2="0.935" gradientUnits="objectBoundingBox">
|
||||
<stop offset="0" stop-color="#f1f6f9" />
|
||||
<stop offset="1" stop-color="#f1f6f9" stop-opacity="0" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g data-name="blob-shape (3)">
|
||||
<path class="blob" fill="url(#d)"
|
||||
d="M455.4 151.1c43.1 36.7 73.4 92.8 60.8 136.3-12.7 43.5-68.1 74.4-111.3 119.4-43.1 45-74 104.1-109.8 109-35.9 5-76.7-44.2-111.8-89.2-35.2-45-64.7-85.8-70.8-132.6-6-46.8 11.6-99.6 46.7-136.3 35.2-36.6 88-57.2 142.4-58.8 54.5-1.7 110.6 15.6 153.8 52.2z" />
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="animate-pattern">
|
||||
<img src={{ "images/service/background-pattern.svg" | absURL }} alt="background-shape">
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{ end }}
|
||||
63
themes/portio/layouts/blog/list.html
Normal file
63
themes/portio/layouts/blog/list.html
Normal file
@ -0,0 +1,63 @@
|
||||
{{ define "main" }}
|
||||
|
||||
<header class="breadCrumb">
|
||||
<div class="svg-img">
|
||||
|
||||
<img src={{"images/hero/figure-svg.svg" | absURL }} alt="">
|
||||
</div>
|
||||
<div class="animate-shape">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 600 600">
|
||||
<defs>
|
||||
<linearGradient id="d" x1="0.929" y1="0.111" x2="0.263" y2="0.935" gradientUnits="objectBoundingBox">
|
||||
<stop offset="0" stop-color="#f1f6f9" />
|
||||
<stop offset="1" stop-color="#f1f6f9" stop-opacity="0" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g data-name="blob-shape (3)">
|
||||
<path class="blob" fill="url(#d)"
|
||||
d="M455.4 151.1c43.1 36.7 73.4 92.8 60.8 136.3-12.7 43.5-68.1 74.4-111.3 119.4-43.1 45-74 104.1-109.8 109-35.9 5-76.7-44.2-111.8-89.2-35.2-45-64.7-85.8-70.8-132.6-6-46.8 11.6-99.6 46.7-136.3 35.2-36.6 88-57.2 142.4-58.8 54.5-1.7 110.6 15.6 153.8 52.2z" />
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="animate-pattern">
|
||||
<img src={{"images/service/background-pattern.svg" | absURL }} alt="background-shape">
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center">
|
||||
<h3 class="breadCrumb__title">{{ .Title }}</h3>
|
||||
<nav aria-label="breadcrumb" class="d-flex justify-content-center">
|
||||
<ol class="breadcrumb align-items-center">
|
||||
<li class="breadcrumb-item"><a href="{{ .Site.BaseURL }}">Home</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">{{ .Title }}</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="section blog-page">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
{{ range .Paginator.Pages }}
|
||||
<div class="col-lg-4">
|
||||
<div class="blog-page__item">
|
||||
<div class="blog-page__item-thumb">
|
||||
<img src="{{ .Params.featureImage | absURL }}" alt="post-image">
|
||||
</div>
|
||||
<div class="blog-page__item-content bg-white">
|
||||
<span class="small">{{ .PublishDate.Format "January 2, 2006" }}</span>
|
||||
<h5 class="mb-0">
|
||||
<a class="text-dark" href="{{ .Permalink }}">{{ .Title }}</a>
|
||||
</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ partial "pagination" .}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{ end }}
|
||||
96
themes/portio/layouts/blog/single.html
Normal file
96
themes/portio/layouts/blog/single.html
Normal file
@ -0,0 +1,96 @@
|
||||
{{ define "main" }}
|
||||
|
||||
<header class="breadCrumb">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-10 col-md-12 offset-lg-1 offset-md-0 text-center">
|
||||
<h3 class="breadCrumb__title">{{ .Title }}</h3>
|
||||
<nav aria-label="breadcrumb" class="d-flex justify-content-center">
|
||||
<ol class="breadcrumb align-items-center">
|
||||
<li class="breadcrumb-item"><a href={{ .Site.BaseURL }}>Home</a></li>
|
||||
<li class="breadcrumb-item"><a href={{ .Site.Params.blogPageURL | absURL }}>All Post</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">{{ .Title }}</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ul class="post-meta">
|
||||
<li>
|
||||
<i class="fa fa-calendar"></i>
|
||||
{{ .PublishDate.Format "January 2, 2006" }}
|
||||
</li>
|
||||
<li>
|
||||
<i class="fa fa-clock-o"></i>
|
||||
{{ .ReadingTime }} mins read
|
||||
</li>
|
||||
{{ if .Params.tags }}
|
||||
<li>
|
||||
<i class="fa fa-tag"></i>
|
||||
{{ range (.GetTerms "tags") }}
|
||||
<a class="text-capitalize" href="{{ .Permalink }}">{{ .LinkTitle }}</a>
|
||||
{{ end }}
|
||||
</li>
|
||||
{{ end }}
|
||||
{{ if .Params.categories }}
|
||||
<li>
|
||||
<i class="fa fa-folder-open"></i>
|
||||
{{ range (.GetTerms "categories") }}
|
||||
<a class="text-capitalize" href="{{ .Permalink }}">{{ .LinkTitle }}</a>
|
||||
{{ end }}
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="section singleBlog">
|
||||
<div class="svg-img">
|
||||
<img src={{ "images/hero/figure-svg.svg" | absURL }} alt="">
|
||||
</div>
|
||||
<div class="animate-shape">
|
||||
<img src={{ "images/skill/skill-background-shape.svg" | absURL }} alt="">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 600 600">
|
||||
<defs>
|
||||
<linearGradient id="d" x1="0.929" y1="0.111" x2="0.263" y2="0.935" gradientUnits="objectBoundingBox">
|
||||
<stop offset="0" stop-color="#f1f6f9" />
|
||||
<stop offset="1" stop-color="#f1f6f9" stop-opacity="0" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g data-name="blob-shape (3)">
|
||||
<path class="blob" fill="url(#d)"
|
||||
d="M455.4 151.1c43.1 36.7 73.4 92.8 60.8 136.3-12.7 43.5-68.1 74.4-111.3 119.4-43.1 45-74 104.1-109.8 109-35.9 5-76.7-44.2-111.8-89.2-35.2-45-64.7-85.8-70.8-132.6-6-46.8 11.6-99.6 46.7-136.3 35.2-36.6 88-57.2 142.4-58.8 54.5-1.7 110.6 15.6 153.8 52.2z" />
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="animate-pattern">
|
||||
<img src={{ "images/service/background-pattern.svg" | absURL }} alt="background-shape">
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="singleBlog__feature">
|
||||
<img src={{ .Params.postImage | absURL }} alt="feature-image">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mt-5">
|
||||
<div class="col-lg-12">
|
||||
<div class="singleBlog__content">
|
||||
|
||||
{{ if .Params.toc }}
|
||||
<h3>Table of Contents</h3>
|
||||
{{ .TableOfContents | replaceRE "<ul>[[:space:]]*<li>[[:space:]]*<ul>" "<ul>" | replaceRE "</ul>[[:space:]]*</li>[[:space:]]*</ul>" "</ul>" | safeHTML }}
|
||||
{{ end }}
|
||||
|
||||
{{ .Content }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{ end }}
|
||||
76
themes/portio/layouts/categories/taxonomy.html
Normal file
76
themes/portio/layouts/categories/taxonomy.html
Normal file
@ -0,0 +1,76 @@
|
||||
{{ define "main" }}
|
||||
|
||||
<header class="breadCrumb">
|
||||
<div class="svg-img">
|
||||
<img src={{"images/hero/figure-svg.svg" | absURL }} alt="">
|
||||
</div>
|
||||
<div class="animate-shape">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
viewBox="0 0 600 600"
|
||||
>
|
||||
<defs>
|
||||
<linearGradient
|
||||
id="d"
|
||||
x1="0.929"
|
||||
y1="0.111"
|
||||
x2="0.263"
|
||||
y2="0.935"
|
||||
gradientUnits="objectBoundingBox"
|
||||
>
|
||||
<stop offset="0" stop-color="#f1f6f9" />
|
||||
<stop offset="1" stop-color="#f1f6f9" stop-opacity="0" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g data-name="blob-shape (3)">
|
||||
<path
|
||||
class="blob"
|
||||
fill="url(#d)"
|
||||
d="M455.4 151.1c43.1 36.7 73.4 92.8 60.8 136.3-12.7 43.5-68.1 74.4-111.3 119.4-43.1 45-74 104.1-109.8 109-35.9 5-76.7-44.2-111.8-89.2-35.2-45-64.7-85.8-70.8-132.6-6-46.8 11.6-99.6 46.7-136.3 35.2-36.6 88-57.2 142.4-58.8 54.5-1.7 110.6 15.6 153.8 52.2z"
|
||||
/>
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="animate-pattern">
|
||||
<img src={{"images/service/background-pattern.svg" | absURL }}
|
||||
alt="background-shape">
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center">
|
||||
<h3 class="breadCrumb__title text-capitalize">{{ .Title }}</h3>
|
||||
<nav aria-label="breadcrumb" class="d-flex justify-content-center">
|
||||
<ol class="breadcrumb align-items-center">
|
||||
<li>Showing all posts with the category "{{.Title}}"</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="section blog-page">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
{{ range .Paginator.Pages }}
|
||||
<div class="col-lg-4">
|
||||
<div class="blog-page__item">
|
||||
<div class="blog-page__item-thumb">
|
||||
<img src="{{ .Params.featureImage | absURL }}" alt="post-image" />
|
||||
</div>
|
||||
<div class="blog-page__item-content bg-white">
|
||||
<span class="small"
|
||||
>{{ .PublishDate.Format "January 2, 2006" }}</span
|
||||
>
|
||||
<h5 class="mb-0">
|
||||
<a class="text-dark" href="{{ .Permalink }}">{{ .Title }}</a>
|
||||
</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }} {{ partial "pagination" .}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
190
themes/portio/layouts/contact/list.html
Normal file
190
themes/portio/layouts/contact/list.html
Normal file
@ -0,0 +1,190 @@
|
||||
{{ define "main" }}
|
||||
|
||||
<header class="breadCrumb">
|
||||
<div class="svg-img">
|
||||
<img src="{{ "images/hero/figure-svg.svg" | absURL }}" alt="bg">
|
||||
</div>
|
||||
<div class="animate-shape">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 600 600">
|
||||
<defs>
|
||||
<linearGradient id="d" x1="0.929" y1="0.111" x2="0.263" y2="0.935" gradientUnits="objectBoundingBox">
|
||||
<stop offset="0" stop-color="#f1f6f9" />
|
||||
<stop offset="1" stop-color="#f1f6f9" stop-opacity="0" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g data-name="blob-shape (3)">
|
||||
<path class="blob" fill="url(#d)"
|
||||
d="M455.4 151.1c43.1 36.7 73.4 92.8 60.8 136.3-12.7 43.5-68.1 74.4-111.3 119.4-43.1 45-74 104.1-109.8 109-35.9 5-76.7-44.2-111.8-89.2-35.2-45-64.7-85.8-70.8-132.6-6-46.8 11.6-99.6 46.7-136.3 35.2-36.6 88-57.2 142.4-58.8 54.5-1.7 110.6 15.6 153.8 52.2z" />
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="animate-pattern">
|
||||
<img src="{{ "images/service/background-pattern.svg" | absURL }}" alt="background-shape">
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center">
|
||||
<h3 class="breadCrumb__title">{{ .Title }}</h3>
|
||||
<nav aria-label="breadcrumb" class="d-flex justify-content-center">
|
||||
<ol class="breadcrumb align-items-center">
|
||||
<li class="breadcrumb-item"><a href="{{ .Site.BaseURL }}">Home</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">{{ .Params.breadcrumb }}</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
{{ $address := .Site.Params.address }}
|
||||
<section class="section contact__info">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="contact__info_item">
|
||||
<div class="contact__info_item-icon">
|
||||
<div class="icon-background">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="122.457" height="109.702" viewBox="0 0 122.457 109.702">
|
||||
<path fill="#f1f6f9"
|
||||
d="M49.855527 9.984102c-4.337424-.815024-8.766002-1.633779-13.152776-1.113889-8.196034.975107-15.344329 6.696991-19.41555 13.879649s-5.363288 15.655094-5.187042 23.907191c.156996 7.385448 1.479849 14.875357 4.972905 21.38465s9.337384 11.961229 16.458344 13.922244c4.833752 1.331211 10.056683 1.044827 14.74081 2.829827 7.560693 2.881382 12.209757 10.489626 19.01235 14.870016a25.650039 25.650039 0 0024.16316 1.698928c8.342551-3.846451 14.03857-12.107291 16.641338-20.918947s2.471077-18.187687 1.756125-27.346305c-.843101-10.912846-3.01686-22.783019-11.354287-29.869462-6.037066-5.130853-14.208558-6.772976-21.995428-8.235353z"
|
||||
data-name="Path 1354" />
|
||||
</svg>
|
||||
</div>
|
||||
<div class="icon">
|
||||
<img src="{{ "images/contact/location.svg" | absURL }}" alt="location" />
|
||||
</div>
|
||||
</div>
|
||||
<h4>Office Address</h4>
|
||||
<p>
|
||||
{{ $address.address }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="contact__info_item">
|
||||
<div class="contact__info_item-icon">
|
||||
<div class="icon-background">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="122.457" height="109.702" viewBox="0 0 122.457 109.702">
|
||||
<path fill="#f1f6f9"
|
||||
d="M49.855527 9.984102c-4.337424-.815024-8.766002-1.633779-13.152776-1.113889-8.196034.975107-15.344329 6.696991-19.41555 13.879649s-5.363288 15.655094-5.187042 23.907191c.156996 7.385448 1.479849 14.875357 4.972905 21.38465s9.337384 11.961229 16.458344 13.922244c4.833752 1.331211 10.056683 1.044827 14.74081 2.829827 7.560693 2.881382 12.209757 10.489626 19.01235 14.870016a25.650039 25.650039 0 0024.16316 1.698928c8.342551-3.846451 14.03857-12.107291 16.641338-20.918947s2.471077-18.187687 1.756125-27.346305c-.843101-10.912846-3.01686-22.783019-11.354287-29.869462-6.037066-5.130853-14.208558-6.772976-21.995428-8.235353z"
|
||||
data-name="Path 1354" />
|
||||
</svg>
|
||||
</div>
|
||||
<div class="icon">
|
||||
<img src="{{ "images/contact/phone.svg" | absURL }}" alt="phone" />
|
||||
</div>
|
||||
</div>
|
||||
<h4>Phone & Email</h4>
|
||||
<p>{{ $address.phone }}<br>
|
||||
<a href="mailto:{{ $address.email }}">{{ $address.email }}</a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="contact__info_item">
|
||||
<div class="contact__info_item-icon">
|
||||
<div class="icon-background">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="122.457" height="109.702" viewBox="0 0 122.457 109.702">
|
||||
<path fill="#f1f6f9"
|
||||
d="M49.855527 9.984102c-4.337424-.815024-8.766002-1.633779-13.152776-1.113889-8.196034.975107-15.344329 6.696991-19.41555 13.879649s-5.363288 15.655094-5.187042 23.907191c.156996 7.385448 1.479849 14.875357 4.972905 21.38465s9.337384 11.961229 16.458344 13.922244c4.833752 1.331211 10.056683 1.044827 14.74081 2.829827 7.560693 2.881382 12.209757 10.489626 19.01235 14.870016a25.650039 25.650039 0 0024.16316 1.698928c8.342551-3.846451 14.03857-12.107291 16.641338-20.918947s2.471077-18.187687 1.756125-27.346305c-.843101-10.912846-3.01686-22.783019-11.354287-29.869462-6.037066-5.130853-14.208558-6.772976-21.995428-8.235353z"
|
||||
data-name="Path 1354" />
|
||||
</svg>
|
||||
</div>
|
||||
<div class="icon">
|
||||
<img src="{{ "images/contact/time.svg" | absURL }}" alt="time" />
|
||||
</div>
|
||||
</div>
|
||||
<h4>Working Hours</h4>
|
||||
<p>
|
||||
{{ $address.openingHours }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="contact-form">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="contact-form-title">
|
||||
<h3>Contact Form</h3>
|
||||
</div>
|
||||
<div class="contact-form-input">
|
||||
<form id="contact-form" action="{{ .Site.Params.formspreeURL }}" method="POST">
|
||||
|
||||
<div class="form-row">
|
||||
|
||||
<div class="form-group col-md-6 pr-3">
|
||||
<input type="text" class="form-control" name="Name" placeholder="Name" required />
|
||||
</div>
|
||||
<div class="form-group col-md-6">
|
||||
<input type="email" class="form-control" name="email" placeholder="Email" required />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<textarea class="form-control" id="message" rows="6" name="message" placeholder="Message"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<div class="form-check small">
|
||||
<input type="checkbox" class="form-check-input" name="agreement" id="aggrement" required />
|
||||
<label class="form-check-label" for="aggrement">
|
||||
I agree that my submitted data is being collected and
|
||||
stored.</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-primary btn-zoom" id="contact-form-button">Send Message</button>
|
||||
<p id="contact-form-status" class="mt-3"></p>
|
||||
</form>
|
||||
|
||||
<!-- <form>
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-6">
|
||||
<label for="inputEmail4">Email</label>
|
||||
<input type="email" class="form-control" id="inputEmail4" placeholder="Email">
|
||||
</div>
|
||||
<div class="form-group col-md-6">
|
||||
<label for="inputPassword4">Password</label>
|
||||
<input type="password" class="form-control" id="inputPassword4" placeholder="Password">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="inputAddress">Address</label>
|
||||
<input type="text" class="form-control" id="inputAddress" placeholder="1234 Main St">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="inputAddress2">Address 2</label>
|
||||
<input type="text" class="form-control" id="inputAddress2" placeholder="Apartment, studio, or floor">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="gridCheck">
|
||||
<label class="form-check-label" for="gridCheck">
|
||||
I agree that my submitted data is being collected and
|
||||
stored.
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Sign in</button>
|
||||
</form> -->
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
{{ $map := .Site.Params.map }}
|
||||
<div id="map" data-lat={{ $map.latitude }} data-long={{ $map.longitude }} data-pin={{ $map.pinImage | absURL }}>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{ end }}
|
||||
19
themes/portio/layouts/index.html
Normal file
19
themes/portio/layouts/index.html
Normal file
@ -0,0 +1,19 @@
|
||||
{{ define "main" }}
|
||||
|
||||
{{ partial "hero.html" . }}
|
||||
|
||||
{{ partial "aboutSection.html" . }}
|
||||
|
||||
{{ partial "serviceSection.html" . }}
|
||||
|
||||
{{ partial "portfolioSection.html" . }}
|
||||
|
||||
{{ partial "resumeSection.html" . }}
|
||||
|
||||
{{ partial "skillSection.html" . }}
|
||||
|
||||
{{ partial "testimonialSection.html" . }}
|
||||
|
||||
{{ partial "blogSection.html" . }}
|
||||
|
||||
{{ end }}
|
||||
58
themes/portio/layouts/partials/aboutSection.html
Normal file
58
themes/portio/layouts/partials/aboutSection.html
Normal file
@ -0,0 +1,58 @@
|
||||
{{ with .Site.Data.aboutSection }}
|
||||
{{ if .enable }}
|
||||
<section class="section about" id="about">
|
||||
<div class="container">
|
||||
<div class="row text-center">
|
||||
<div class="col-lg-6 offset-lg-3">
|
||||
<div class="about_header mb-5">
|
||||
<span class="top-title">{{ .topTitle }}</span>
|
||||
{{ .title | markdownify}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="about_content">
|
||||
<div class="about_content-thumb">
|
||||
<div class="about-svg">
|
||||
<img src="images/hero/figure-svg.svg" alt="figure-svg">
|
||||
</div>
|
||||
<div class="about_content-thumb-image">
|
||||
<img src="{{ .image | absURL }}" alt="about-img"
|
||||
style='-webkit-mask: url({{"images/about/about-mask-svg.svg" | absURL}}); -webkit-mask-size: contain;'>
|
||||
</div>
|
||||
</div>
|
||||
<div class="about_content-inner">
|
||||
<div class="about_content-inner-blob">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
viewBox="0 0 600 600">
|
||||
<defs>
|
||||
<linearGradient id="c" x1="0.929" y1="0.111" x2="0.263" y2="0.935"
|
||||
gradientUnits="objectBoundingBox">
|
||||
<stop offset="0" stop-color="#f1f6f9" />
|
||||
<stop offset="1" stop-color="#f1f6f9" stop-opacity="0" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g data-name="blob-shape (3)">
|
||||
<path class="blob" fill="url(#c)"
|
||||
d="M455.4 151.1c43.1 36.7 73.4 92.8 60.8 136.3-12.7 43.5-68.1 74.4-111.3 119.4-43.1 45-74 104.1-109.8 109-35.9 5-76.7-44.2-111.8-89.2-35.2-45-64.7-85.8-70.8-132.6-6-46.8 11.6-99.6 46.7-136.3 35.2-36.6 88-57.2 142.4-58.8 54.5-1.7 110.6 15.6 153.8 52.2z" />
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="mb-4 text-light">
|
||||
{{ .content | markdownify}}
|
||||
</div>
|
||||
<div>
|
||||
<a class="btn btn-primary mr-3 btn-zoom"
|
||||
href="{{ .button1Target | absURL }}">{{ .button1Name }}</a>
|
||||
<a class="btn btn-outline-primary btn-zoom" href="{{ .button2Target | absURL }}">
|
||||
{{ .button2Name }} </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
49
themes/portio/layouts/partials/blogSection.html
Normal file
49
themes/portio/layouts/partials/blogSection.html
Normal file
@ -0,0 +1,49 @@
|
||||
{{ with .Site.Data.blogSection }}
|
||||
{{ if .enable }}
|
||||
<section class="section blog-preview" id="blog">
|
||||
<div class="blog-preview__shape">
|
||||
<img src="images/blog/blog-shape.svg" alt="blog shape" />
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row mb-5">
|
||||
<div class="col-lg-6">
|
||||
<div class="blog-preview__header">
|
||||
<span class="top-title pre-line">{{ .topTitle }}</span>
|
||||
{{ .title | markdownify }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="blog-preview__header_button desktop">
|
||||
<a class="btn btn-outline-secondary btn-zoom m-3" href="{{ .buttonTarget | absURL }}">See all post</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
{{ range first 3 (where $.Site.RegularPages "Type" "!=" "portfolio") }}
|
||||
<div class="col-lg-4">
|
||||
<div class="blog-preview__item">
|
||||
<div class="blog-preview__item-thumb">
|
||||
<img src="{{ .Params.featureImage | absURL }}" alt="post-image">
|
||||
</div>
|
||||
<div class="blog-preview__item-content bg-white">
|
||||
<span class="small">{{ .PublishDate.Format "January 2, 2006" }}</span>
|
||||
<h5 class="mb-0">
|
||||
<a class="text-dark" href="{{ .Permalink }}">{{ .Title }}</a>
|
||||
</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="blog-preview__header_button mobile">
|
||||
<a class="btn btn-outline-secondary btn-zoom" href="{{ .buttonTarget | absURL }}">See all post</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }} {{ end }}
|
||||
90
themes/portio/layouts/partials/footer.html
Normal file
90
themes/portio/layouts/partials/footer.html
Normal file
@ -0,0 +1,90 @@
|
||||
<section class="footer" id="contact">
|
||||
<div class="footer__background_shape">
|
||||
<svg viewBox="0 0 1920 79">
|
||||
<path d="M0 0h1920v79L0 0z" data-name="Path 1450" />
|
||||
</svg>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="footer__cta">
|
||||
<div class="shape-1">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="357" height="315.029" viewBox="0 0 357 315.029">
|
||||
<path data-name="Path 1449"
|
||||
d="M76.1-157.222C91.746-135.8 87.2-94.273 99.993-61.945c12.7 32.328 42.661 55.459 39.248 73.282-3.318 17.823-40.007 30.337-65.6 43.325-25.5 12.988-39.912 26.545-60.01 42.566-20.1 16.116-46.074 34.6-63.328 27.682-17.349-6.921-25.976-39.153-59.915-59.82s-93.1-29.768-105.325-51.478 22.373-56.028 43.609-93.949c21.331-37.921 29.2-79.35 53.563-96.793 24.459-17.444 65.414-10.9 103.9-6.921 38.396 3.982 74.326 5.404 89.965 26.829z"
|
||||
transform="translate(217.489 188.626)" />
|
||||
</svg>
|
||||
</div>
|
||||
<div class="shape-2">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="357" height="315.029" viewBox="0 0 357 315.029">
|
||||
<path data-name="Path 1449"
|
||||
d="M76.1-157.222C91.746-135.8 87.2-94.273 99.993-61.945c12.7 32.328 42.661 55.459 39.248 73.282-3.318 17.823-40.007 30.337-65.6 43.325-25.5 12.988-39.912 26.545-60.01 42.566-20.1 16.116-46.074 34.6-63.328 27.682-17.349-6.921-25.976-39.153-59.915-59.82s-93.1-29.768-105.325-51.478 22.373-56.028 43.609-93.949c21.331-37.921 29.2-79.35 53.563-96.793 24.459-17.444 65.414-10.9 103.9-6.921 38.396 3.982 74.326 5.404 89.965 26.829z"
|
||||
transform="translate(217.489 188.626)" />
|
||||
</svg>
|
||||
</div>
|
||||
<div class="text-light footer__cta_content">
|
||||
<span>Vous êtes interessé par notre proposition?</span>
|
||||
<h2 class="mb-0">Réserve une séjour tout de suite!</h2>
|
||||
</div>
|
||||
<div class="footer__cta_action">
|
||||
<a class="btn btn-light btn-zoom" href="{{ .Site.Params.contactLink | absURL }}">S'aboucher avec nous</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row footer__widget">
|
||||
<div class="col-lg-4">
|
||||
<div class="footer__widget_logo mb-5">
|
||||
<img src="{{ .Site.Params.footerLogo | absURL }}" alt="widget-logo">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="text-light footer__widget_address mb-5">
|
||||
<h4 class="base-font">L'adresse</h4>
|
||||
{{ $address := .Site.Params.address }}
|
||||
<ul class="fa-ul small">
|
||||
<li class="mb-2"><a class="text-light" href="tel:{{ $address.phone }}"><span class="fa-li"><i
|
||||
class="fa fa-phone"></i></span>{{ $address.phone }}</a></li>
|
||||
<li class="mb-2"><a class="text-light" href="mailto:{{ $address.email }}"><span class="fa-li"><i
|
||||
class="fa fa-envelope"></i></span>{{ $address.email }}</a></li>
|
||||
<li class="mb-2">
|
||||
<span class="fa-li"><i class="fa fa-map-marker"></i></span>{{ $address.address }}</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row footer__footer">
|
||||
<div class="col-lg-6">
|
||||
<div class="footer__footer_copy text-light">
|
||||
<p>{{ .Site.Params.copyright }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="footer__footer_social">
|
||||
<ul class="unstyle-list">
|
||||
{{ $social := .Site.Params.social }}
|
||||
{{ range $social }}
|
||||
<li class="d-inline-block mx-2"><a class="text-light" target="_blank" href="{{ .url }}"><i
|
||||
class="fa {{ .icon }}"></i></a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<script src="https://maps.googleapis.com/maps/api/js?key={{ .Site.Params.map.APIkey }}&libraries=geometry"></script>
|
||||
<script src="{{ "plugins/jQuery/jquery.min.js" | absURL }}"></script>
|
||||
<script src="{{ "plugins/bootstrap/bootstrap.min.js" | absURL }}"></script>
|
||||
<script src="{{ "plugins/slick/slick.min.js" | absURL }}"></script>
|
||||
<script src="{{ "plugins/waypoint/jquery.waypoints.min.js" | absURL }}"></script>
|
||||
<script src="{{ "plugins/magnafic-popup/jquery.magnific-popup.min.js" | absURL }}"></script>
|
||||
<script src="{{ "plugins/tweenmax/TweenMax.min.js" | absURL }}"></script>
|
||||
<script src="{{ "plugins/imagesloaded/imagesloaded.min.js" | absURL }}"></script>
|
||||
<script src="{{ "plugins/masonry/masonry.min.js" | absURL }}"></script>
|
||||
{{ $formhandler := resources.Get "js/form-handler.js" | minify }}
|
||||
<script src="{{ $formhandler.Permalink }}"></script>
|
||||
{{ $script := resources.Get "js/script.js" | minify }}
|
||||
<script src="{{ $script.Permalink }}"></script>
|
||||
36
themes/portio/layouts/partials/head.html
Normal file
36
themes/portio/layouts/partials/head.html
Normal file
@ -0,0 +1,36 @@
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>{{ .Title }}</title>
|
||||
|
||||
{{ "<!-- mobile responsive meta -->" | safeHTML }}
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
|
||||
|
||||
{{ "<!-- Slick Carousel -->" | safeHTML }}
|
||||
<link rel="stylesheet" href="{{ "plugins/slick/slick.css" | absURL }}" />
|
||||
<link rel="stylesheet" href="{{ "plugins/slick/slick-theme.css" | absURL }}" />
|
||||
{{ "<!-- Font Awesome -->" | safeHTML }}
|
||||
<link rel="stylesheet" href="{{ "plugins/font-awesome/css/font-awesome.min.css" | absURL }}" />
|
||||
|
||||
{{ "<!-- Magnific Popup -->" | safeHTML }}
|
||||
<link rel="stylesheet" href="{{"plugins/magnafic-popup/magnific-popup.css" | absURL }}" />
|
||||
|
||||
{{ "<!-- Stylesheets -->" | safeHTML }}
|
||||
{{ $style := resources.Get "scss/style.scss" | resources.ToCSS | minify }}
|
||||
<link href="{{ $style.Permalink }}" rel="stylesheet" />
|
||||
|
||||
{{ "<!--Favicon-->" | safeHTML }}
|
||||
<link rel="shortcut icon" href="{{ "images/favicon.ico" | absURL }}" type="image/x-icon" />
|
||||
<link rel="icon" href="{{ "images/favicon.png" | absURL }}" type="image/x-icon" />
|
||||
{{ with site.Params.googleAnalytics }}
|
||||
{{ "<!-- Google Analytics -->" | safeHTML }}
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id={{ . }}"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() { dataLayer.push(arguments); }
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', '{{ . }}');
|
||||
</script>
|
||||
{{ end }}
|
||||
</head>
|
||||
70
themes/portio/layouts/partials/hero.html
Normal file
70
themes/portio/layouts/partials/hero.html
Normal file
@ -0,0 +1,70 @@
|
||||
{{ with .Site.Data.hero }}
|
||||
{{ if .enable }}
|
||||
<section class="hero" id="home">
|
||||
<div class="hero_background-svg">
|
||||
<svg viewBox="0 0 1437 1180">
|
||||
<path fill="#f1f6f9" d="M0 0h1377l60 1010a120 120 0 01-120 120L0 1180z" data-name="Path 1350" />
|
||||
</svg>
|
||||
</div>
|
||||
<div class="hero_footer-svg">
|
||||
<img src="images/hero/figure-svg.svg" alt="" />
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="hero_content">
|
||||
<div class="hero_blob">
|
||||
<svg viewBox="0 0 550 550">
|
||||
<defs>
|
||||
<linearGradient id="a" x1=".069" x2=".753" y1=".116" y2=".858" gradientUnits="objectBoundingBox">
|
||||
<stop offset="0" stop-color="#fff" />
|
||||
<stop offset="1" stop-color="#fff" stop-opacity=".012" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g data-name="blob-shape (3)">
|
||||
<path class="blob" fill="url(#a)"
|
||||
d="M455.4 151.1c43.1 36.7 73.4 92.8 60.8 136.3-12.7 43.5-68.1 74.4-111.3 119.4-43.1 45-74 104.1-109.8 109-35.9 5-76.7-44.2-111.8-89.2-35.2-45-64.7-85.8-70.8-132.6-6-46.8 11.6-99.6 46.7-136.3 35.2-36.6 88-57.2 142.4-58.8 54.5-1.7 110.6 15.6 153.8 52.2z" />
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="mb-5">
|
||||
<span class="top-title pre-line">{{ .topTitle }}</span>
|
||||
{{ .content | markdownify }}
|
||||
</div>
|
||||
<a type="button" class="btn btn-lg btn-primary btn-zoom"
|
||||
href="{{ .buttonURL | absURL }}">{{ .buttonName }}</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="hero_figure">
|
||||
<div class="figure-svg">
|
||||
<img src="images/hero/figure-svg.svg" alt="figure-svg" />
|
||||
</div>
|
||||
<img src="{{ .image | absURL }}" alt="hero-image" style='
|
||||
-webkit-mask: url({{"images/hero/hero-mask-svg.png" | absURL }});
|
||||
-webkit-mask-repeat: no-repeat;
|
||||
-webkit-mask-size: contain;
|
||||
-webkit-mask-position: center center;
|
||||
' />
|
||||
|
||||
{{ if .videoURL }}
|
||||
<div class="hero_figure-popup">
|
||||
<div class="thumb">
|
||||
<img src="{{ .videoThumb }}" alt="popup" />
|
||||
</div>
|
||||
|
||||
<a href="{{ .videoURL }}" type="button" class="popup-button text-center big">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="24" viewBox="0 0 21 24">
|
||||
<path d="M17.961 10.264a2 2 0 010 3.473L2.992 22.29A2 2 0 010 20.554V3.446A2 2 0 012.992 1.71z"
|
||||
data-name="Polygon 4" />
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
27
themes/portio/layouts/partials/navbar.html
Normal file
27
themes/portio/layouts/partials/navbar.html
Normal file
@ -0,0 +1,27 @@
|
||||
<nav class="navbar navbar-expand-lg fixed-top">
|
||||
<div class="container">
|
||||
<a href="{{ .Site.BaseURL }}" class="navbar-brand">
|
||||
<img src="{{ .Site.Params.logo | absURL }}" alt="site-logo">
|
||||
</a>
|
||||
<button type="button" class="navbar-toggler collapsed" data-toggle="collapse" data-target="#navbarCollapse">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse justify-content-between" id="navbarCollapse">
|
||||
<ul class="nav navbar-nav main-navigation my-0 mx-auto">
|
||||
{{ $menu := .Site.Menus.main }}
|
||||
{{ range $index, $element := $menu }}
|
||||
<li class="nav-item">
|
||||
<a href="{{ $.Site.BaseURL }}{{ .URL }}"
|
||||
class="nav-link text-dark text-sm-center p-2 {{ if $.IsHome }}scroll{{ end }}">{{ .Name }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
<div class="navbar-nav">
|
||||
<a href="{{ "contact" | absURL }}" class="btn btn-primary btn-zoom hire_button">S'aboucher avec nous</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
27
themes/portio/layouts/partials/pagination.html
Normal file
27
themes/portio/layouts/partials/pagination.html
Normal file
@ -0,0 +1,27 @@
|
||||
{{ $pag := $.Paginator }}
|
||||
{{ if gt $pag.TotalPages 1 }}
|
||||
<nav aria-label="Page navigation" class="w-100">
|
||||
<ul class="pagination justify-content-center pagination-lg">
|
||||
{{ range $pag.Pagers }}
|
||||
{{ if eq . $pag }}
|
||||
<li class="page-item active">
|
||||
<a class="page-link" href="{{ .URL }}">{{ .PageNumber }}</a>
|
||||
</li>
|
||||
{{ else }}
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="{{ .URL }}">{{ .PageNumber }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
||||
{{ if $pag.HasNext }}
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="{{ $pag.Next.URL }}" rel="next">
|
||||
→
|
||||
</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
<!-- </nav> -->
|
||||
</nav>
|
||||
{{ end }}
|
||||
34
themes/portio/layouts/partials/portfolioSection.html
Normal file
34
themes/portio/layouts/partials/portfolioSection.html
Normal file
@ -0,0 +1,34 @@
|
||||
{{ with .Site.Data.portfolioSection }}
|
||||
{{ if .enable }}
|
||||
<section class="section portfolio" id="portfolio">
|
||||
<div class="container">
|
||||
<div class="row text-center">
|
||||
<div class="col-lg-6 offset-lg-3">
|
||||
<div class="portfolio__header mb-5">
|
||||
<span class="top-title">{{ .topTitle }}</span>
|
||||
{{ .title | markdownify }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="portfolio-item-grid">
|
||||
{{ range (where $.Site.RegularPages "Type" "portfolio").Reverse }}
|
||||
<div class="portfolio-item">
|
||||
<img src="{{ .Params.thumbnail }}" class="portfolio-item-thumb" alt="portfolio-thumb" />
|
||||
<div class="portfolio-item-content">
|
||||
<span>{{ .Params.service }}</span>
|
||||
<h3 class="mb-0">
|
||||
<a class="text-dark" href="{{ .Permalink }}">{{ .Title }}</a>
|
||||
</h3>
|
||||
<a class="see-more-btn" href="{{ .Permalink }}">See details</a>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
49
themes/portio/layouts/partials/resumeSection.html
Normal file
49
themes/portio/layouts/partials/resumeSection.html
Normal file
@ -0,0 +1,49 @@
|
||||
{{ with .Site.Data.resumeSection }}
|
||||
{{ if .enable }}
|
||||
<section class="section resume" id="resume">
|
||||
<div class="resume__background"></div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="resume__heading">
|
||||
<div class="text-light">
|
||||
<span class="top-title pre-line">{{ .topTitle }}</span>
|
||||
{{ .title | markdownify }}
|
||||
</div>
|
||||
|
||||
<div class="btn-group nav mt-5">
|
||||
<a href="#{{.tab1Target}}" class="btn btn-primary active" data-toggle="tab">{{ .tab1Name }}</a>
|
||||
<a href="#{{.tab2Target}}" class="btn btn-primary" data-toggle="tab">{{ .tab2Name }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="tab-content ">
|
||||
<div class="resume__education tab-pane active" id="{{.tab1Target}}">
|
||||
{{ $Section := .education }}
|
||||
{{ range $Section }}
|
||||
<div class="resume__education_item">
|
||||
<span class="pre-line text-primary"> {{ .time }} </span>
|
||||
{{ .content | markdownify }}
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
</div>
|
||||
|
||||
<div class="resume__education tab-pane" id="{{.tab2Target}}">
|
||||
{{ $Section := .experience }}
|
||||
{{ range $Section }}
|
||||
<div class="resume__education_item">
|
||||
<span class="pre-line text-primary"> {{ .time }} </span>
|
||||
{{ .content | markdownify }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
55
themes/portio/layouts/partials/serviceSection.html
Normal file
55
themes/portio/layouts/partials/serviceSection.html
Normal file
@ -0,0 +1,55 @@
|
||||
{{ with .Site.Data.serviceSection }}
|
||||
{{ if .enable }}
|
||||
<section class="section service" id="service">
|
||||
<div class="service__background">
|
||||
<svg viewBox="0 0 1283 1126">
|
||||
<path fill="#f1f6f9" d="M100 0h1183v1126l-1183-80A100 100 0 010 946V100A100 100 0 01100 0z"
|
||||
data-name="Path 1369" />
|
||||
</svg>
|
||||
</div>
|
||||
<div class="service__background_shape">
|
||||
<svg viewBox="0 0 550 550">
|
||||
<defs>
|
||||
<linearGradient id="b" x1="0.209" y1="0.085" x2="1.071" y2="1.164" gradientUnits="objectBoundingBox">
|
||||
<stop offset="0" stop-color="#f1f6f9" />
|
||||
<stop offset="1" stop-color="#f1f6f9" stop-opacity="0" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g data-name="blob-shape (3)">
|
||||
<path class="blob" fill="url(#b)"
|
||||
d="M455.4 151.1c43.1 36.7 73.4 92.8 60.8 136.3-12.7 43.5-68.1 74.4-111.3 119.4-43.1 45-74 104.1-109.8 109-35.9 5-76.7-44.2-111.8-89.2-35.2-45-64.7-85.8-70.8-132.6-6-46.8 11.6-99.6 46.7-136.3 35.2-36.6 88-57.2 142.4-58.8 54.5-1.7 110.6 15.6 153.8 52.2z" />
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="service__background_pattern">
|
||||
<img src="images/service/background-pattern.svg" alt="background-pattern">
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-md-12 col-sm-12">
|
||||
<div class="service__header mb-5">
|
||||
<span class="top-title pre-line">{{ .topTitle }}</span>
|
||||
{{ .title | markdownify }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="service__slider">
|
||||
{{ $Section := .service }}
|
||||
{{ range $Section }}
|
||||
<div class="service__slider_item">
|
||||
<div class="mt-5">
|
||||
{{ .content | markdownify }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
61
themes/portio/layouts/partials/skillSection.html
Normal file
61
themes/portio/layouts/partials/skillSection.html
Normal file
@ -0,0 +1,61 @@
|
||||
{{ with .Site.Data.skillSection }}
|
||||
{{ if .enable }}
|
||||
<section class="section skill", id="skills">
|
||||
<div class="skill__background_shape">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 600 600">
|
||||
<defs>
|
||||
<linearGradient id="d" x1="0.929" y1="0.111" x2="0.263" y2="0.935" gradientUnits="objectBoundingBox">
|
||||
<stop offset="0" stop-color="#f1f6f9" />
|
||||
<stop offset="1" stop-color="#f1f6f9" stop-opacity="0" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g data-name="blob-shape (3)">
|
||||
<path class="blob" fill="url(#d)"
|
||||
d="M455.4 151.1c43.1 36.7 73.4 92.8 60.8 136.3-12.7 43.5-68.1 74.4-111.3 119.4-43.1 45-74 104.1-109.8 109-35.9 5-76.7-44.2-111.8-89.2-35.2-45-64.7-85.8-70.8-132.6-6-46.8 11.6-99.6 46.7-136.3 35.2-36.6 88-57.2 142.4-58.8 54.5-1.7 110.6 15.6 153.8 52.2z" />
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="skill__background_pattern">
|
||||
<img src="images/service/background-pattern.svg" alt="background-shape">
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="skill__thumb">
|
||||
<div class="skill__thumb_pattern">
|
||||
<img src="images/hero/figure-svg.svg" alt="figure-svg">
|
||||
</div>
|
||||
<div class="skill__thumb_image">
|
||||
<img src="{{ .image | absURL }}" alt="skill-img" style='
|
||||
-webkit-mask: url({{"images/skill/skill-mask-svg.svg" | absURL}});
|
||||
-webkit-mask-repeat: no-repeat;
|
||||
-webkit-mask-size: contain;
|
||||
-webkit-mask-position: center center;
|
||||
'>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="skill__progress">
|
||||
<div class="skill__progress_heading mb-5">
|
||||
<span class="top-title pre-line">{{ .topTitle }}</span>
|
||||
{{ .content | markdownify }}
|
||||
</div>
|
||||
{{ $section := .skill }}
|
||||
{{ range $section }}
|
||||
<div class="skill__progress_item">
|
||||
<span class="d-inline-block text-dark"> {{ .title }} </span>
|
||||
<div class="progress-value float-right"><span>{{ .percent }}</span>%</div>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" style="width:{{ .percent }}%;" aria-valuemin="0"
|
||||
aria-valuemax="{{ .percent }}"></div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
47
themes/portio/layouts/partials/testimonialSection.html
Normal file
47
themes/portio/layouts/partials/testimonialSection.html
Normal file
@ -0,0 +1,47 @@
|
||||
{{ with .Site.Data.testimonialSection }}
|
||||
{{ if .enable }}
|
||||
<section class="section testimonial" id="estimations">
|
||||
<div class="testimonial__background_shape">
|
||||
<svg viewBox="0 0 1920 79">
|
||||
<path d="M0 0h1920v79L0 0z" data-name="Path 1450" />
|
||||
</svg>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row text-center">
|
||||
<div class="col-lg-6 offset-lg-3">
|
||||
<div class="testimonial__header">
|
||||
<span class="top-title">{{ .topTitle }}</span>
|
||||
{{ .title | markdownify }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="testimonial__slider">
|
||||
{{ $section := .testimonial }}
|
||||
{{ range $section }}
|
||||
<div class="testimonial__slider_item">
|
||||
{{ if .star }}
|
||||
<ul class="testimonial__slider_item-rating">
|
||||
{{ $rating := .star | int }}
|
||||
{{ $rating := sub $rating 1 }}
|
||||
{{ range $i, $sequence := (seq 5) }}
|
||||
{{ if le $i $rating }}
|
||||
<li><i class="fa fa-star"></i></li>
|
||||
{{ else }}
|
||||
<li><i class="fa fa-star inactive"></i></li>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</ul>
|
||||
{{ end }}
|
||||
<p class="testimonial__slider_item-content"> {{ .comment | markdownify }} </p>
|
||||
<p class="testimonial__slider_item-author"><span>{{ .name }}</span> | {{ .time }}</p>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
133
themes/portio/layouts/portfolio/single.html
Normal file
133
themes/portio/layouts/portfolio/single.html
Normal file
@ -0,0 +1,133 @@
|
||||
{{ define "main" }}
|
||||
|
||||
<section class="section case-details">
|
||||
<div class="svg-img">
|
||||
<img src="{{ "images/hero/figure-svg.svg" | absURL }}" alt="" />
|
||||
</div>
|
||||
<div class="animate-shape">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 600 600">
|
||||
<defs>
|
||||
<linearGradient id="d" x1="0.929" y1="0.111" x2="0.263" y2="0.935" gradientUnits="objectBoundingBox">
|
||||
<stop offset="0" stop-color="#f1f6f9" />
|
||||
<stop offset="1" stop-color="#f1f6f9" stop-opacity="0" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g data-name="blob-shape (3)">
|
||||
<path class="blob" fill="url(#d)"
|
||||
d="M455.4 151.1c43.1 36.7 73.4 92.8 60.8 136.3-12.7 43.5-68.1 74.4-111.3 119.4-43.1 45-74 104.1-109.8 109-35.9 5-76.7-44.2-111.8-89.2-35.2-45-64.7-85.8-70.8-132.6-6-46.8 11.6-99.6 46.7-136.3 35.2-36.6 88-57.2 142.4-58.8 54.5-1.7 110.6 15.6 153.8 52.2z" />
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="animate-pattern">
|
||||
<img src="{{ "images/service/background-pattern.svg" | absURL }}" alt="background-shape" />
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row mb-5">
|
||||
<div class="col-lg-10 offset-lg-1 text-center">
|
||||
<div class="case-details-title">
|
||||
<h1>{{ .Title }}</h1>
|
||||
</div>
|
||||
<p>
|
||||
{{ .Params.shortDescription }}
|
||||
</p>
|
||||
<div class="case-details-info">
|
||||
<div class="case-details-info-item">
|
||||
<h5 class="text-light">Client</h5>
|
||||
<p>{{ .Params.client }}</p>
|
||||
</div>
|
||||
<div class="case-details-info-item">
|
||||
<h5>Service</h5>
|
||||
<p>{{ .Params.service }}</p>
|
||||
</div>
|
||||
<div class="case-details-info-item">
|
||||
<h5>Date</h5>
|
||||
<p>{{ .PublishDate.Format "January 2, 2006" }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-5">
|
||||
<div class="col-lg-6">
|
||||
<div class="case-details-service">
|
||||
<h3>Challenge</h3>
|
||||
<p>
|
||||
{{ .Params.challenge }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="case-details-service">
|
||||
<h3>Solution</h3>
|
||||
<p>
|
||||
{{ .Params.solution }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="case-details-thumb mb-5">
|
||||
<img src="{{ .Params.thumbnail | absURL }}" alt="case-details" />
|
||||
</div>
|
||||
{{ .Content }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-10 offset-lg-1">
|
||||
<nav class="case-details-nav d-flex justify-content-between align-items-center">
|
||||
{{ if .PrevInSection }}
|
||||
<div class="previous d-flex align-items-center">
|
||||
<div class="icon mr-3">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="15.556" height="28.285" viewBox="0 0 15.556 28.285">
|
||||
<g data-name="Group 1243" fill="#2d2d2d">
|
||||
<path data-name="Path 1456" d="M3.391 12.728l9.75 14.142-.982 1.414-9.742-14.142z" />
|
||||
<path data-name="Path 1455" d="M13.137 1.41L3.39 15.558l-.975-1.415L12.166 0z" />
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="content">
|
||||
<span class="small">Prev case</span>
|
||||
<h5 class="title"><a class="text-dark"
|
||||
href="{{ .PrevInSection.Permalink }}">{{ .PrevInSection.Title }}</a></h5>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
<div class="social">
|
||||
{{ $url := printf "%s" .Permalink | absLangURL }}
|
||||
<ul class="unstyle-list big">
|
||||
<li>
|
||||
<a href=" https://www.facebook.com/sharer/sharer.php?u={{ $url }}"><i
|
||||
class="fa fa-facebook-official btn-zoom"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.linkedin.com/sharing/share-offsite/?url={{ $url }}"><i
|
||||
class="fa fa-linkedin-square btn-zoom"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://twitter.com/intent/tweet?&url={{ $url }}"><i
|
||||
class="fa fa-twitter-square btn-zoom"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{{ if .NextInSection }}
|
||||
<div class="next d-flex align-items-center">
|
||||
<div class=" content text-right">
|
||||
<span class="small">Next case</span>
|
||||
<h5 class="title">
|
||||
<a class="text-dark" href="{{ .NextInSection.Permalink }}">{{ .NextInSection.Title }}</a>
|
||||
</h5>
|
||||
</div>
|
||||
<div class="icon ml-3">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="15.556" height="28.285" viewBox="0 0 15.556 28.285">
|
||||
<g data-name="Group 1244" fill="#2d2d2d">
|
||||
<path data-name="Path 1456" d="M12.162 12.725L2.416 26.87l.978 1.41 9.746-14.138z" />
|
||||
<path data-name="Path 1455" d="M2.416 1.415l9.743 14.141.975-1.414L3.39 0z" />
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
{{ end }}
|
||||
7
themes/portio/layouts/shortcodes/blogsection.html
Normal file
7
themes/portio/layouts/shortcodes/blogsection.html
Normal file
@ -0,0 +1,7 @@
|
||||
<div class="blog-section">
|
||||
<h3>{{ .Get "title" }}</h3>
|
||||
<img src="{{ .Get "image" | absURL}}" alt="blog-img">
|
||||
<p>
|
||||
{{ .Inner }}
|
||||
</p>
|
||||
</div>
|
||||
76
themes/portio/layouts/tags/taxonomy.html
Normal file
76
themes/portio/layouts/tags/taxonomy.html
Normal file
@ -0,0 +1,76 @@
|
||||
{{ define "main" }}
|
||||
|
||||
<header class="breadCrumb">
|
||||
<div class="svg-img">
|
||||
<img src={{"images/hero/figure-svg.svg" | absURL }} alt="">
|
||||
</div>
|
||||
<div class="animate-shape">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
viewBox="0 0 600 600"
|
||||
>
|
||||
<defs>
|
||||
<linearGradient
|
||||
id="d"
|
||||
x1="0.929"
|
||||
y1="0.111"
|
||||
x2="0.263"
|
||||
y2="0.935"
|
||||
gradientUnits="objectBoundingBox"
|
||||
>
|
||||
<stop offset="0" stop-color="#f1f6f9" />
|
||||
<stop offset="1" stop-color="#f1f6f9" stop-opacity="0" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g data-name="blob-shape (3)">
|
||||
<path
|
||||
class="blob"
|
||||
fill="url(#d)"
|
||||
d="M455.4 151.1c43.1 36.7 73.4 92.8 60.8 136.3-12.7 43.5-68.1 74.4-111.3 119.4-43.1 45-74 104.1-109.8 109-35.9 5-76.7-44.2-111.8-89.2-35.2-45-64.7-85.8-70.8-132.6-6-46.8 11.6-99.6 46.7-136.3 35.2-36.6 88-57.2 142.4-58.8 54.5-1.7 110.6 15.6 153.8 52.2z"
|
||||
/>
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="animate-pattern">
|
||||
<img src={{"images/service/background-pattern.svg" | absURL }}
|
||||
alt="background-shape">
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center">
|
||||
<h3 class="breadCrumb__title text-capitalize">{{ .Title }}</h3>
|
||||
<nav aria-label="breadcrumb" class="d-flex justify-content-center">
|
||||
<ol class="breadcrumb align-items-center">
|
||||
<li>Showing all posts with the tag "{{.Title}}"</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="section blog-page">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
{{ range .Paginator.Pages }}
|
||||
<div class="col-lg-4">
|
||||
<div class="blog-page__item">
|
||||
<div class="blog-page__item-thumb">
|
||||
<img src="{{ .Params.featureImage | absURL }}" alt="post-image" />
|
||||
</div>
|
||||
<div class="blog-page__item-content bg-white">
|
||||
<span class="small"
|
||||
>{{ .PublishDate.Format "January 2, 2006" }}</span
|
||||
>
|
||||
<h5 class="mb-0">
|
||||
<a class="text-dark" href="{{ .Permalink }}">{{ .Title }}</a>
|
||||
</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }} {{ partial "pagination" .}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
Reference in New Issue
Block a user