Remove fonts, removed carousel, CSS changes
This commit is contained in:
roberto
parent
3f7ba25c03
commit
ba0a1b1538
36 changed files with 199 additions and 285 deletions
|
|
@ -1,5 +1,5 @@
|
|||
<div class="row text-start footer-menu">
|
||||
<div class="col-md-3">
|
||||
<div class="row container menu">
|
||||
<div class="col m3 l3">
|
||||
<h4>Software development and integration</h4>
|
||||
<ul>
|
||||
<li><a href="/en/service/applications-development/">Web applications</a></li>
|
||||
|
|
@ -10,7 +10,7 @@
|
|||
<li><a href="/en/service/e-commerce/">E-commerce</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col m3 l3">
|
||||
<h4>Collaboration and communication</h4>
|
||||
<ul>
|
||||
<li><a href="/en/service/private-e-mail/">Private email</a></li>
|
||||
|
|
@ -21,7 +21,7 @@
|
|||
<li><a href="/en/service/managed-linux-servers/">Servers with Linux</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col m3 l3">
|
||||
<h4>Security</h4>
|
||||
<ul>
|
||||
<li><a href="/en/service/security-firewalls-vpn/">Firewall OpnSense</a></li>
|
||||
|
|
@ -33,7 +33,7 @@
|
|||
<li><a href="/en/service/security-firewalls-vpn/">Ransomware protection</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col m3 l3">
|
||||
<h4>Open Source Domotic</h4>
|
||||
<ul>
|
||||
<li><a href="/en/service/domotic-opensource/">HomeAssistant</a></li>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="row text-start footer-menu">
|
||||
<div class="col-md-3">
|
||||
<div class="row container menu">
|
||||
<div class="col m3 l3">
|
||||
<h4>Sviluppo e integrazione software</h4>
|
||||
<ul>
|
||||
<li><a href="/servizio/sviluppo-applicazioni/">Applicazioni web</a></li>
|
||||
|
|
@ -10,7 +10,7 @@
|
|||
<li><a href="/servizio/soluzioni-e-commerce/">E-commerce</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col m3 l3">
|
||||
<h4>Comunicazione e collaborazione</h4>
|
||||
<ul>
|
||||
<li><a href="/servizio/e-mail-privata/">Email privata</a></li>
|
||||
|
|
@ -21,7 +21,7 @@
|
|||
<li><a href="/servizio/servers-linux-gestiti/">Servers con Linux</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col m3 l3">
|
||||
<h4>Sicurezza</h4>
|
||||
<ul>
|
||||
<li><a href="/servizio/sicurezza-firewalls-vpn/">Firewall OpnSense</a></li>
|
||||
|
|
@ -33,7 +33,7 @@
|
|||
<li><a href="/servizio/sicurezza-firewalls-vpn/">Protezione da ransomware</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col m3 l3">
|
||||
<h4>Domotica open source</h4>
|
||||
<ul>
|
||||
<li><a href="/servizio/domotica-opensource/">HomeAssistant</a></li>
|
||||
|
|
|
|||
|
|
@ -1,47 +0,0 @@
|
|||
<!-- Footer -->
|
||||
<footer class="footer" id="contact" style="background-color: #333">
|
||||
<div class="container text-center">
|
||||
{{ partial (printf "footer-menu.%s.html" .Lang) . }}
|
||||
<div class="row">
|
||||
<div class="col-md-4 footer-contact-details">
|
||||
<p>SpeedTech di Gerola Ing. Roberto</p>
|
||||
<p>VAT ID : IT02446960227</p>
|
||||
<p>REA : TN - 225335</p>
|
||||
<p class="copyright">2001-2024</p>
|
||||
</div>
|
||||
<div class="col-md-4 footer-contact-details">
|
||||
<p>
|
||||
<span class="footer-title"><i class="icon icon-phone"></i>{{i18n "phone"}} : </span> <a href="tel:+390464414131" title="Telephone contact">+39 0464 414131</a>
|
||||
</p>
|
||||
<p>
|
||||
<span class="footer-title"><i class="icon icon-email"></i>Email : </span> <a href="mailto:%72%6f%62%65%72%74%6f%40%73%70%65%65%64%74%65%63%68%2e%69%74">{{i18n "sendemail"}}</a>
|
||||
</p>
|
||||
<h4><i class="icon icon-location"></i>{{i18n "location"}}</h4>
|
||||
<p>Viale Trento, 31
|
||||
<br> IT-38068 Rovereto (TN) ITALY
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-4 footer-contact-details">
|
||||
<h4><i class="icon icon-link"></i>Links</h4>
|
||||
<p><i class="icon icon-git"></i> <a href="https://gitea.speedtech.it/explore/repos">Git code repository</a></p>
|
||||
<p><img alt="BrainMinder" style="width: 20px;" src="https://brainminder.it/brainminder-icon.svg" /><a href="https://brainminder.it">BrainMinder</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Matomo -->
|
||||
<script>
|
||||
var _paq = window._paq = window._paq || [];
|
||||
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
||||
_paq.push(['trackPageView']);
|
||||
_paq.push(['enableLinkTracking']);
|
||||
(function() {
|
||||
var u="//analytics.speedtech.it/";
|
||||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '3']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
})();
|
||||
</script>
|
||||
<!-- End Matomo Code -->
|
||||
|
|
@ -1,12 +1,9 @@
|
|||
<section id="services" class="translucent-bg bg-image-1 blue" style="padding-bottom: 50px;">
|
||||
<div class="container object-non-visible" data-animation-effect="fadeIn">
|
||||
<h2 class="text-center title">{{ i18n "services_title" }}</h2>
|
||||
<div class="space"></div>
|
||||
<div class="row justify-content-start">
|
||||
<section id="home-bottom">
|
||||
<div class="container">
|
||||
<h2>{{ i18n "services_title" }}</h2>
|
||||
<div class="row">
|
||||
{{ range (where .Site.RegularPages "Type" "service").ByParam "position" }}
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="d-flex">
|
||||
<div class="col m6 l6 service">
|
||||
<div class="align-items-start" style="margin-right: 20px;">
|
||||
<a href="{{ .Permalink | relURL }}" title="{{ .Title }}"><i class="{{ .Params.menu.main.params.iconClass }} fa-2x"></i></a>
|
||||
</div>
|
||||
|
|
@ -14,11 +11,9 @@
|
|||
<h4><a href="{{ .Permalink | relURL }}">{{ .Title }}</a></h4>
|
||||
<p><a href="{{ .Permalink | relURL }}">{{ .Params.shortDescription}}</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
<!-- Row -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -1 +0,0 @@
|
|||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous" defer></script>
|
||||
|
|
@ -3,23 +3,15 @@
|
|||
{{ partial "head.html" . }}
|
||||
<body>
|
||||
{{ partial "nav.html" . }}
|
||||
{{ partial "carousel.html" . }}
|
||||
{{ partial "home-banner.html" . }}
|
||||
|
||||
<div id="about" class="space"></div>
|
||||
{{ with (index .Site.Data.introduction .Site.Language.Lang).home }}
|
||||
<div class="section clearfix object-non-visible" data-animation-effect="fadeIn">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h1 class="title text-center">{{ .title }}</h1>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<img class="img-thumbnail rounded mx-auto d-block" alt="{{ .title }}" src="{{ .image }}">
|
||||
{{ .description | markdownify}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="space"></div>
|
||||
</div>
|
||||
<div id="home-introduction" class="container">
|
||||
<div class="row">
|
||||
<div class="col m12 l12">
|
||||
<img alt="{{ .title }}" src="{{ .image }}">
|
||||
<h4>{{ .title }}</h4>
|
||||
{{ .description | markdownify}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
15
themes/lean/layouts/partials/analytics.html
Normal file
15
themes/lean/layouts/partials/analytics.html
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
<!-- Matomo -->
|
||||
<script>
|
||||
var _paq = window._paq = window._paq || [];
|
||||
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
||||
_paq.push(['trackPageView']);
|
||||
_paq.push(['enableLinkTracking']);
|
||||
(function() {
|
||||
var u="//{{ .Site.Params.analyticsUrl }}/";
|
||||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '{{ .Site.Params.Analytics.SiteId }}']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
})();
|
||||
</script>
|
||||
<!-- End Matomo Code -->
|
||||
|
|
@ -1,39 +0,0 @@
|
|||
{{ if isset .Site.Params "carousel" }}
|
||||
{{ if .Site.Params.carousel.enable }}
|
||||
{{ if gt (len .Site.Data.carousel) 0 }}
|
||||
<div id="carouselHome" class="container carousel slide" data-bs-ride="carousel">
|
||||
<div class="carousel-indicators">
|
||||
{{ with index .Site.Data.carousel .Site.Language.Lang }}
|
||||
{{ $.Scratch.Set "count" 0 }}
|
||||
{{ range sort . "weight" }}
|
||||
<button type="button" data-bs-target="#carouselHome" data-bs-slide-to="{{ $.Scratch.Get "count" }}" class="{{ cond (eq ($.Scratch.Get "count") 0) "active" "" }}"></button>
|
||||
{{ $.Scratch.Add "count" 1 }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="carousel-inner">
|
||||
{{ with index .Site.Data.carousel .Site.Language.Lang }}
|
||||
{{ range sort . "weight" }}
|
||||
<div class="carousel-item {{ .extraclass }}">
|
||||
<a href="{{ .url }}"><img src="{{ .image }}" class="img-fluid d-block" style="border-radius: 10px; overflow: hidden"
|
||||
alt="{{ .title }}"></a>
|
||||
<div class="carousel-caption d-md-block">
|
||||
<h4><a style="border-radius: 10px;padding: 5px; color: {{ .textcolor }}; background-color: {{ .backgroundcolor}}" href="{{ .url }}">{{ .title }}</a></h4>
|
||||
<p style="border-radius: 10px;padding: 5px; background-color: {{ .backgroundcolor}}" class="d-none d-md-block"><a style="color: {{ .textcolor }};" href="{{ .url }}">{{ .subtitle }}</a></p>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
<button class="carousel-control-prev" type="button" data-bs-target="#carouselHome" data-bs-slide="prev">
|
||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Previous</span>
|
||||
</button>
|
||||
<button class="carousel-control-next" type="button" data-bs-target="#carouselHome" data-bs-slide="next">
|
||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Next</span>
|
||||
</button>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
33
themes/lean/layouts/partials/footer.html
Normal file
33
themes/lean/layouts/partials/footer.html
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
<!-- Footer -->
|
||||
<footer>
|
||||
{{ partial (printf "footer-menu.%s.html" .Lang) . }}
|
||||
<div class="row container">
|
||||
<div class="col m4 l4 footer-contact-details">
|
||||
<p>SpeedTech di Gerola Ing. Roberto</p>
|
||||
<p>VAT ID : IT02446960227</p>
|
||||
<p>REA : TN - 225335</p>
|
||||
<p class="copyright">2001-2024</p>
|
||||
</div>
|
||||
<div class="col m4 l4 footer-contact-details" id="contact">
|
||||
<p>
|
||||
<span class="footer-title"><i class="icon icon-phone"></i>{{i18n "phone"}} : </span> <a href="tel:+390464414131" title="Telephone contact">+39 0464 414131</a>
|
||||
</p>
|
||||
<p>
|
||||
<span class="footer-title"><i class="icon icon-email"></i>Email : </span> <a href="mailto:%72%6f%62%65%72%74%6f%40%73%70%65%65%64%74%65%63%68%2e%69%74">{{i18n "sendemail"}}</a>
|
||||
</p>
|
||||
<p>
|
||||
<h4><i class="icon icon-location"></i>{{i18n "location"}}</h4>
|
||||
Viale Trento, 31
|
||||
<br> IT-38068 Rovereto (TN) ITALY
|
||||
</p>
|
||||
</div>
|
||||
<div class="col m4 l4 footer-contact-details">
|
||||
<p><h4><i class="icon icon-link"></i>Links</h4></p>
|
||||
<p><i class="icon icon-git"></i> <a href="https://gitea.speedtech.it/explore/repos">Git code repository</a></p>
|
||||
<p><img alt="BrainMinder" style="width: 32px; vertical-align: middle;" src="https://brainminder.it/brainminder-icon.svg" /><a href="https://brainminder.it">BrainMinder</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
{{ partial "analytics.html" . }}
|
||||
|
||||
|
|
@ -6,11 +6,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
{{ $title_plain := .Title | markdownify | plainify }}
|
||||
{{ if eq $title_plain "Blog"}}
|
||||
<title>SpeedTech | Blog</title>
|
||||
<title>{{ .Site.Params.Title }} | Blog</title>
|
||||
{{ else if $is_blog}}
|
||||
<title>SpeedTech | Blog - {{ $title_plain }}</title>
|
||||
<title>{{ .Site.Params.Title }} | Blog - {{ $title_plain }}</title>
|
||||
{{ else }}
|
||||
<title>SpeedTech | {{ $title_plain }}</title>
|
||||
<title>{{ .Site.Params.Title }} | {{ $title_plain }}</title>
|
||||
{{ end }}
|
||||
|
||||
<meta name="author" content="{{ .Param "author" }}">
|
||||
0
themes/lean/layouts/partials/home-banner.html
Normal file
0
themes/lean/layouts/partials/home-banner.html
Normal file
|
|
@ -1,2 +1,2 @@
|
|||
<section id="home-bottom" class="translucent-bg bg-image-1 blue" style="padding-bottom: 50px;">
|
||||
<section id="home-bottom">
|
||||
</section>
|
||||
0
themes/lean/layouts/partials/scripts.html
Normal file
0
themes/lean/layouts/partials/scripts.html
Normal file
|
|
@ -1,88 +1,3 @@
|
|||
@font-face {
|
||||
font-family: 'Nebula Sans';
|
||||
src: url('../fonts/NebulaSans/NebulaSans-Light.otf') format('opentype');
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Nebula Sans';
|
||||
src: url('../fonts/NebulaSans/NebulaSans-LightItalic.otf') format('opentype');
|
||||
font-weight: 300;
|
||||
font-style: italic;
|
||||
font-display: block;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Nebula Sans';
|
||||
src: url('../fonts/NebulaSans/NebulaSans-Book.otf') format('opentype');
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Nebula Sans';
|
||||
src: url('../fonts/NebulaSans/NebulaSans-BookItalic.otf') format('opentype');
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
font-display: block;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Nebula Sans';
|
||||
src: url('../fonts/NebulaSans/NebulaSans-Medium.otf') format('opentype');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Nebula Sans';
|
||||
src: url('../fonts/NebulaSans/NebulaSans-MediumItalic.otf') format('opentype');
|
||||
font-weight: 500;
|
||||
font-style: italic;
|
||||
font-display: block;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Nebula Sans';
|
||||
src: url('../fonts/NebulaSans/NebulaSans-Semibold.otf') format('opentype');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Nebula Sans';
|
||||
src: url('../fonts/NebulaSans/NebulaSans-SemiboldItalic.otf') format('opentype');
|
||||
font-weight: 600;
|
||||
font-style: italic;
|
||||
font-display: block;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Nebula Sans';
|
||||
src: url('../fonts/NebulaSans/NebulaSans-Bold.otf') format('opentype');
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Nebula Sans';
|
||||
src: url('../fonts/NebulaSans/NebulaSans-BoldItalic.otf') format('opentype');
|
||||
font-weight: 700;
|
||||
font-style: italic;
|
||||
font-display: block;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Nebula Sans';
|
||||
src: url('../fonts/NebulaSans/NebulaSans-Black.otf') format('opentype');
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Nebula Sans';
|
||||
src: url('../fonts/NebulaSans/NebulaSans-BlackItalic.otf') format('opentype');
|
||||
font-weight: 900;
|
||||
font-style: italic;
|
||||
font-display: block;
|
||||
}
|
||||
|
||||
/* Global variables. */
|
||||
:root,
|
||||
::backdrop {
|
||||
|
|
@ -155,6 +70,8 @@ ol[role='list'] {
|
|||
body {
|
||||
min-height: 100vh;
|
||||
line-height: 1.5;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/* Set shorter line heights on headings and interactive elements */
|
||||
|
|
@ -200,7 +117,7 @@ a {
|
|||
|
||||
body {
|
||||
padding-top: 130px;
|
||||
font-family: var(--nebula-font-stack);
|
||||
font-family: "Arial";
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
|
@ -284,6 +201,26 @@ body {
|
|||
display: none;
|
||||
}
|
||||
|
||||
.icon {
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 1140px;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
clear: both;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.row {
|
||||
clear: both;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#topnav {
|
||||
background-color: var(--dark-color);
|
||||
border-bottom: 1px solid #ddd;
|
||||
|
|
@ -294,25 +231,20 @@ body {
|
|||
right: 0;
|
||||
z-index: 1000;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
#topnav .container {
|
||||
max-width: 1140px;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
overflow: unset;
|
||||
}
|
||||
|
||||
#topnav ul > li >a {
|
||||
color: white;
|
||||
}
|
||||
ul > li >a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
#topnav .navbar-brand img {
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
#topnav .container {
|
||||
display: flex;
|
||||
.navbar-brand img {
|
||||
height: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
#topmenu {
|
||||
|
|
@ -320,69 +252,103 @@ body {
|
|||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
flex-grow: 1;
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
ul li {
|
||||
display: block;
|
||||
float: left;
|
||||
padding: 1rem;
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
transition-duration: 0.5s;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
ul li ul {
|
||||
background-color: #fff;
|
||||
background-clip: padding-box;
|
||||
border: 1px solid rgba(0,0,0,.15);
|
||||
border-radius: .25rem;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
min-width: 5rem;
|
||||
position: absolute;
|
||||
transition: all 0.5s ease;
|
||||
margin-top: 1rem;
|
||||
left: 0;
|
||||
display: none;
|
||||
z-index: 2000;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
ul li ul li {
|
||||
clear: both;
|
||||
width: 100%;
|
||||
padding: 0.25rem;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
ul li ul a {
|
||||
color: var(--dark-color);
|
||||
}
|
||||
|
||||
:is(ul li:hover > ul, li:focus-within > ul, ul li ul:hover, ul li ul:focus) {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
#topmenu ul {
|
||||
list-style: none;
|
||||
#home-introduction {
|
||||
h4 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
margin-right: auto !important;
|
||||
margin-left: auto !important;
|
||||
border-radius: .25rem !important;
|
||||
padding: .25rem;
|
||||
background-color: #fff;
|
||||
border: 1px solid #dee2e6;
|
||||
border-radius: .25rem;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
#topmenu ul li {
|
||||
display: block;
|
||||
float: left;
|
||||
padding: 1rem;
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
transition-duration: 0.5s;
|
||||
font-weight: 500;
|
||||
#home-bottom {
|
||||
margin-top: 20px;
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
background: url("../img/bg-image-1.jpg") no-repeat;
|
||||
color: white;
|
||||
h2 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
#topmenu ul li ul {
|
||||
background-color: #fff;
|
||||
background-clip: padding-box;
|
||||
border: 1px solid rgba(0,0,0,.15);
|
||||
border-radius: .25rem;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
min-width: 5rem;
|
||||
position: absolute;
|
||||
transition: all 0.5s ease;
|
||||
margin-top: 1rem;
|
||||
left: 0;
|
||||
display: none;
|
||||
z-index: 1000;
|
||||
padding-left: 0;
|
||||
}
|
||||
footer {
|
||||
background-color: var(--dark-color);
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px;
|
||||
|
||||
#topmenu ul li ul li {
|
||||
clear: both;
|
||||
width: 100%;
|
||||
padding: 0.25rem;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
#topmenu ul li ul li .icon {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#topmenu ul li ul a {
|
||||
color: var(--dark-color);
|
||||
}
|
||||
|
||||
#topmenu ul li:hover > ul,
|
||||
#topmenu ul li:focus-within > ul,
|
||||
#topmenu ul li ul:hover,
|
||||
#topmenu ul li ul:focus {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#topmenu ul li ul li {
|
||||
clear: both;
|
||||
width: 100%;
|
||||
.menu ul {
|
||||
list-style-type: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Extra small */
|
||||
|
|
|
|||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading…
Add table
Reference in a new issue