Ajout des titres

This commit is contained in:
Ambulance Clerc
2022-11-26 11:06:01 +01:00
parent b2fc4c68aa
commit 9b6e0bbaa2

View File

@@ -29,6 +29,21 @@
font-weight: 300;
letter-spacing: 0px;
}
.menu_container{
width: 620px;
display: flex;
justify-content: space-between;
}
.menu_element{
font-family: 'Source Sans Pro', sans-serif;
font-size: 18pt;
font-weight: 300;
letter-spacing: 0px;
}
.menu_element a{
color: white !important;
text-decoration: none !important;
}
.div_container{
display: flex;
flex-wrap: wrap;
@@ -58,13 +73,15 @@
align-content: stretch;
}
.top_container{
display: flex;
height: 115px;
align-content: flex-start;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
justify-content: center;
gap: 135px;
}
.main_div{
height: 440px;
@@ -86,13 +103,24 @@
<div style="width: 350px; display: flex;flex-grow: 1;align-content: stretch;justify-content:flex-start;">
<div style="display: flex; align-items: center;justify-content: space-between;width: 300px;">
<img style="width:71px;" src="https://prod.resk-u.ch/logos/logo_clerc_200.png">
<span>Ambulance Clerc SA</span>
<span style="padding-left: 20px">Ambulance Clerc SA</span>
</div>
<div>
<iframe src="https://www.zeitverschiebung.net/clock-widget-iframe-v2?language=fr&size=medium&timezone=Europe%2FZurich" width="100%" height="115" frameborder="0" scrolling="no" seamless style="pointer-events: none;"></iframe>
</div>
</div>
<div class="menu_container" style="">
<span class="menu_element" style="font-weight: bold;">
<a href="https://ambulance-clerc.optimiso.net/app/index.html#/login" target="_blank">Optimiso</a>
</span>
<span class="menu_element" style="font-weight: bold;">
<a href="https://extra.ambulance-clerc.ch" target="_blank">Intranet</a>
</span>
<span class="menu_element" style="font-weight: bold;">
<a href="/vehicules/vhc" target="_blank">Véhicules</a>
</span>
</div>
<div style="width: 500px; height: 115px; "><a class="weatherwidget-io" href="https://forecast7.com/fr/46d256d95/monthey/" data-label_1="MONTHEY" data-label_2="METEO" data-days="3" data-theme="dark" style="pointer-events: none;" >MONTHEY METEO</a>
<script>