Skip to content

Commit

Permalink
Merge pull request #131 from incubyte/feature/updated-header-footer
Browse files Browse the repository at this point in the history
Feature/updated header footer
  • Loading branch information
2KAbhishek committed May 9, 2023
2 parents 0247c49 + fa2599d commit 8093217
Show file tree
Hide file tree
Showing 7 changed files with 145 additions and 123 deletions.
47 changes: 31 additions & 16 deletions config/_default/menus.toml
Original file line number Diff line number Diff line change
Expand Up @@ -69,42 +69,57 @@ weight = 4

# footer menu left
[[footer_left]]
name = "Why Incubyte"
url = "https://incubyte.co/why-incubyte"
name = "home"
url = "https://incubyte.co/"
weight = 1

[[footer_left]]
name = "Events"
url = "https://www.incubyte.co/events"
weight = 2
name = "solutions"
url = "https://www.incubyte.co/solutions"
weight = 3

[[footer_left]]
name = "Inspiration!"
url = "https://incubyte.co/inspiration"
weight = 3
name = "about us"
url = "https://www.incubyte.co/why-incubyte"
weight = 4

[[footer_left]]
name = "our team"
url = "https://www.incubyte.co/our-team"
weight = 5


# footer menu middle
[[footer_middle]]
name = "Product Development"
url = "https://www.incubyte.co/software-development"
name = "careers"
url = "https://www.incubyte.co/careers"
weight = 1

[[footer_middle]]
name = "Software Modernization"
url = "https://www.incubyte.co/enhance-and-modernize"
name = "inspiration"
url = "https://www.incubyte.co/inspiration"
weight = 2

[[footer_middle]]
name = "Consulting"
url = "https://www.incubyte.co/consulting"
name = "blog"
url = "https://blog.incubyte.co/"
weight = 3

[[footer_middle]]
name = "Virtual CTO"
url = "https://www.incubyte.co/virtual-cto"
name = "community"
url = "https://www.incubyte.co/events"
weight = 4

[[footer_middle]]
name = "ai playground"
url = "https://www.incubyte.co/ai-playground"
weight = 5

[[footer_middle]]
name = "contact"
url = "https://www.incubyte.co/lets-get-started"
weight = 6

# footer menu right
[[footer_right]]
name = "Let's Get Started"
Expand Down
3 changes: 2 additions & 1 deletion layouts/_default/single.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,8 @@
<div class="container">
<article class="row">
<div class="col-lg-8 mx-auto">
<img src="{{ .Params.image | relURL }}" alt="{{ .Title }}" class="img-fluid w-100 rounded mb-4">
<a class="back-link" href={{.Site.BaseURL}}><strong></strong> Back to Blog</a>
<img src="{{ .Params.image | relURL }}" alt="{{ .Title }}" class="mt-3 img-fluid w-100 rounded mb-4">
<h1 class="mb-4 post-title">{{ .Title }}</h1>
{{ range .Params.tags }}
<span class="mb-3 badge rounded-pill bg-dark">
Expand Down
102 changes: 54 additions & 48 deletions layouts/partials/footer.html
Original file line number Diff line number Diff line change
@@ -1,60 +1,66 @@
<footer class="bg-custom section pb-0">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6 mb-5">
<a class="d-block h3 mb-3" href="{{ site.BaseURL | absLangURL}}">
{{ with site.Params.logo}}
<img width="{{site.Params.logo_width}}" class="img-fluid" src="{{ . | relURL }}" alt="{{ site.Title }}">
{{ else }}{{site.Title}}{{end}}
</a>
<p class="mb-4">{{ site.Params.footer_content | markdownify }}</p>
</div>

<div class="col-md-3 col-sm-6 mb-5">
{{ if site.Menus.footer_left }}
<div><u>{{ site.Params.footer_menu_left }}</u></div>
<ul class="list-unstyled footer-list">
{{ range site.Menus.footer_left }}
<li><a href="{{ .URL | relLangURL }}" title="{{ .Name }}">{{ .Name }}</a></li>
<div class="d-flex flex-column flex-sm-row justify-content-between">
<div class="mb-5">
<a class="d-block h3 mb-3" href="{{ site.BaseURL | absLangURL}}">
{{ with site.Params.logo}}
<img width="{{site.Params.logo_width}}" class="img-fluid" src="{{ . | relURL }}" alt="{{ site.Title }}">
{{ else }}{{site.Title}}{{end}}
</a>
{{ with site.Params.social }}
<ul class="list-inline pl-2 pb-4">
{{ range . }}
<li class="list-inline-item"><a href="{{ .link | safeURL }}" title="{{ .title }}"><i class="{{ .icon }} mr-1 ml-1"></i></a></li>
{{ end }}
</ul>
{{ end }}
</ul>
{{ end }}
</div>
<div class="col-md-3 col-sm-6 mb-5">
{{ if site.Menus.footer_middle }}
<div><u>{{ site.Params.footer_menu_middle }}</u></div>
<ul class="list-unstyled footer-list">
{{ range site.Menus.footer_middle }}
<li><a href="{{ .URL | relLangURL }}" title="{{ .Name }}">{{ .Name }}</a></li>
</div>

<div class="mb-5 d-none d-lg-block">
{{ if site.Menus.footer_left}}
<div><u>{{ site.Params.footer_menu_left }}</u></div>
<div class="d-flex">
<ul class="list-unstyled footer-list mr-5">
{{ range site.Menus.footer_left }}
<li><a href="{{ .URL | relLangURL }}" title="{{ .Name }}">{{ .Name }}</a></li>
{{ end }}
</ul>
<ul class="list-unstyled footer-list">
{{ range site.Menus.footer_middle }}
<li><a href="{{ .URL | relLangURL }}" title="{{ .Name }}">{{ .Name }}</a></li>
{{ end }}
</ul>
</div>
{{ end }}
</ul>
{{ end }}
</div>
<div class="col-md-3 col-sm-6 mb-5">
{{ if site.Menus.footer_right }}
<div><u>{{ site.Params.footer_menu_right }}</u></div>
<ul class="list-unstyled footer-list">
{{ range site.Menus.footer_right }}
<li><a href="{{ .URL | relLangURL }}" title="{{ .Name }}">{{ .Name }}</a></li>
</div>
<div class="mb-5">
{{ if site.Menus.footer_right }}
<div><u>{{ site.Params.footer_menu_right }}</u></div>
<ul class="list-unstyled footer-list">
<!-- {{ range site.Menus.footer_right }}
<li><a href="{{ .URL | relLangURL }}" title="{{ .Name }}">{{ .Name }}</a></li>
{{ end }} -->
<li>
<h4>REACH US</h4>
<a href="mailto:hello@incubyte.co">hello@incubyte.co</a>
</li>
<li>
<h4>WORK WITH US</h4>
<a href="mailto:careers@incubyte.co">careers@incubyte.co</a>
</li>
<li>
<a href="tel:+91-9512342973">+91 95123 42973</a> </small>
<a href="tel:+1-6068871782">+1 606-887-1782</a> </small>
</li>
</ul>
{{ end }}
</ul>
{{ end }}
</div>

</div>
</div>
<div class="border-top border-default text-center py-4 mt-4">
<small class="text-center d-inline-block mb-1">
<a href="mailto:hello@incubyte.co">hello@incubyte.co</a>
| <a href="tel:+91-9512342973">+91-9512342973</a> </small><br>
<small class="d-flex flex-column flex-sm-row justify-content-between align-items-center mb-1">
<p>905 Swati Clover, Thaltej, Ahmedabad - 380054</p>
<small class="content">{{ site.Params.Copyright | markdownify }}</small>
</div>
{{ with site.Params.social }}
<ul class="list-inline text-center pb-4">
{{ range . }}
<li class="list-inline-item"><a href="{{ .link | safeURL }}" title="{{ .title }}"><i class="{{ .icon }} mr-1 ml-1"></i></a></li>
{{ end }}
</ul>
{{ end }}
</div>
<!-- Microsoft Clarity -->
<script type="text/javascript">
Expand Down
62 changes: 11 additions & 51 deletions layouts/partials/header.html
Original file line number Diff line number Diff line change
@@ -1,70 +1,30 @@
{{ "<!-- navigation -->" | safeHTML }}
<header class="navigation-bar">
<div class="container">
<!-- <div class="container"> -->
<div class="">
<!-- navbar -->
<nav class="navbar navbar-expand-lg navbar-light bg-transparent">
<nav class="navbar navbar-expand navbar-light bg-transparent">
<a class="navbar-brand" href="{{ site.Params.homeURL | absLangURL }}">
{{ with site.Params.logo}}
<img width="150px" class="img-fluid" src="{{ . | relLangURL }}" alt="{{ site.Title }}">
<img width="130px" class="img-fluid" src="{{ . | relLangURL }}" alt="{{ site.Title }}">
{{ else }}{{site.Title}}{{end}}
</a>
<button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navigation" aria-label="menu">
<!-- <button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navigation" aria-label="menu">
<i class="fas fa-bars"></i>
</button>
</button> -->

<div class="collapse navbar-collapse text-center" id="navigation">
<ul class="navbar-nav mx-auto">
{{ range site.Menus.main }}
{{ if .HasChildren }}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown">
{{ .Name }}
</a>
<div class="dropdown-menu">
{{ range .Children }}
<a class="dropdown-item" href="{{ .URL | relLangURL }}" title="{{ .Name }}">{{ .Name }}</a>
{{ end }}
</div>
</li>
{{ else }}
<li class="nav-item">
<a class="nav-link" href="{{ .URL | relLangURL }}" title="{{ .Name }}">{{ .Name }}</a>
</li>
{{ end }}
{{ end }}


<!-- Language List -->
{{ if .IsTranslated }}
<select class="m-2 border-0" id="select-language" onchange="location = this.value;">
{{ $siteLanguages := site.Languages}}
{{ $pageLang := .Page.Lang}}
{{ range .Page.AllTranslations }}
{{ $translation := .}}
{{ range $siteLanguages }}
{{ if eq $translation.Lang .Lang }}
{{ $selected := false }}
{{ if eq $pageLang .Lang}}
<option id="{{ $translation.Language }}" value="{{ $translation.Permalink }}" selected>{{ .LanguageName }}
</option>
{{ else }}
<option id="{{ $translation.Language }}" value="{{ $translation.Permalink }}">{{ .LanguageName }}</option>
{{ end }}
{{ end }}
{{ end }}
{{ end }}
</select>
{{ end }}
</ul>

<div>
<!-- <div>
<i class="fas theme-toggle p-2" id="theme-toggle-btn"></i>
</div>
</div> -->
{{ if site.Params.navigation_button.enable }}
{{ with site.Params.navigation_button }}
<a href="{{ .link | relLangURL }}" title="{{ .label }}" class="big-btn btn btn-sm ml-3">{{ .label }}</a>
{{ end }}
{{ end }}
<a class="nav-link" href="https://www.incubyte.co/" role="button">
home
</a>
</div>
</nav>
</div>
Expand Down
40 changes: 35 additions & 5 deletions layouts/partials/style.html
Original file line number Diff line number Diff line change
Expand Up @@ -81,14 +81,29 @@
font-family: "Nunito Sans", sans-serif;
font-weight: 700;
color: #0e3252 !important;
padding: 8px 0px;
padding: 8px 50px;
}

.navbar-light .navbar-nav .nav-link {
@media (max-width: 991px) {
.navigation-bar {
padding: 8px 20px;
}
}

@media (max-width: 400px) {
.navigation-bar {
padding: 8px 10px;
}
}

.navbar-brand {
width: 100%;
}
.nav-link {
color: #0e3252;
}

.navbar-light .navbar-nav .nav-link:hover,
.nav-link:hover,
.nav-link:focus,
.nav-link:active {
color: #0e3252;
Expand Down Expand Up @@ -154,8 +169,10 @@
u {
text-transform: uppercase;
text-decoration: none;
border-bottom: #aeb8c0 2px dotted;
border-width: thin;
font-weight: 800;
letter-spacing: .1em;
/* border-bottom: #aeb8c0 2px dotted; */
/* border-width: thin; */
word-spacing: 0.2em;
}

Expand All @@ -176,6 +193,11 @@
padding: 5px 10px;
}

.back-link {
font-size: 14px;
color: #838383;
}

.card {
border-radius: 10px;
height: 100%;
Expand All @@ -195,6 +217,14 @@
letter-spacing: 1px;
}

footer h4 {
font-size: 12px;
font-weight: 800;
padding-top: 16px;
margin-bottom: -8px;
letter-spacing: 1px;
}

.badge {
letter-spacing: 1px;
margin-top: 0.25rem;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -284,6 +284,10 @@ textarea.form-control {
@media (max-width: 991px) {
.navbar-expand-lg .navbar-nav .nav-link {
padding: 10px; } }
#select-language {
background-color: transparent;
font-weight: 700; }

.banner {
padding: 100px 0 50px; }

Expand Down Expand Up @@ -319,6 +323,11 @@ textarea.form-control {
color: #fff;
background-color: #5cc5d5; }

.card-img {
object-fit: cover;
width: 100%;
height: 10vw; }

a.post-title {
color: #222;
display: block; }
Expand Down Expand Up @@ -514,7 +523,8 @@ a.post-title {

.slick-dots {
text-align: center;
margin-top: 20px; }
margin-top: 20px;
padding: 0; }
.slick-dots li {
display: inline-block;
margin: 0 5px; }
Expand Down
2 changes: 1 addition & 1 deletion themes/bigspring

0 comments on commit 8093217

Please sign in to comment.