feat: added swiss hosting logo & link
Also cleaned up the html and css a lot
This commit is contained in:
parent
be9a1024af
commit
116be84100
4 changed files with 52 additions and 172 deletions
136
assets/robel.css
136
assets/robel.css
|
@ -966,15 +966,10 @@ p.Flex-item_17 {
|
|||
|
||||
.Flex-Container_12 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
width: 100%;
|
||||
padding-bottom: 2%;
|
||||
padding: 2em 8em;
|
||||
background-color: #f7f7f7;
|
||||
box-shadow: 0 6px 6px 0 rgba(0, 0, 41, 0.35)
|
||||
}
|
||||
|
||||
.Flex-Container_12_1 {
|
||||
display: flex
|
||||
box-shadow: 0 6px 6px 0 rgba(0, 0, 41, 0.35);
|
||||
gap: 10%;
|
||||
}
|
||||
|
||||
img#Location_Map {
|
||||
|
@ -992,15 +987,6 @@ img#logo_09 {
|
|||
margin-top: 35px
|
||||
}
|
||||
|
||||
div.Flex-item_18 {
|
||||
display: block;
|
||||
line-height: normal;
|
||||
font-size: 22px;
|
||||
font-family: "PT Sans", sans-serif;
|
||||
color: #00123f;
|
||||
margin-left: 200px
|
||||
}
|
||||
|
||||
.Flex-item_18_01 {
|
||||
display: block;
|
||||
line-height: normal;
|
||||
|
@ -1010,14 +996,7 @@ div.Flex-item_18 {
|
|||
margin-left: 10px
|
||||
}
|
||||
|
||||
.Flex-Container_12_1 .Flex-item_19 {
|
||||
display: block;
|
||||
line-height: normal;
|
||||
color: #00123f;
|
||||
margin-left: 200px
|
||||
}
|
||||
|
||||
.Flex-Container_12_1 .Flex-item_19 ul {
|
||||
.Flex-Container_12 ul {
|
||||
list-style: none
|
||||
}
|
||||
|
||||
|
@ -1035,7 +1014,6 @@ div img#logo_10 {
|
|||
width: 50px;
|
||||
height: 45px;
|
||||
box-sizing: border-box;
|
||||
margin-left: 210pt;
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
|
@ -1353,6 +1331,11 @@ section.Flex-Container_18 {
|
|||
line-height: normal
|
||||
}
|
||||
|
||||
#logos {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1875px) {
|
||||
ul.topnav-links {
|
||||
margin-right: 6%
|
||||
|
@ -1766,9 +1749,6 @@ section.Flex-Container_18 {
|
|||
margin-right: 8%;
|
||||
margin-left: 170px
|
||||
}
|
||||
div.Flex-item_18 {
|
||||
margin-left: 170px
|
||||
}
|
||||
a p.Flex-item_21 {
|
||||
margin-left: 170px
|
||||
}
|
||||
|
@ -2257,9 +2237,6 @@ section.Flex-Container_18 {
|
|||
margin-right: 8%;
|
||||
margin-left: 170px
|
||||
}
|
||||
div img#logo_10 {
|
||||
margin-left: 230px
|
||||
}
|
||||
footer.Flex-Container_13 {
|
||||
display: flex;
|
||||
color: #00123f;
|
||||
|
@ -2274,9 +2251,6 @@ section.Flex-Container_18 {
|
|||
margin-top: 30px;
|
||||
margin-left: 435pt
|
||||
}
|
||||
div.Flex-item_18 {
|
||||
margin-left: 170px
|
||||
}
|
||||
div.Flex-item_14 {
|
||||
margin-right: 9.5%
|
||||
}
|
||||
|
@ -2595,12 +2569,6 @@ section.Flex-Container_18 {
|
|||
overflow-wrap: anywhere;
|
||||
margin-right: 9%
|
||||
}
|
||||
div.Flex-item_18 {
|
||||
margin-left: 145px
|
||||
}
|
||||
div img#logo_10 {
|
||||
margin-left: 200px
|
||||
}
|
||||
a p.Flex-item_21 {
|
||||
font-size: 18PX;
|
||||
margin-top: 30px;
|
||||
|
@ -3040,12 +3008,6 @@ section.Flex-Container_18 {
|
|||
.Flex-Container_10 {
|
||||
display: block
|
||||
}
|
||||
div img#logo_10 {
|
||||
margin-left: 100px
|
||||
}
|
||||
.Flex-Container_12_1 .Flex-item_19 {
|
||||
margin-left: 100px
|
||||
}
|
||||
a p.Flex-item_21 {
|
||||
font-size: 16PX;
|
||||
margin-top: 30px
|
||||
|
@ -3490,21 +3452,12 @@ section.Flex-Container_18 {
|
|||
.Flex-Container_10 {
|
||||
display: block
|
||||
}
|
||||
div.Flex-item_18 {
|
||||
margin-left: 115px
|
||||
}
|
||||
.Flex-item_18_01 {
|
||||
font-size: 16px
|
||||
}
|
||||
.Flex-item_19 {
|
||||
font-size: 16px
|
||||
}
|
||||
.Flex-item_20 a {
|
||||
font-size: 20px
|
||||
}
|
||||
div img#logo_10 {
|
||||
margin-left: 170px
|
||||
}
|
||||
a p.Flex-item_21 {
|
||||
font-size: 15PX;
|
||||
margin-top: 30px;
|
||||
|
@ -3950,15 +3903,9 @@ section.Flex-Container_18 {
|
|||
.Flex-item_18_01 {
|
||||
font-size: 16px
|
||||
}
|
||||
.Flex-item_19 {
|
||||
font-size: 14.5px
|
||||
}
|
||||
.Flex-item_20 a {
|
||||
font-size: 18px
|
||||
}
|
||||
img#logo_10 {
|
||||
margin-left: 100px
|
||||
}
|
||||
a p.Flex-item_21 {
|
||||
font-size: 15PX;
|
||||
margin-top: 30px
|
||||
|
@ -4333,21 +4280,12 @@ section.Flex-Container_18 {
|
|||
padding-right: 5%;
|
||||
overflow-wrap: anywhere
|
||||
}
|
||||
div.Flex-item_18 {
|
||||
margin-left: 100px
|
||||
}
|
||||
.Flex-item_18_01 {
|
||||
font-size: 16px
|
||||
}
|
||||
.Flex-item_19 {
|
||||
font-size: 14.5px
|
||||
}
|
||||
.Flex-item_20 a {
|
||||
font-size: 18px
|
||||
}
|
||||
div img#logo_10 {
|
||||
margin-left: 100px
|
||||
}
|
||||
a p.Flex-item_21 {
|
||||
font-size: 13.5PX;
|
||||
margin-top: 30px;
|
||||
|
@ -4856,27 +4794,12 @@ section.Flex-Container_18 {
|
|||
.Flex-Container_12 {
|
||||
display: block
|
||||
}
|
||||
div.Flex-item_18 {
|
||||
display: block;
|
||||
line-height: normal;
|
||||
font-size: 22px;
|
||||
font-family: "PT Sans", sans-serif;
|
||||
color: #00123f;
|
||||
margin-left: 7%
|
||||
}
|
||||
.Flex-item_18_01 {
|
||||
font-size: 16px
|
||||
}
|
||||
.Flex-item_19 {
|
||||
font-size: 14.5px
|
||||
}
|
||||
.Flex-item_20 a {
|
||||
font-size: 18px
|
||||
}
|
||||
div img#logo_10 {
|
||||
margin-left: 70px;
|
||||
margin-top: 40px
|
||||
}
|
||||
footer.Flex-Container_13 {
|
||||
display: inline-flex;
|
||||
justify-content: stretch
|
||||
|
@ -5514,27 +5437,12 @@ section.Flex-Container_18 {
|
|||
.Flex-Container_12 {
|
||||
display: block
|
||||
}
|
||||
div.Flex-item_18 {
|
||||
display: block;
|
||||
line-height: normal;
|
||||
font-size: 22px;
|
||||
font-family: "PT Sans", sans-serif;
|
||||
color: #00123f;
|
||||
margin-left: 7%
|
||||
}
|
||||
.Flex-item_18_01 {
|
||||
font-size: 16px
|
||||
}
|
||||
.Flex-item_19 {
|
||||
font-size: 14.5px
|
||||
}
|
||||
.Flex-item_20 a {
|
||||
font-size: 18px
|
||||
}
|
||||
div img#logo_10 {
|
||||
margin-left: 60px;
|
||||
margin-top: 20px
|
||||
}
|
||||
footer.Flex-Container_13 {
|
||||
display: inline-flex;
|
||||
justify-content: stretch
|
||||
|
@ -6294,37 +6202,18 @@ section.Flex-Container_18 {
|
|||
flex-direction: row;
|
||||
margin: 0 1% 15% 9%
|
||||
}
|
||||
div.Flex-item_18 {
|
||||
display: block;
|
||||
line-height: normal;
|
||||
font-size: 22px;
|
||||
font-family: "PT Sans", sans-serif;
|
||||
color: #00123f;
|
||||
margin-left: 10%
|
||||
}
|
||||
.Flex-item_18_01 {
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
margin-right: 50%;
|
||||
margin-left: 1%
|
||||
}
|
||||
div.Flex-item_19 {
|
||||
font-size: 14.5px;
|
||||
margin-top: 20px
|
||||
}
|
||||
.Flex-item_20 a {
|
||||
font-size: 18px
|
||||
}
|
||||
.Flex-Container_12_1 {
|
||||
display: block
|
||||
}
|
||||
div img#logo_10 {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-left: 11%
|
||||
}
|
||||
.Flex-Container_12_1 .Flex-item_19 {
|
||||
margin-left: 11%
|
||||
}
|
||||
footer.Flex-Container_13 {
|
||||
display: block
|
||||
|
@ -6824,21 +6713,14 @@ section.Flex-Container_18 {
|
|||
padding-right: 5%;
|
||||
margin-left: 9%
|
||||
}
|
||||
div.Flex-item_18 {
|
||||
margin-left: 9%
|
||||
}
|
||||
img#logo_09 {
|
||||
width: 193.5px;
|
||||
margin-top: 35px;
|
||||
margin-left: 2%
|
||||
}
|
||||
.Flex-Container_12_1 .Flex-item_19 {
|
||||
margin-left: 9.5%
|
||||
}
|
||||
div img#logo_10 {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-left: 9.5%
|
||||
}
|
||||
.Flex-item_18_01 {
|
||||
display: block;
|
||||
|
|
BIN
assets/swiss_hosting_logo.png
Normal file
BIN
assets/swiss_hosting_logo.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 9.4 KiB |
|
@ -70,8 +70,7 @@ cat << EOF
|
|||
|
||||
<footer>
|
||||
<section class="Flex-Container_12">
|
||||
<div class="Flex-Container_12_1">
|
||||
<div class="Flex-item_18">
|
||||
<div>
|
||||
<a href="https://e-durable.ch/" target="_blank">
|
||||
<img id="logo_09" src="/assets/e-Durable_logo_notagline_full_color.svg" alt="e-Durable logo">
|
||||
</a>
|
||||
|
@ -81,7 +80,6 @@ cat << EOF
|
|||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<div class="Flex-item_19 MT_60 ">
|
||||
<ul style="text-decoration:underline !important;">
|
||||
<li class="Flex-item_20"><a href="$(get_url index)">Home</a></li>
|
||||
<li class="Flex-item_20"><a href="$(get_url backup)">Backup</a></li>
|
||||
|
@ -90,11 +88,12 @@ cat << EOF
|
|||
<li class="Flex-item_20"><a href="$(get_url become-client)">Become Client</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div id="logos">
|
||||
<a href="https://www.linkedin.com/showcase/recycled-cloud" target="_blank">
|
||||
<img id="logo_10" class="MT_80" src="/assets/Linkdin_icon.svg" alt="Linkdin logo">
|
||||
<img id="logo_10" src="/assets/Linkdin_icon.svg" alt="Linkedin logo">
|
||||
</a>
|
||||
<a href="https://www.swissmadesoftware.org/en/swiss-hosting.html" target="_blank">
|
||||
<img src="/assets/swiss_hosting_logo.png" alt="Swiss Hosting logo">
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
@ -70,8 +70,7 @@ cat << EOF
|
|||
|
||||
<footer>
|
||||
<section class="Flex-Container_12">
|
||||
<div class="Flex-Container_12_1">
|
||||
<div class="Flex-item_18">
|
||||
<div>
|
||||
<a href="https://e-durable.ch/" target="_blank">
|
||||
<img id="logo_09" src="/assets/e-Durable_logo_notagline_full_color.svg" alt="e-Durable logo">
|
||||
</a>
|
||||
|
@ -81,7 +80,6 @@ cat << EOF
|
|||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<div class="Flex-item_19 MT_60 ">
|
||||
<ul style="text-decoration:underline !important;">
|
||||
<li class="Flex-item_20"><a href="$(get_url index)">Accueil</a></li>
|
||||
<li class="Flex-item_20"><a href="$(get_url backup)">Backup</a></li>
|
||||
|
@ -90,11 +88,12 @@ cat << EOF
|
|||
<li class="Flex-item_20"><a href="$(get_url become-client)">Devenir Client</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div id="logos">
|
||||
<a href="https://www.linkedin.com/showcase/recycled-cloud" target="_blank">
|
||||
<img id="logo_10" class="MT_80" src="/assets/Linkdin_icon.svg" alt="Linkdin logo">
|
||||
<img id="logo_10" src="/assets/Linkdin_icon.svg" alt="Linkdin logo">
|
||||
</a>
|
||||
<a href="https://www.swissmadesoftware.org/en/swiss-hosting.html" target="_blank">
|
||||
<img src="/assets/swiss_hosting_logo.png" alt="Swiss Hosting logo">
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
|
Loading…
Reference in a new issue