parent
2bc39646b2
commit
d764b7e1d8
@ -1,31 +1,45 @@ |
|||||||
--- |
--- |
||||||
enable: true |
enable: true |
||||||
topTitle: Working Area |
topTitle: Working Area |
||||||
title: Creative Services |
content: > |
||||||
subtitle: Enjoy team diversity and increase their networks among others people in |
# Creative Services |
||||||
|
|
||||||
|
Enjoy team diversity and increase their networks among others people in |
||||||
various fields by provided. |
various fields by provided. |
||||||
service: |
service: |
||||||
- title: UI/UX Design |
- content: > |
||||||
content: Lorem ipsum dolor sit amet conset sadipscing elitr, sed diam nonumy eirmod |
#### UI/UX Design |
||||||
tempor invidunt ut labore et dolore magna aliquyam erat. |
|
||||||
image: images/service/ui-ux.svg |
Lorem ipsum dolor sit amet conset sadipscing elitr, sed diam nonumy eirmod |
||||||
- title: Web Development |
tempor invidunt ut labore et dolore magna aliquyam erat. |
||||||
content: Lorem ipsum dolor sit amet conset sadipscing elitr, sed diam nonumy eirmod |
image: images/service/ui-ux.svg |
||||||
tempor invidunt ut labore et dolore magna aliquyam erat. |
- content: > |
||||||
image: images/service/web.svg |
#### Web Development |
||||||
- title: Creative Design |
|
||||||
content: Lorem ipsum dolor sit amet conset sadipscing elitr, sed diam nonumy eirmod |
Lorem ipsum dolor sit amet conset sadipscing elitr, sed diam nonumy eirmod |
||||||
tempor invidunt ut labore et dolore magna aliquyam erat. |
tempor invidunt ut labore et dolore magna aliquyam erat. |
||||||
image: images/service/creative.svg |
image: images/service/web.svg |
||||||
- title: Branding |
- content: > |
||||||
content: Lorem ipsum dolor sit amet conset sadipscing elitr, sed diam nonumy eirmod |
#### Creative Design |
||||||
tempor invidunt ut labore et dolore magna aliquyam erat. |
|
||||||
image: images/service/branding.svg |
Lorem ipsum dolor sit amet conset sadipscing elitr, sed diam nonumy eirmod |
||||||
- title: UI/UX Design |
tempor invidunt ut labore et dolore magna aliquyam erat. |
||||||
content: Lorem ipsum dolor sit amet conset sadipscing elitr, sed diam nonumy eirmod |
image: images/service/creative.svg |
||||||
tempor invidunt ut labore et dolore magna aliquyam erat. |
- content: > |
||||||
image: images/service/ui-ux.svg |
#### Branding |
||||||
- title: Web Development |
|
||||||
content: Lorem ipsum dolor sit amet conset sadipscing elitr, sed diam nonumy eirmod |
Lorem ipsum dolor sit amet conset sadipscing elitr, sed diam nonumy eirmod |
||||||
tempor invidunt ut labore et dolore magna aliquyam erat. |
tempor invidunt ut labore et dolore magna aliquyam erat. |
||||||
image: images/service/web.svg |
image: images/service/branding.svg |
||||||
|
- content: > |
||||||
|
#### UI/UX Design |
||||||
|
|
||||||
|
Lorem ipsum dolor sit amet conset sadipscing elitr, sed diam nonumy eirmod |
||||||
|
tempor invidunt ut labore et dolore magna aliquyam erat. |
||||||
|
image: images/service/ui-ux.svg |
||||||
|
- content: > |
||||||
|
#### Web Development |
||||||
|
|
||||||
|
Lorem ipsum dolor sit amet conset sadipscing elitr, sed diam nonumy eirmod |
||||||
|
tempor invidunt ut labore et dolore magna aliquyam erat. |
||||||
|
image: images/service/web.svg |
||||||
|
@ -1,53 +1,55 @@ |
|||||||
{{ with .Site.Data.aboutSection }} |
{{ with .Site.Data.aboutSection }} |
||||||
{{ if .enable }} |
{{ if .enable }} |
||||||
<section class="section about" id="about"> |
<section class="section about" id="about"> |
||||||
<div class="container"> |
<div class="container"> |
||||||
<div class="row text-center"> |
<div class="row text-center"> |
||||||
<div class="col-lg-6 offset-lg-3"> |
<div class="col-lg-6 offset-lg-3"> |
||||||
<div class="about_header"> |
<div class="about_header"> |
||||||
<span>About</span> |
<span>About</span> |
||||||
<h1> {{ .title }} </h1> |
<h1> {{ .title }} </h1> |
||||||
<p> {{ .subtitle }} </p> |
<p> {{ .subtitle }} </p> |
||||||
|
</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> |
</div> |
||||||
</div> |
<div class="about_content-inner"> |
||||||
<div class="row"> |
<div class="about_content-inner-blob"> |
||||||
<div class="col-lg-12"> |
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" |
||||||
<div class="about_content"> |
viewBox="0 0 600 600"> |
||||||
<div class="about_content-thumb"> |
<defs> |
||||||
<div class="about-svg"> |
<linearGradient id="c" x1="0.929" y1="0.111" x2="0.263" y2="0.935" |
||||||
<img src="images/hero/figure-svg.svg" alt="figure-svg"> |
gradientUnits="objectBoundingBox"> |
||||||
</div> |
<stop offset="0" stop-color="#f1f6f9" /> |
||||||
<div class="about_content-thumb-image"> |
<stop offset="1" stop-color="#f1f6f9" stop-opacity="0" /> |
||||||
<img src="{{ .image | absURL }}" alt="about-img" style='-webkit-mask: url({{"images/about/about-mask-svg.svg" | absURL}}); -webkit-mask-size: contain;'> |
</linearGradient> |
||||||
</div> |
</defs> |
||||||
</div> |
<g data-name="blob-shape (3)"> |
||||||
<div class="about_content-inner"> |
<path class="blob" fill="url(#c)" |
||||||
<div class="about_content-inner-blob"> |
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" /> |
||||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 600 600"> |
</g> |
||||||
<defs> |
</svg> |
||||||
<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> |
|
||||||
<h3>{{ .title2 }}</h3> |
|
||||||
<p>{{ .content }}</p> |
|
||||||
<ul> |
|
||||||
<li><a class="active" href="{{ .button1Target | absURL }}">{{ .button1Name }}</a></li> |
|
||||||
<li><a href="{{ .button2Target | absURL }}"> {{ .button2Name }} </a></li> |
|
||||||
</ul> |
|
||||||
</div> |
|
||||||
</div> |
</div> |
||||||
|
{{ .content | markdownify}} |
||||||
|
<ul> |
||||||
|
<li><a class="active" href="{{ .button1Target | absURL }}">{{ .button1Name }}</a></li> |
||||||
|
<li><a href="{{ .button2Target | absURL }}"> {{ .button2Name }} </a></li> |
||||||
|
</ul> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
</section> |
</div> |
||||||
{{ end }} |
</div> |
||||||
|
</section> |
||||||
|
{{ end }} |
||||||
{{ end }} |
{{ end }} |
||||||
|
|
@ -1,96 +1,65 @@ |
|||||||
{{ with .Site.Data.hero }} |
{{ with .Site.Data.hero }} |
||||||
{{ if .enable }} |
{{ if .enable }} |
||||||
<section class="hero" id="home"> |
<section class="hero" id="home"> |
||||||
<div class="hero_background-svg"> |
<div class="hero_background-svg"> |
||||||
<svg viewBox="0 0 1437 1180"> |
<svg viewBox="0 0 1437 1180"> |
||||||
<path |
<path fill="#f1f6f9" d="M0 0h1377l60 1010a120 120 0 01-120 120L0 1180z" data-name="Path 1350" /> |
||||||
fill="#f1f6f9" |
</svg> |
||||||
d="M0 0h1377l60 1010a120 120 0 01-120 120L0 1180z" |
</div> |
||||||
data-name="Path 1350" |
<div class="hero_footer-svg"> |
||||||
/> |
<img src="images/hero/figure-svg.svg" alt="" /> |
||||||
</svg> |
</div> |
||||||
</div> |
<div class="container"> |
||||||
<div class="hero_footer-svg"> |
<div class="row align-items-center"> |
||||||
<img src="images/hero/figure-svg.svg" alt="" /> |
<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> |
||||||
|
<span>{{ .topTitle }}</span> |
||||||
|
{{ .content | markdownify }} |
||||||
|
<p></p> <!-- I'm unsure why this <p> is needed --> |
||||||
|
<a href="{{ .buttonURL | absURL }}">{{ .buttonName }}</a> |
||||||
|
</div> |
||||||
</div> |
</div> |
||||||
<div class="container"> |
<div class="col-lg-6"> |
||||||
<div class="row align-items-center"> |
<div class="hero_figure"> |
||||||
<div class="col-lg-6"> |
<div class="figure-svg"> |
||||||
<div class="hero_content"> |
<img src="images/hero/figure-svg.svg" alt="figure-svg" /> |
||||||
<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> |
|
||||||
<span>{{ .title }}</span> |
|
||||||
<h1>{{ .subtitle }}</h1> |
|
||||||
<p> |
|
||||||
{{ .description }} |
|
||||||
</p> |
|
||||||
<a href="{{ .buttonURL | absURL }}">{{ .buttonName }}</a> |
|
||||||
</div> |
|
||||||
</div> |
</div> |
||||||
<div class="col-lg-6"> |
<img src="{{ .image | absURL }}" alt="hero-image" style=' |
||||||
<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: url({{"images/hero/hero-mask-svg.png" | absURL }}); |
||||||
-webkit-mask-repeat: no-repeat; |
-webkit-mask-repeat: no-repeat; |
||||||
-webkit-mask-size: contain; |
-webkit-mask-size: contain; |
||||||
-webkit-mask-position: center center; |
-webkit-mask-position: center center; |
||||||
' |
' /> |
||||||
/> |
<div class="hero_figure-popup"> |
||||||
<div class="hero_figure-popup"> |
<div class="thumb"> |
||||||
<div class="thumb"> |
<img src="{{ .videoThumb }}" alt="popup" /> |
||||||
<img src="{{ .videoThumb }}" alt="popup" /> |
|
||||||
</div> |
|
||||||
<a |
|
||||||
href="{{ .videoURL }}" |
|
||||||
type="button" |
|
||||||
class="popup-button" |
|
||||||
> |
|
||||||
<svg |
|
||||||
xmlns="http://www.w3.org/2000/svg" |
|
||||||
width="21" |
|
||||||
height="24" |
|
||||||
viewBox="0 0 21 24" |
|
||||||
> |
|
||||||
<path |
|
||||||
fill="#5d78ff" |
|
||||||
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> |
|
||||||
</div> |
</div> |
||||||
|
<a href="{{ .videoURL }}" type="button" class="popup-button"> |
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="24" viewBox="0 0 21 24"> |
||||||
|
<path fill="#5d78ff" |
||||||
|
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> |
</div> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
</section> |
</div> |
||||||
{{ end }} |
</div> |
||||||
|
</section> |
||||||
|
{{ end }} |
||||||
{{ end }} |
{{ end }} |
@ -1,51 +1,46 @@ |
|||||||
{{ with .Site.Data.resumeSection }} |
{{ with .Site.Data.resumeSection }} |
||||||
{{ if .enable }} |
{{ if .enable }} |
||||||
<section class="section resume" id="resume"> |
<section class="section resume" id="resume"> |
||||||
<div class="resume__background"></div> |
<div class="resume__background"></div> |
||||||
<div class="container"> |
<div class="container"> |
||||||
<div class="row"> |
<div class="row"> |
||||||
<div class="col-lg-6"> |
<div class="col-lg-6"> |
||||||
<div class="resume__heading"> |
<div class="resume__heading"> |
||||||
<span>{{ .topTitle }}</span> |
<span>{{ .topTitle }}</span> |
||||||
<h1>{{ .title }}</h1> |
{{ .content | markdownify }} |
||||||
<p> {{ .subtitle }} </p><br><br> |
<ul class="nav nav-tabs"> |
||||||
<p> {{ .subsubtitle }} </p> |
<li><a href="#{{.tab1Target}}" class="active" data-toggle="tab">{{ .tab1Name }}</a></li> |
||||||
<ul class="nav nav-tabs"> |
<li><a href="#{{.tab2Target}}" data-toggle="tab">{{ .tab2Name }}</a></li> |
||||||
<li><a href="#{{.tab1Target}}" class="active" data-toggle="tab">{{ .tab1Name }}</a></li> |
</ul> |
||||||
<li><a href="#{{.tab2Target}}" data-toggle="tab">{{ .tab2Name }}</a></li> |
</div> |
||||||
</ul> |
</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> {{ .time }} </span> |
||||||
|
{{ .content | markdownify }} |
||||||
</div> |
</div> |
||||||
</div> |
{{ end }} |
||||||
<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> {{ .time }} </span> |
|
||||||
<h4> {{ .title }} </h4> |
|
||||||
<p> {{ .content }} </p> |
|
||||||
</div> |
|
||||||
{{ end }} |
|
||||||
|
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="resume__education tab-pane" id="{{.tab2Target}}"> |
</div> |
||||||
{{ $Section := .experience }} |
|
||||||
{{ range $Section }} |
|
||||||
<div class="resume__education_item"> |
|
||||||
<span> {{ .time }} </span> |
|
||||||
<h4> {{ .title }} </h4> |
|
||||||
<p> {{ .content }} </p> |
|
||||||
</div> |
|
||||||
{{ end }} |
|
||||||
</div> |
|
||||||
|
|
||||||
|
<div class="resume__education tab-pane" id="{{.tab2Target}}"> |
||||||
|
{{ $Section := .experience }} |
||||||
|
{{ range $Section }} |
||||||
|
<div class="resume__education_item"> |
||||||
|
<span> {{ .time }} </span> |
||||||
|
{{ .content | markdownify }} |
||||||
</div> |
</div> |
||||||
|
{{ end }} |
||||||
</div> |
</div> |
||||||
|
|
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
</section> |
</div> |
||||||
{{ end }} |
</div> |
||||||
|
</section> |
||||||
|
{{ end }} |
||||||
{{ end }} |
{{ end }} |
||||||
|
|
@ -1,63 +1,66 @@ |
|||||||
{{ with .Site.Data.serviceSection }} |
{{ with .Site.Data.serviceSection }} |
||||||
{{ if .enable }} |
{{ if .enable }} |
||||||
<section class="section service" id="service"> |
<section class="section service" id="service"> |
||||||
<div class="service__background"> |
<div class="service__background"> |
||||||
<svg viewBox="0 0 1283 1126"> |
<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"/> |
<path fill="#f1f6f9" d="M100 0h1183v1126l-1183-80A100 100 0 010 946V100A100 100 0 01100 0z" |
||||||
</svg> |
data-name="Path 1369" /> |
||||||
</div> |
</svg> |
||||||
<div class="service__background_shape"> |
</div> |
||||||
<svg viewBox="0 0 550 550"> |
<div class="service__background_shape"> |
||||||
<defs> |
<svg viewBox="0 0 550 550"> |
||||||
<linearGradient id="b" x1="0.209" y1="0.085" x2="1.071" y2="1.164" gradientUnits="objectBoundingBox"> |
<defs> |
||||||
<stop offset="0" stop-color="#f1f6f9"/> |
<linearGradient id="b" x1="0.209" y1="0.085" x2="1.071" y2="1.164" gradientUnits="objectBoundingBox"> |
||||||
<stop offset="1" stop-color="#f1f6f9" stop-opacity="0"/> |
<stop offset="0" stop-color="#f1f6f9" /> |
||||||
</linearGradient> |
<stop offset="1" stop-color="#f1f6f9" stop-opacity="0" /> |
||||||
</defs> |
</linearGradient> |
||||||
<g data-name="blob-shape (3)"> |
</defs> |
||||||
<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 data-name="blob-shape (3)"> |
||||||
</g> |
<path class="blob" fill="url(#b)" |
||||||
</svg> |
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" /> |
||||||
</div> |
</g> |
||||||
|
</svg> |
||||||
|
</div> |
||||||
|
|
||||||
<div class="service__background_pattern"> |
<div class="service__background_pattern"> |
||||||
<img src="images/service/background-pattern.svg" alt="background-pattern"> |
<img src="images/service/background-pattern.svg" alt="background-pattern"> |
||||||
</div> |
</div> |
||||||
|
|
||||||
<div class="container"> |
<div class="container"> |
||||||
<div class="row"> |
<div class="row"> |
||||||
<div class="col-lg-6 col-md-12 col-sm-12"> |
<div class="col-lg-6 col-md-12 col-sm-12"> |
||||||
<div class="service__header"> |
<div class="service__header"> |
||||||
<span>{{ .topTitle }}</span> |
<span>{{ .topTitle }}</span> |
||||||
<h1>{{ .title }}</h1> |
{{ .content | markdownify }} |
||||||
<p> {{ .subtitle }} </p> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
</div> |
||||||
<div class="row"> |
</div> |
||||||
<div class="col-12"> |
</div> |
||||||
<div class="service__slider"> |
<div class="row"> |
||||||
{{ $Section := .service }} |
<div class="col-12"> |
||||||
{{ range $Section }} |
<div class="service__slider"> |
||||||
<div class="service__slider_item"> |
{{ $Section := .service }} |
||||||
<div class="service__slider_item-icon"> |
{{ range $Section }} |
||||||
<div class="icon-background"> |
<div class="service__slider_item"> |
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="122.457" height="109.702" viewBox="0 0 122.457 109.702"> |
<div class="service__slider_item-icon"> |
||||||
<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"/> |
<div class="icon-background"> |
||||||
</svg> |
<svg xmlns="http://www.w3.org/2000/svg" width="122.457" height="109.702" |
||||||
</div> |
viewBox="0 0 122.457 109.702"> |
||||||
<div class="icon"> |
<path fill="#f1f6f9" |
||||||
<img src=" {{ .image | absURL }} " alt="ui-ux"> |
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" |
||||||
</div> |
data-name="Path 1354" /> |
||||||
</div> |
</svg> |
||||||
<h4> {{ .title }} </h4> |
</div> |
||||||
<p> {{ .content }} </p> |
<div class="icon"> |
||||||
|
<img src=" {{ .image | absURL }} " alt="ui-ux"> |
||||||
</div> |
</div> |
||||||
{{ end }} |
|
||||||
</div> |
</div> |
||||||
|
{{ .content | markdownify }} |
||||||
</div> |
</div> |
||||||
|
{{ end }} |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
</section> |
</div> |
||||||
{{ end }} |
</div> |
||||||
|
</section> |
||||||
|
{{ end }} |
||||||
{{ end }} |
{{ end }} |
@ -1,45 +1,47 @@ |
|||||||
{{ with .Site.Data.testimonialSection }} |
{{ with .Site.Data.testimonialSection }} |
||||||
{{ if .enable }} |
{{ if .enable }} |
||||||
<section class="section testimonial"> |
<section class="section testimonial"> |
||||||
<div class="testimonial__background_shape"> |
<div class="testimonial__background_shape"> |
||||||
<svg viewBox="0 0 1920 79"> |
<svg viewBox="0 0 1920 79"> |
||||||
<path d="M0 0h1920v79L0 0z" data-name="Path 1450" /> |
<path d="M0 0h1920v79L0 0z" data-name="Path 1450" /> |
||||||
</svg> |
</svg> |
||||||
</div> |
</div> |
||||||
<div class="container"> |
<div class="container"> |
||||||
<div class="row text-center"> |
<div class="row text-center"> |
||||||
<div class="col-lg-6 offset-lg-3"> |
<div class="col-lg-6 offset-lg-3"> |
||||||
<div class="testimonial__header"> |
<div class="testimonial__header"> |
||||||
<span>{{ .topTitle }}</span> |
<span>{{ .topTitle }}</span> |
||||||
<h1>{{ .title }}</h1> |
<h1>{{ .title }}</h1> |
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
</div> |
||||||
<div class="row"> |
</div> |
||||||
<div class="col-lg-12"> |
</div> |
||||||
<div class="testimonial__slider"> |
<div class="row"> |
||||||
{{ $section := .testimonial }} |
<div class="col-lg-12"> |
||||||
{{ range $section }} |
<div class="testimonial__slider"> |
||||||
<div class="testimonial__slider_item"> |
{{ $section := .testimonial }} |
||||||
<ul class="testimonial__slider_item-rating"> |
{{ range $section }} |
||||||
{{ $rating := .star | int }} |
<div class="testimonial__slider_item"> |
||||||
{{ $rating := sub $rating 1 }} |
{{ if .star }} |
||||||
{{ range $i, $sequence := (seq 5) }} |
<ul class="testimonial__slider_item-rating"> |
||||||
{{ if le $i $rating }} |
{{ $rating := .star | int }} |
||||||
<li><i class="fa fa-star"></i></li> |
{{ $rating := sub $rating 1 }} |
||||||
{{ else }} |
{{ range $i, $sequence := (seq 5) }} |
||||||
<li><i class="fa fa-star inactive"></i></li> |
{{ if le $i $rating }} |
||||||
{{ end }} |
<li><i class="fa fa-star"></i></li> |
||||||
{{ end }} |
{{ else }} |
||||||
</ul> |
<li><i class="fa fa-star inactive"></i></li> |
||||||
<p class="testimonial__slider_item-content"> {{ .comment }} </p> |
|
||||||
<p class="testimonial__slider_item-author"><span>{{ .name }}</span> | {{ .time }}</p> |
|
||||||
</div> |
|
||||||
{{ end }} |
{{ end }} |
||||||
</div> |
{{ end }} |
||||||
|
</ul> |
||||||
|
{{ end }} |
||||||
|
<p class="testimonial__slider_item-content"> {{ .comment | markdownify }} </p> |
||||||
|
<p class="testimonial__slider_item-author"><span>{{ .name }}</span> | {{ .time }}</p> |
||||||
</div> |
</div> |
||||||
|
{{ end }} |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
</section> |
</div> |
||||||
{{ end }} |
</div> |
||||||
|
</section> |
||||||
|
{{ end }} |
||||||
{{ end }} |
{{ end }} |
Loading…
Reference in new issue