Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html lang="nl">
​
<head>
    <title>Bootstrap CoderDojo</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
  
    <!-- Importeer CSS Bootstrap -->
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
​
    <!-- Importeer JS Bootstrap en jQuery die misschien nodig zijn voor opdracht 3 -->
    <script src="https://code.jquery.com/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script>
    
    <!-- Importeer de krul-letters -->
    <link href="https://fonts.googleapis.com/css?family=Dancing+Script:700" rel="stylesheet">
​
    <!-- Importeer de css voor het > teken (icon) in de links naar wikipedia -->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"
          integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
</head>
​
<body>
    <div>
        <!-- Kopregel met logo en titel van website -->
        <div>
            <div>
                <img src="https://ciskavs.github.io/puppy-love/images/logo.gif" alt="" />
            </div>
            <div>
                <h1>Puppy love</h1>
            </div>
        </div>
​
        <!-- Introductie tekst met hazewindhonden -->
        <div>
            <div>
                <h2>Puppies</h2>
                <p>
                    Een puppy is een pasgeboren of jonge hond. Gemiddeld duurt een zwangerschap bij honden 64 dagen. Als de puppy's geboren
                    zijn, zijn ze de eerste tien tot vijftien dagen nog blind. De eerste drie weken krijgen de puppies melk van hun moeder.
                    Daarna krijgen ze tandjes en vindt de moeder het wel welletjes geweest. Die eerste drie weken slapen puppies ontzettend
                    veel, zo'n 70% van de tijd! Daarna worden ze zelfstandiger en na zo'n 8 weken gaan ze meestal naar hun toekomstige
                    baasjes. Ze zijn dan nog erg speels. Om goed te leren luisteren naar hun baasjes gaan ze op puppytraining.
                </p>
            </div>
            <div>
                <img src="https://ciskavs.github.io/puppy-love/images/hazewindhonden.png" alt="Vier schattige hazewindhonden" />
            </div>
        </div>
​
        <!-- Mijn favoriete puppies -->
        <div>
            <h2>Mijn favoriete puppies</h2>
        </div>
​
        <div>
          <!-- Beagle -->
          <div>
              <img src="https://ciskavs.github.io/puppy-love/images/beagle.jpg" alt="Puppy beagle" height="200" />
              <h3>Beagle</h3>
              <p>
                  Een beagle is een zeer intelligente hond met een eigenwijs karakter. Vanwege zijn goede neus wordt hij in Engeland
                  gebruikt bij de jacht. Ze houden van menselijk gezelschap.
              </p>
              <i class="fas fa-angle-right"></i>
              <a href="https://nl.wikipedia.org/wiki/Beagle_(hond)" target="_blank">Beagle wiki</a>
          </div>
​
          <!-- Teckel -->
          <div>
              <img src="https://ciskavs.github.io/puppy-love/images/teckel.jpg" alt="Puppy teckel" height="200" />
              <h3>Teckel</h3>
              <p>
                  Een teckel is ondanks zijn korte poten en lange lichaam heel bewegelijk. Hij heeft een goed uithoudingsvermogen.
                  De teckel kan geweldig komedie spelen om zijn zin door te drijven, en zoekt bewust oogcontact.
              </p>
              <i class="fas fa-angle-right"></i>
              <a href="https://nl.wikipedia.org/wiki/Teckel" target="_blank">Teckel wiki</a>
          </div>
​
          <!-- Buldog -->
          <div>
              <img src="https://ciskavs.github.io/puppy-love/images/buldog.jpg" alt="Puppy buldog" height="200" />
              <h3>Franse buldog</h3>
              <p>
                  Een Franse buldog is een echt gezelschapsdier. Ze spelen graag en zijn levendig, maar hebben wel veel aandacht nodig.
                  De Franse buldog wil dus graag een baasje die veel tijd met hem door kan brengen.
              </p>
              <i class="fas fa-angle-right"></i>
              <a href="https://nl.wikipedia.org/wiki/Franse_buldog" target="_blank">Franse buldog wiki</a>
          </div>
​
          <!-- Golden retriever -->
          <div>
              <img src="https://ciskavs.github.io/puppy-love/images/golden-retriever.jpg" alt="Puppy golden retriever" height="200" />
              <h3>Golden retriever</h3>
              <p>
                  Een golden retriever is van nature vriendelijk en sociaal. Hij is intelligent en leergierig en werkt graag voor zijn
                  baas. Hij wordt dan ook graag gebruikt als hulphond, bijvoorbeeld als blindegeleidehond.
              </p>
              <i class="fas fa-angle-right"></i>
              <a href="https://nl.wikipedia.org/wiki/Golden_retriever" target="_blank">Golden retriever wiki</a>
          </div>
​
          <!-- Jack Russell -->
          <div>
              <img src="https://ciskavs.github.io/puppy-love/images/jack-russell.jpg" alt="Puppy jack russell" height="200" />
              <h3>Jack Russell</h3>
              <p>
                  Een Jack Russel terriër is een lieve vrolijke hond, die altijd wel klaar staat om een spelletje te spelen. Hij is heel
                  actief en heeft veel beweging nodig en gaat graag mee met wandelen, joggen, fietsen of paardrijden.
              </p>
              <i class="fas fa-angle-right"></i>
              <a href="https://nl.wikipedia.org/wiki/Jackrussellterri%C3%ABr" target="_blank">Jack Russell wiki</a>
          </div>
​
          <!-- Bordercollie -->
          <div>
              <img src="https://ciskavs.github.io/puppy-love/images/border-collie.jpg" alt="Puppy border collie" height="200" />
              <h3>Bordercollie</h3>
              <p>
                  De bordercollie komt uit een gebied tussen Engeland en Schotland dat de Borders heet. Ze worden daar gebruikt voor het
                  drijven en hoeden van schapen. Met een kudde kunnen ze wel 100 kilometer per dag lopen!
              </p>
              <i class="fas fa-angle-right"></i>
              <a href="https://nl.wikipedia.org/wiki/Bordercollie" target="_blank">Bordercollie wiki</a>
          </div>
        </div>
    </div>
    <br />
</body>
</html>
​
 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
ciskavspro
0viewers