Fenpedia:5.Sınıf: Revizyonlar arasındaki fark

Fen Ansiklopedisi sitesinden
GörselVikimetin
Değişiklik özeti yok
Değişiklik özeti yok
1. satır: 1. satır:
<h1>Accordion Slider</h1>
  <div class="container mt-5 justify-content-center">
    <div class="choice unset mx-2 danger-color">


    <div class="accordion">
      <div class="card-body">
        <!-- Title -->
        <h4 class="card-title"><a>First Card</a></h4>
        <!-- Text -->
        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
        <!-- Button -->
        <a href="#" class="btn btn-primary">Button</a>
      </div>


         <!-- BOX 1 -->
    </div>
         <div class="box a1">
    <div class="choice unset mx-2 warning-color">
            <div class="image_1">
 
                <div class="text">
      <div class="card-body">
                    <h2>Lorem Ipsum</h2>
         <!-- Title -->
                    <p>
         <h4 class="card-title"><a>Second Card</a></h4>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        <!-- Text -->
                        Vestibulum iaculis nisl sed dictum aliquam.
        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                    </p>
        <!-- Button -->
                </div>
        <a href="#" class="btn btn-primary">Button</a>
            </div>
      </div>   
        </div>
 
    </div>
    <div class="choice unset mx-2 success-color">
      <div class="card-body">
        <!-- Title -->
        <h4 class="card-title"><a>Third Card</a></h4>
        <!-- Text -->
        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
        <!-- Button -->
        <a href="#" class="btn btn-primary">Button</a>
      </div>


        <!-- BOX 2 -->
    </div>
        <div class="box a2">
    <div class="choice unset mx-2 info-color">
            <div class="image_2">
                <div class="text">
                    <h2>Lorem Ipsum</h2>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                        Vestibulum iaculis nisl sed dictum aliquam.
                    </p>
                </div>
            </div>
        </div>


         <!-- BOX 3 -->
          <div class="card-body">
         <div class="box a3">
         <!-- Title -->
            <div class="image_3">
         <h4 class="card-title"><a>Fourth Card</a></h4>
                <div class="text">
        <!-- Text -->
                    <h2>Lorem Ipsum</h2>
        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                    <p>
        <!-- Button -->
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        <a href="#" class="btn btn-primary">Button</a>
                        Vestibulum iaculis nisl sed dictum aliquam.
      </div>
                    </p>
                </div>
            </div>
        </div>


        <!-- BOX 1 -->
    </div>
        <div class="box a4">
    <div class="choice unset mx-2 secondary-color">
            <div class="image_4">
                <div class="text">
                    <h2>Lorem Ipsum</h2>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                        Vestibulum iaculis nisl sed dictum aliquam.
                    </p>
                </div>
            </div>
        </div>


         <!-- BOX 5 -->
          <div class="card-body">
         <div class="box a5">
         <!-- Title -->
            <div class="image_5">
         <h4 class="card-title"><a>Fifth Card</a></h4>
                <div class="text">
        <!-- Text -->
                    <h2>Lorem Ipsum</h2>
        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                    <p>
        <!-- Button -->
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        <a href="#" class="btn btn-primary">Button</a>
                        Vestibulum iaculis nisl sed dictum aliquam.
      </div>
                    </p>
                </div>
            </div>
        </div>


     </div>
     </div>
    <div class="choice unset mx-2 special-color">
          <div class="card-body">
        <!-- Title -->
        <h4 class="card-title"><a>Sixth Card</a></h4>
        <!-- Text -->
        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
        <!-- Button -->
        <a href="#" class="btn btn-primary">Button</a>
      </div>


<templatestyles src="Anasayfa/sınıflar.css" />
    </div>
  </div>

23.49, 8 Ekim 2021 tarihindeki hâli

<a>First Card</a>

Some quick example text to build on the card title and make up the bulk of the card's content.

       <a href="#" class="btn btn-primary">Button</a>

<a>Second Card</a>

Some quick example text to build on the card title and make up the bulk of the card's content.

       <a href="#" class="btn btn-primary">Button</a>

<a>Third Card</a>

Some quick example text to build on the card title and make up the bulk of the card's content.

       <a href="#" class="btn btn-primary">Button</a>

<a>Fourth Card</a>

Some quick example text to build on the card title and make up the bulk of the card's content.

       <a href="#" class="btn btn-primary">Button</a>

<a>Fifth Card</a>

Some quick example text to build on the card title and make up the bulk of the card's content.

       <a href="#" class="btn btn-primary">Button</a>

<a>Sixth Card</a>

Some quick example text to build on the card title and make up the bulk of the card's content.

       <a href="#" class="btn btn-primary">Button</a>
"https://fenpedia.com/index.php?title=Fenpedia:5.Sınıf&oldid=688" sayfasından alınmıştır