kova/hugo-profile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

hero page modification

Browse Source
This commit is contained in:
gurusabarish
2022-03-21 10:44:07 +05:30
parent 05e453ad83
commit b611c5f102
5 changed files with 132 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
layouts/partials/sections/about.html
+8 -8
View File
@@ -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>
layouts/partials/sections/hero/index.html
+35 -24
View File
@@ -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">