gabriel/computerschaf
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add image to data rescue section

Browse source
This commit is contained in:
Gabriel Huber 2023-02-22 23:28:36 +01:00
parent 9e0bb362ed
commit ae971f6e04
2 changed files with 34 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
static/styles.css
View file

@ -198,6 +198,10 @@ section:nth-child(even) {
gap: 1.5em; gap: 1.5em;
} }
.split-section-reverse {
flex-direction: row-reverse;
}
.split-section-text { .split-section-text {
width: 70%; width: 70%;
} }
@ -343,6 +347,10 @@ footer h2 {
width: auto; width: auto;
} }
.split-section-reverse {
flex-direction: row;
}
.split-section-img { .split-section-img {
height: 11em; height: 11em;
width: auto; width: auto;

7
templates/index.html
View file

@ -85,6 +85,8 @@
<section> <section>
<div class="section-inner"> <div class="section-inner">
<h2 id="datenrettung">Datenrettung</h2> <h2 id="datenrettung">Datenrettung</h2>
<div class="split-section split-section-reverse">
<div class="split-section-text">
<p> <p>
Ist ihnen ein wichtiges Dokument verloren gegangen oder möchten Sie Daten von einen Ist ihnen ein wichtiges Dokument verloren gegangen oder möchten Sie Daten von einen
kaputten Computer auf ein Neugerät mitnehmen? kaputten Computer auf ein Neugerät mitnehmen?
@ -105,6 +107,11 @@
zukünftige Datenverluste unwahrscheinlicher sind. zukünftige Datenverluste unwahrscheinlicher sind.
</p> </p>
</div> </div>
<div class="split-section-img">
<img width="4896" height="3672" src="static/img/fotos/datentraeger.jpeg" alt="">
</div>
</div>
</div>
</section> </section>
<section> <section>
<div class="section-inner"> <div class="section-inner">