diff options
| author | gurusabarish <gurusabarisha@gmail.com> | 2022-03-21 08:14:07 +0300 |
|---|---|---|
| committer | gurusabarish <gurusabarisha@gmail.com> | 2022-03-21 08:14:07 +0300 |
| commit | b611c5f102fa22a975663bd3f8a7c40bbcd04dce (patch) | |
| tree | a77c8e060c3b8c71c6db738b5d561b1556828227 /layouts | |
| parent | 05e453ad8311189c8f5eae553c60dce0d0a97d31 (diff) | |
hero page modification
Diffstat (limited to 'layouts')
| -rw-r--r-- | layouts/partials/sections/about.html | 16 | ||||
| -rw-r--r-- | layouts/partials/sections/hero/index.html | 59 |
2 files changed, 43 insertions, 32 deletions
diff --git a/layouts/partials/sections/about.html b/layouts/partials/sections/about.html index 09a14cc..58df551 100644 --- a/layouts/partials/sections/about.html +++ b/layouts/partials/sections/about.html @@ -3,7 +3,14 @@ <div class="container bg-transparent">
<h3 class="text-center bg-transparent">{{ .Site.Params.about.title }}</h3>
<div class="bg-transparent row justify-content-center px-3 py-5">
- <div class="col-sm-12 col-md-12 col-lg-6 content">
+ {{ if .Site.Params.about.image }}
+ <div class="col-sm-12 col-md-8 col-lg-4 mb-5 mb-sm-0 mb-md-5 mb-lg-0 d-none d-sm-none d-md-block">
+ <div class="image d-flex px-5">
+ <img src="{{ .Site.Params.about.image }}" class="img-thumbnail mx-auto rounded-circle" alt="">
+ </div>
+ </div>
+ {{ end }}
+ <div class="col-sm-12 col-md-12 col-lg-8 content">
{{ .Site.Params.about.content | markdownify }}
{{ if .Site.Params.about.skills.enable }}
@@ -15,13 +22,6 @@ </ul>
{{ end }}
</div>
- {{ if .Site.Params.about.image }}
- <div class="col-sm-12 col-md-8 col-lg-4 mt-5 mt-sm-0 mt-md-5 mt-lg-0">
- <div class="image d-flex px-5">
- <img src="{{ .Site.Params.about.image }}" class="img-thumbnail mx-auto rounded-circle" alt="">
- </div>
- </div>
- {{ end }}
</div>
</div>
</section>
diff --git a/layouts/partials/sections/hero/index.html b/layouts/partials/sections/hero/index.html index ce3ab27..8107c6e 100644 --- a/layouts/partials/sections/hero/index.html +++ b/layouts/partials/sections/hero/index.html @@ -1,32 +1,43 @@ {{ if .Site.Params.hero.enable | default false }}
<section id="hero" class="py-5">
- <div class="container px-3 px-sm-5 px-md-5 px-lg-5">
- <div id="primary-font">
- <span class="subtitle">
- {{ .Site.Params.hero.intro }}
- </span>
- <h2>
- {{ .Site.Params.hero.title }}
- </h2>
- <h3>
- {{ .Site.Params.hero.subtitle }}
- </h3>
- <p class="hero-content">
- {{ .Site.Params.hero.content | markdownify }}
- </p>
- <div class="row">
- <div class="col-auto h-100">
- {{ if .Site.Params.hero.button.enable }}
- <a href="{{ .Site.Params.hero.button.url }}" class="btn">
- {{ .Site.Params.hero.button.name }}
- </a>
- {{ end }}
+ <div class="container px-3 px-sm-5 px-md-5 px-lg-5 pt-lg-3">
+ <div class="row">
+ <div class="col-sm-12 col-md-12 col-lg-8" id="primary-font">
+ <span class="subtitle">
+ {{ .Site.Params.hero.intro }}
+ </span>
+ <h2>
+ {{ .Site.Params.hero.title }}
+ </h2>
+ <h3>
+ {{ .Site.Params.hero.subtitle }}
+ </h3>
+ <p class="hero-content">
+ {{ .Site.Params.hero.content | markdownify }}
+ </p>
+ <div class="row">
+ <div class="col-auto h-100">
+ {{ if .Site.Params.hero.button.enable }}
+ <a href="{{ .Site.Params.hero.button.url }}" class="btn">
+ {{ .Site.Params.hero.button.name }}
+ </a>
+ {{ end }}
+ </div>
+ <div class="col-auto px-0 h-100">
+ {{- partial "sections/hero/social.html" . -}}
+ </div>
</div>
- <div class="col-auto px-0 h-100">
- {{- partial "sections/hero/social.html" . -}}
+ </div>
+ <div class="col-sm-12 col-md-12 col-lg-4">
+ <div class="row justify-content-center">
+ <div class="col-sm-12 col-md-9 pt-5 image px-5 px-md-5 px-lg-0 text-center">
+ <img src="{{ .Site.Params.hero.image }}"
+ class="img-thumbnail mx-auto"
+ alt=""
+ >
+ </div>
</div>
</div>
-
</div>
</div>
<div class="hero-bottom-svg d-md-block d-lg-block d-none">
|