- Welcome to Forum.
Recent posts
Pages1
#1
General Discussion / Re: Bearbeitung der Webseite
Last post by Christopher - Sep 19, 2025, 12:23 AMDas ist die Index-Seite:
Wir können die notwendigen Texte und Info einfügen.
Wir können die notwendigen Texte und Info einfügen.
Code Select
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8" >
<meta name="viewport" content="width=device-width, initial-scale=1.0" >
<link rel="stylesheet" type="text/css" href="style.css?version=">
<title>RamonasWelt</title>
</head>
<body>
<nav class="navbar">
<div class="logo">
<img src="logo.svg" alt="logo"/>
</div>
<!-- NAVIGATION MENU -->
<ul class="nav-links">
<!-- USING CHECKBOX HACK -->
<input type="checkbox" id="checkbox_toggle" />
<label for="checkbox_toggle" class="hamburger">☰</label>
<!-- NAVIGATION MENUS -->
<div class="menu">
<li><a href="https://www.ramona-von-lienen.de">Startseite</a></li>
<li class="services">Hobbies
<!-- DROPDOWN MENU -->
<ul class="dropdown">
<li><a href="https://www.ramona-von-lienen.de/malen.html">Malen</a></li>
<li><a href="https://www.ramona-von-lienen.de/schreiben.html">Schreiben </a></li>
<li><a href="https://www.ramona-von-lienen.de/natur.html">Naturspaziergänge</a></li>
<li><a href="https://www.ramona-von-lienen.de/graphikdesign.html">Graphikdesign& Buchgestaltung</a></li>
<li><a href="https://www.ramona-von-lienen.de/fotografie.html">Fotografie</a></li>
</ul>
</li>
<li><a href="https://www.ramona-von-lienen.de/bibliothek.html">Bibliothek</a> </li>
<li><a href="https://www.ramona-von-lienen.de/forum/index.php">Forum</a> </li>
<li><a href="https://www.ramona-von-lienen.de/impressum.html">Kontakt &<br> Impressum </a> </li>
</div>
</ul>
</nav>
<section class="news">
<h2>Willkommen</h2>
<p> Wie schön, dass du auf meiner Seite vorbei gekommen bist. </p>
</section>
<div class="gallery-container">
<div class="gallery-text">
<h2>Über mich: </h2>
<p>
Text: Startseite 1 </p>
</div>
<div class="gallery-images">
<div class="image-with-caption">
<img src="bilder/ich1.jpg" alt="Aus dem Rahmen entschwunden..">
</div>
</div>
</div>
</div>
<div class="gallery-container alternate">
<div class="gallery-text">
<h2>Alles ist göttlich:</h2>
<h2>Wir in der Natur </h2>
<p> Wenn ich durch die Natur spazieren gehe, nehme ich wahr, welche Schönheit und Perfektion in der Natur sich vorfindet. <br>
Text: Startseite 2 </p>
<h3>Text: Startseite 3 überschrift </h3>
<p> Text: Startseite 3
</p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<h3>Text: Startseite 4 überschrift </h3>
<p> Text: Startseite 4 </p>
</div>
<div class="gallery-images">
<div class="image-with-caption">
<img src="bilder/huhn.jpg" alt="Schau mal wieder vorbei!" width=400px align="right">
<div class="caption">
<h3>Ein Huhn</h3>
<p>Text: Startseite Bildunterschrift 1.2</p>
</div>
<div class="image-with-caption">
<img src="bilder/blume.jpg" alt="Unglaublich raffiniert aufgebaut und vergänglich.">
<div class="caption">
<h3>Eine Blume</h3>
<p>Text: Startseite Bildunterschrift 2.2</p>
</div>
</div>
<div class="image-with-caption">
<img src="bilder/schmetterling.jpg" >
<div class="caption">
<h3>Ein Schmetterling</h3>
<p>Text: Startseite Bildunterschrift 3.2</p>
</div>
</div>
</div>
</div>
<div class="gallery-container">
<div class="gallery-text-images_broader">
<h2>Malen und Zeichnen</h2>
<p>
Text: Startseite 5<br>
</p>
</div>
<div class="gallery-images_broader">
<div class="image-with-caption_broader">
<img src="bilder/Zeichnung1.jpg" alt="Raupe-Nimmersatt">
<div class="caption_broader">
<h3><p>Text: Startseite Bildunterschrift 4.1</p></h3>
<p><p>Text: Startseite Bildunterschrift 4.2</p></p>
</div>
</div>
<div class="image-with-caption_broader">
<img src="bilder/Zeichnung2.jpg">
<div class="caption_broader">
<h3>Text: Startseite Bildunterschrift 5.1</h3>
<p>Text: Startseite Bildunterschrift 5.2</p>
</div>
</div>
<div class="image-with-caption_broader">
<img src="bilder/zeichnung3.jpg">
<div class="caption_broader">
<h3>Text: Startseite Bildunterschrift 6.1</h3>
<p>Text: Startseite Bildunterschrift 6.2</p>
</div>
</div>
<div class="image-with-caption_broader">
<img src="bilder/zeichnung4.jpg" alt="">
<div class="caption_broader">
<h3> Text: Startseite Bildunterschrift 7.1 </h3>
<p>Text: Startseite Bildunterschrift 7.2</p>
</div>
</div>
</div>
</div>
<div class="gallery-container alternate">
<div class="gallery-text">
<h2>Meine Wünsche und meine Vision: </h2>
<h3>Text: Startseite 6 ueberschrift</h3>
<p> Text: Startseite 6</p>
<h3>Text: Startseite 7 ueberschrift</h3>
<p> Text: Startseite 7</p>
<h3>Text: Startseite 8 ueberschrift</h3>
<p> Text: startseite 8 </p>
<h3>Text: Startseite 9 ueberschrift</h3>
<p> Text: Startseite 9 </p>
</div>
<div class="gallery-images">
<div class="image-with-caption">
<img src="bilder/sonnensystem.jpg" alt="Jugendliche beim Experimentieren!">
<div class="caption">
<h3>Text: Startseite Bildunterschrift 8.1<h3>
</div>
</div>
<div class="image-with-caption">
<img src="bilder/himmel.jpg" alt="Zucker bestehen aus Biopolymeren!">
<div class="caption">
<h3>Text: Startseite Bildunterschrift 9.1</h3>
</div>
</div>
<div class="image-with-caption">
<img src="bilder/wegweiser.jpg" alt="Innovationen überall">
<div class="caption">
<h3>Text: Startseite Bildunterschrift 10.1</h3>
</div>
</div>
<div class="image-with-caption">
<img src="bilder/schnecke_finger.jpg" alt="Modelle zeigen anschaulich, um was es sich handelt! Doch wer findet den Fehler in diesem Modell?">
<div class="caption">
<h3>Text: Startseite Bildunterschrift 11.1.</h3>
</div>
</div>
</div>
</div>
<div class="footer">
<a href="http://www.ramona-von-lienen.de/impressum.html">Kontakt</a>
<p>© 2025 Ramona von Lienen</p>
</div>
</body>
</html> #2
General Discussion / Bearbeitung der Webseite
Last post by Ramona - Sep 19, 2025, 12:12 AMWir können hier die Texte und Bildunterschriften für deine Webseite besprechen und einfügen. Ich freue mich !!!!
#3
General Discussion / Welcome to SMF!
Last post by Simple Machines - Sep 19, 2025, 12:03 AMWelcome to Simple Machines Forum!
We hope you enjoy using your forum. If you have any problems, please feel free to ask us for assistance.
Thanks!
Simple Machines
We hope you enjoy using your forum. If you have any problems, please feel free to ask us for assistance.
Thanks!
Simple Machines
Pages1