messing around with pretty chunks for index

This commit is contained in:
gws 2024-11-10 16:13:36 +01:00
parent 8eb64523d0
commit 8fe7f5746f
3 changed files with 45 additions and 1 deletions

View file

@ -9,11 +9,37 @@ intro = "Need help with Product development or IT? <br> You have come to right p
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut magna vitae libero
accumsan pretium vitae et massa. Morbi dolor est, ullamcorper eu ante vitae, scelerisque
# Software Development
<!--
<div class="service block">
<div class="service inner">
<div class="service splash">
<img src="/software-icon.svg" style="height: inherit;">
</div>
<div class="service content">
<h2>Sajt</h2>
<p >Dags att levla upp din webb? Litet eller stort, med eller utan e-handel. Jag är med dig hela vägen från skiss till färdiglevererad webbplats.</p>
<a href="/software" >Jag vill veta mer</a>
</div>
</div>
</div>
-->
# Software Development <img src="/software-icon.svg" style="height: 2em;">
<!-- ![code icon](/software-icon.svg) -->
<!-- <div class="service splash"> -->
<!-- <img src="/software-icon.svg" style="height: inherit;"> -->
<!-- </div> -->
bibendum ligula. Etiam sed lobortis quam. Pellentesque habitant morbi tristique
senectus et netus et malesuada fames ac turpis egestas. Donec ac ullamcorper quam.
<a href="/software" >Jag vill veta mer</a>
# Product Development

View file

@ -43,4 +43,16 @@ ul {
height: 1.3em;
position: relative;
top: 0.35em;
}
.service.splash {
background: red;
width: 100%;
height: 2em;
}
.service {
background: green;
width: 40%;
}

6
static/software-icon.svg Normal file
View file

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg width="800px" height="800px" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.01005 0.858582L6.01005 14.8586L7.98995 15.1414L9.98995 1.14142L8.01005 0.858582Z" fill="#000000"/>
<path d="M12.5 11.5L11.0858 10.0858L13.1716 8L11.0858 5.91422L12.5 4.5L16 8L12.5 11.5Z" fill="#000000"/>
<path d="M2.82843 8L4.91421 10.0858L3.5 11.5L0 8L3.5 4.5L4.91421 5.91422L2.82843 8Z" fill="#000000"/>
</svg>

After

Width:  |  Height:  |  Size: 550 B