News:

SMF - Just Installed!

Main Menu

Bearbeitung der Webseite

Started by Ramona, Sep 19, 2025, 12:12 AM

Previous topic - Next topic
Print
Go Down Pages1
User actions

Ramona

Sep 19, 2025, 12:12 AM
Wir können hier die Texte und Bildunterschriften für deine Webseite besprechen und einfügen. Ich freue mich !!!!

Christopher

#1
Sep 19, 2025, 12:23 AM
Das ist die Index-Seite:
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">&#9776;</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&aumlnge</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>&Uumlber 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&oumlttlich:</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 &uumlberschrift </h3>

               
                <p> Text: Startseite 3
</p>

<br>
<br>

<br>
<br>
<br>
<br>
<br>
<h3>Text: Startseite 4 &uumlberschrift </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&aumlnglich.">
                   
                    <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&uumlnsche 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>
Print
Go Up Pages1
User actions