enable markdown

master
Aaron N. Brock 5 years ago
parent 2bc39646b2
commit d764b7e1d8
  1. 8
      exampleSite/data/aboutSection.yml
  2. 6
      exampleSite/data/blogSection.yml
  3. 8
      exampleSite/data/hero.yml
  4. 20
      exampleSite/data/resumeSection.yml
  5. 66
      exampleSite/data/serviceSection.yml
  6. 7
      exampleSite/data/skillSection.yml
  7. 92
      layouts/partials/aboutSection.html
  8. 5
      layouts/partials/blogSection.html
  9. 137
      layouts/partials/hero.html
  10. 79
      layouts/partials/resumeSection.html
  11. 109
      layouts/partials/serviceSection.html
  12. 3
      layouts/partials/skillSection.html
  13. 78
      layouts/partials/testimonialSection.html

@ -1,10 +1,14 @@
--- ---
enable: true enable: true
title: About me title: About me
subtitle: Enjoy team diversity and increase their networks among others people in subtitle:
Enjoy team diversity and increase their networks among others people in
various fields by provided. various fields by provided.
title2: I design and build ultimate things. title2: I design and build ultimate things.
content: I love to work in User Experience & User Interface designing. Because I love content: >
### I design and build ultimate things.
I love to work in User Experience & User Interface designing. Because I love
to solve the design problem and find easy and better solutions to solve it. I always to solve the design problem and find easy and better solutions to solve it. I always
try my best to make good user interface with the best user experience. I have been try my best to make good user interface with the best user experience. I have been
working as a Visual designer from. working as a Visual designer from.

@ -2,5 +2,9 @@
enable: true enable: true
topTitle: Blog topTitle: Blog
title: Recent Article title: Recent Article
subtitle: Enjoy team diversity and increase their networks among others people in various fields by provided. content: >
# Recent Article
Enjoy team diversity and increase their networks among others people in various fields by provided.
buttonTarget: blog buttonTarget: blog

@ -1,8 +1,10 @@
--- ---
enable: true enable: true
title: Hello, I am Natasha topTitle: Hello, I am Natasha
subtitle: I am here for your personal business content: >
description: Enjoy team diversity and increase their networks among others people # I am here for your personal business
Enjoy team diversity and increase their networks among others people
in various fields by in various fields by
buttonName: Contact me buttonName: Contact me
buttonURL: contact buttonURL: contact

@ -1,10 +1,18 @@
--- ---
enable: true enable: true
topTitle: My Resume topTitle: My Resume
title: My Expertises # Using " " is a way to force extra line breaks.
subtitle: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore # See: https://discourse.gohugo.io/t/does-hardlinebreak-works-with-multiple-line-breaks/12522
subsubtitle: Magna aliquyam erat, sed diam voluptua. At vero eos accusam justo. content: >
# My Expertises
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore
 
Magna aliquyam erat, sed diam voluptua. At vero eos accusam justo.
tab1Name: Education tab1Name: Education
tab2Name: Experiences tab2Name: Experiences
tab1Target: education tab1Target: education
@ -12,7 +20,11 @@ tab2Target: experience
education: education:
- title: Master in Arts - title: Master in Arts
content: Lorem ipsum dolor sit amet conset sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam content: >
#### Master in Arts
Lorem ipsum dolor sit amet conset sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
time: 2008-2010 time: 2008-2010
- title: Master in Arts - title: Master in Arts
content: Lorem ipsum dolor sit amet conset sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam content: Lorem ipsum dolor sit amet conset sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam

@ -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,8 +1,11 @@
--- ---
enable: true enable: true
topTitle: My Skills topTitle: My Skills
title: Why hire me for your next project? content: >
subtitle: My goal is to build a strong supportive professional network among all freelancers and startups in order to improve their performance. # Why hire me for your next project?
My goal is to build a strong supportive professional network among all freelancers and startups in order to improve their performance.
image: images/skill/skill_image.jpg image: images/skill/skill_image.jpg
skill: skill:

@ -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,5 +1,5 @@
{{ with .Site.Data.blogSection }} {{ with .Site.Data.blogSection }}
{{ if .enable }} {{ if .enable }}
<section class="section blog" id="blog"> <section class="section blog" id="blog">
<div class="blog__shape"> <div class="blog__shape">
<img src="images/blog/blog-shape.svg" alt="blog shape" /> <img src="images/blog/blog-shape.svg" alt="blog shape" />
@ -9,8 +9,7 @@
<div class="col-lg-6"> <div class="col-lg-6">
<div class="blog__header"> <div class="blog__header">
<span>{{ .topTitle }}</span> <span>{{ .topTitle }}</span>
<h1> {{ .title }} </h1> {{ .content | markdownify }}
<p> {{ .subtitle }} </p>
</div> </div>
</div> </div>
<div class="col-lg-6"> <div class="col-lg-6">

@ -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 }}

@ -39,8 +39,7 @@
<div class="skill__progress"> <div class="skill__progress">
<div class="skill__progress_heading"> <div class="skill__progress_heading">
<span>{{ .topTitle }}</span> <span>{{ .topTitle }}</span>
<h1> {{ .title }} </h1> {{ .content | markdownify }}
<p> {{ .subtitle }} </p>
</div> </div>
{{ $section := .skill }} {{ $section := .skill }}
{{ range $section }} {{ range $section }}

@ -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…
Cancel
Save